From 5b517eac19c869e0e282f6cb0417e42259553d46 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Tue, 24 Feb 2026 17:34:27 -0800
Subject: [PATCH] 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>
---
 src/components/GettingStarted.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/GettingStarted.tsx b/src/components/GettingStarted.tsx
index 081783b..e17311b 100644
--- a/src/components/GettingStarted.tsx
+++ b/src/components/GettingStarted.tsx
@@ -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>