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() {
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="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
</h2>
</div>
@ -76,18 +76,18 @@ export default function GettingStarted() {
alt={resource.title}
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}{" "}
<a
href={resource.href}
target="_blank"
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}
</a>
</p>
<p className="text-sm leading-relaxed text-gray-500">
<p className="text-sm leading-relaxed text-white/70">
{resource.description}
</p>
</div>