jeffemmett
/
cadcad-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: make Getting Started section full-width blue section break 

Change background to cadCAD blue with white text and light blue links
to create a proper visual section divider.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-24 17:34:27 -08:00
parent f227eb38c8
commit 5b517eac19
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GettingStarted.tsx
View File

@ -57,10 +57,10 @@ const resources = [
export default function GettingStarted() { export default function GettingStarted() {
return ( return (
<section className="border-b border-border bg-white py-8"> <section className="bg-cadcad-blue py-12">
<div className="container mx-auto flex flex-wrap pt-4 pb-12 text-center"> <div className="container mx-auto flex flex-wrap pt-4 pb-12 text-center">
<div className="w-full px-6"> <div className="w-full px-6">
<h2 className="mb-8 text-3xl font-bold text-gray-800 sm:text-4xl"> <h2 className="mb-8 text-3xl font-bold text-white sm:text-4xl">
Getting Started Getting Started
</h2> </h2>
</div> </div>
@ -76,18 +76,18 @@ export default function GettingStarted() {
alt={resource.title} alt={resource.title}
className="mx-auto my-6 h-16 w-16 text-cadcad-blue" className="mx-auto my-6 h-16 w-16 text-cadcad-blue"
/> />
<p className="w-full py-4 text-base font-bold text-gray-800"> <p className="w-full py-4 text-base font-bold text-white">
{resource.prefix}{" "} {resource.prefix}{" "}
<a <a
href={resource.href} href={resource.href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-cadcad-blue hover:text-cadcad-lightblue transition-colors" className="text-cadcad-lightblue hover:text-cadcad-lightblue-hover transition-colors"
> >
{resource.linkText} {resource.linkText}
</a> </a>
</p> </p>
<p className="text-sm leading-relaxed text-gray-500"> <p className="text-sm leading-relaxed text-white/70">
{resource.description} {resource.description}
</p> </p>
</div> </div>