Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
 import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
@@ -83,20 +83,18 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="bg-gradient-to-b from-gray-50 to-white">
-        <HeroBillboard
+        <div className="h-screen w-full flex flex-col items-center justify-center px-4">
-          title="Flying V Construction"
+          <h1 className="text-6xl md:text-8xl font-bold text-center text-gray-900 mb-4">
-          description="A trusted and family-owned business dedicated to delivering exceptional quality and reliability"
+            Flying V Construction
-          background={{ variant: "plain" }}
+          </h1>
-          buttons={[
+          <p className="text-lg md:text-2xl text-center text-gray-700 max-w-2xl font-medium">
-            { text: "Get a Free Quote", href: "/contact" },
+            A trusted and family-owned business dedicated to delivering exceptional quality and reliability
-            { text: "Learn More", href: "/about" },
+          </p>
-          ]}
+          <p className="text-base md:text-lg text-center text-gray-600 max-w-2xl mt-3">
-          imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1"
+            With years of experience serving Alberta homeowners, we combine honest pricing, skilled craftsmanship, and genuine care for every project. Your home deserves the best.
-          imageAlt="Professional roofing and construction work"
+          </p>
-          mediaAnimation="slide-up"
+        </div>
-          ariaLabel="Hero section for Flying V Construction"
-        />
       </div>
 
       <div id="services" data-section="services" className="py-20">
@@ -114,7 +112,8 @@ 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"],              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"},
+              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"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -151,7 +150,7 @@ export default function HomePage() {
             {
               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 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"},
+              id: "project-6",              name: "Complete 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: #ffffff;
+  --background: #f5f5f5;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #1c1c1c;
-  --primary-cta: #15479c;
+  --primary-cta: #1c1c1c;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #1c1c1c;
-  --accent: #e2e2e2;
+  --accent: #15479c;
-  --background-accent: #c4c4c4;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);