Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
@@ -83,12 +83,20 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero" data-section="hero" className="bg-gradient-to-b from-gray-50 to-white">
+      <div id="hero" data-section="hero">
-        <div className="h-screen w-full flex items-center justify-center">
+        <HeroBillboard
-          <h1 className="text-6xl md:text-8xl font-bold text-center text-gray-900">
+          title="Flying V Construction"
-            Flying V Construction
+          description="A trusted and family-owned business dedicated to delivering exceptional quality and reliability"
-          </h1>
+          background={{ variant: "plain" }}
-        </div>
+          buttons={[
+            { text: "Get a Free Quote", href: "/contact" },
+            { text: "Learn More", href: "/about" },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1"
+          imageAlt="Professional roofing and construction work"
+          mediaAnimation="slide-up"
+          ariaLabel="Hero section for Flying V Construction"
+        />
       </div>
 
       <div id="services" data-section="services" className="py-20">
@@ -106,8 +114,7 @@ export default function HomePage() {
               id: "fencing",              title: "Fencing Solutions",              author: "Expert Service",              description: "Quality fence installation for privacy, security, and curb appeal. Wood, vinyl, and composite options to match your home's style.",              tags: ["Fencing", "Privacy"],
               imageSrc: "http://img.b2bpic.net/free-photo/wooden-cross-nature-with-wooden-fence-it_181624-45737.jpg?_wi=1",              imageAlt: "privacy fence residential backyard wooden"},
             {
-              id: "exterior",              title: "Exterior Renovations",              author: "Expert Service",              description: "Complete exterior upgrades including siding, trim, windows, and doors. Transform your home's appearance and energy efficiency.",              tags: ["Renovation", "Exterior"],
+              id: "exterior",              title: "Exterior Renovations",              author: "Expert Service",              description: "Complete exterior upgrades including siding, trim, windows, and doors. Transform your home's appearance and energy efficiency.",              tags: ["Renovation", "Exterior"],              imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-723.jpg?_wi=1",              imageAlt: "home exterior renovation siding windows"},
-              imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-723.jpg?_wi=1",              imageAlt: "home exterior renovation siding windows"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -138,13 +145,13 @@ export default function HomePage() {
             {
               id: "project-2",              name: "Full Roof Replacement",              price: "Completed 2024",              variant: "Premium Shingles",              imageSrc: "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=1",              imageAlt: "full roof replacement new shingles"},
             {
-              id: "project-3",              name: "Cedar Fence Installation",              price: "Completed 2024",              variant: "6ft Privacy Fence",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg?_wi=1",              imageAlt: "cedar fence installation completed"},
+              id: "project-3",              name: "Fence Installation",              price: "Completed 2024",              variant: "6ft Privacy Fence",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg?_wi=1",              imageAlt: "cedar fence installation completed"},
             {
               id: "project-4",              name: "Exterior Siding Upgrade",              price: "Completed 2024",              variant: "James Hardie Board",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-apartment-building-sunlight-daytime_181624-19251.jpg?_wi=1",              imageAlt: "home siding upgrade modern exterior"},
             {
               id: "project-5",              name: "Covered Deck Addition",              price: "Completed 2024",              variant: "Composite + Roofing",              imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg?_wi=1",              imageAlt: "covered patio deck modern outdoor"},
             {
-              id: "project-6",              name: "Complete Exterior Refresh",              price: "Completed 2024",              variant: "Multiple Services",              imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=1",              imageAlt: "complete home exterior renovation"},
+              id: "project-6",              name: "Complete Exterior and Interior Refresh",              price: "Completed 2024",              variant: "Multiple Services",              imageSrc: "http://img.b2bpic.net/free-photo/creative-people-talking-office_23-2147668785.jpg?_wi=1",              imageAlt: "complete home exterior renovation"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #1c1c1c;
+  --foreground: #000612e6;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #15479c;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #000612e6;
-  --accent: #15479c;
+  --accent: #e2e2e2;
-  --background-accent: #a8cce8;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);