Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -33,100 +33,26 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "portfolio"},
-          id: "portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="A D White Builders"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+      <HeroBillboardScroll
       title="Quality Builders You Can Trust"
       description="A D White Builders Ltd provides exceptional residential and commercial construction services, delivered with craftsmanship and integrity."
-      testimonials={[
-        {
-          name: "John Smith",
-          handle: "@jsmith",
-          testimonial: "Excellent service and high quality craftsmanship.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=1",
-          imageAlt: "professional construction building site",
-        },
-        {
-          name: "Mary Jones",
-          handle: "@mjones",
-          testimonial: "Very professional and always on time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15699.jpg?_wi=1",
-          imageAlt: "professional construction building site",
-        },
-        {
-          name: "Robert Taylor",
-          handle: "@rtaylor",
-          testimonial: "Highly reliable team, finished our project under budget.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=1",
-          imageAlt: "professional construction building site",
-        },
-        {
-          name: "Linda White",
-          handle: "@lwhite",
-          testimonial: "Stunning results, would hire again without hesitation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=1",
-          imageAlt: "professional construction building site",
-        },
-        {
-          name: "Peter Brown",
-          handle: "@pbrown",
-          testimonial: "The best construction experience we've had so far.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-3828.jpg?_wi=1",
-          imageAlt: "professional construction building site",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg?_wi=2"
-      avatars={[
+      background={{ variant: "plain" }}
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-senior-husband-wife-toasting-with-wine-before-family-lunch-kitchen_637285-3136.jpg",
-          alt: "Happy senior husband and wife",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
-          alt: "People recording house tour",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
-          alt: "Airbnb host welcoming guests",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-married-couple-moving-into-new-flat-unpacking-things-sitting-floor-taking-houseplant-from-open-boxes_74855-15158.jpg",
-          alt: "Happy couple moving in",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg",
-          alt: "Multiracial smiling employees",
-        },
-      ]}
-      avatarText="Trusted by 500+ homeowners"
     />
   </div>
 
@@ -146,32 +72,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Residential Builds",          tags: [
-          title: "Residential Builds",
+            "Construction",            "Custom"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=2"},
-            "Construction",
-            "Custom",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg?_wi=2",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Commercial Maintenance",          tags: [
-          title: "Commercial Maintenance",
+            "Commercial",            "Maintenance"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=2"},
-            "Commercial",
-            "Maintenance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg?_wi=2",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Home Renovations",          tags: [
-          title: "Home Renovations",
+            "Renovation",            "Home"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-3828.jpg?_wi=2"},
-            "Renovation",
-            "Home",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-shot-modern-house-with-white-relaxing-walls-furniture-technology_181624-3828.jpg?_wi=2",
-        },
       ]}
       title="Our Professional Services"
       description="From custom homes to commercial renovations, we provide comprehensive building solutions."
@@ -186,47 +97,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Modern Facade",          price: "View Project",          variant: "Build",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg"},
-          name: "Modern Facade",
-          price: "View Project",
-          variant: "Build",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Interior Kitchen",          price: "View Project",          variant: "Renovation",          imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-24834.jpg"},
-          name: "Interior Kitchen",
-          price: "View Project",
-          variant: "Renovation",
-          imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-24834.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Garden Patio",          price: "View Project",          variant: "Landscape",          imageSrc: "http://img.b2bpic.net/free-photo/doors-opening-beautiful-natural-view_23-2150083752.jpg"},
-          name: "Garden Patio",
-          price: "View Project",
-          variant: "Landscape",
-          imageSrc: "http://img.b2bpic.net/free-photo/doors-opening-beautiful-natural-view_23-2150083752.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Luxury Exterior",          price: "View Project",          variant: "Build",          imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg"},
-          name: "Luxury Exterior",
-          price: "View Project",
-          variant: "Build",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Bedroom Remodel",          price: "View Project",          variant: "Interior",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-pink-accents_23-2152001392.jpg"},
-          name: "Bedroom Remodel",
-          price: "View Project",
-          variant: "Interior",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-pink-accents_23-2152001392.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Modern Bathroom",          price: "View Project",          variant: "Plumbing",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"},
-          name: "Modern Bathroom",
-          price: "View Project",
-          variant: "Plumbing",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
-        },
       ]}
       title="Recent Projects"
       description="See our high-quality work in action."
@@ -241,25 +122,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "20+",          title: "Years Experience",          description: "Dedicated industry service.",          icon: Shield,
-          value: "20+",
-          title: "Years Experience",
-          description: "Dedicated industry service.",
-          icon: Shield,
         },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          title: "Projects Completed",          description: "Quality builds finalized.",          icon: CheckCircle,
-          value: "500+",
-          title: "Projects Completed",
-          description: "Quality builds finalized.",
-          icon: CheckCircle,
         },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          title: "Client Satisfaction",          description: "Reliable partner feedback.",          icon: Award,
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Reliable partner feedback.",
-          icon: Award,
         },
       ]}
       title="Our Impact"
@@ -274,47 +143,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Miller",          handle: "@sarah",          testimonial: "Fantastic building quality, highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg"},
-          name: "Sarah Miller",
-          handle: "@sarah",
-          testimonial: "Fantastic building quality, highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Tom Baker",          handle: "@tombaker",          testimonial: "Professional, reliable, and finished on time.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-clipboard-explaining-strategy_23-2147808102.jpg"},
-          name: "Tom Baker",
-          handle: "@tombaker",
-          testimonial: "Professional, reliable, and finished on time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-clipboard-explaining-strategy_23-2147808102.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Anna Green",          handle: "@annag",          testimonial: "The best construction partner we have had.",          imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg"},
-          name: "Anna Green",
-          handle: "@annag",
-          testimonial: "The best construction partner we have had.",
-          imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Mark Wilson",          handle: "@markw",          testimonial: "Everything was built to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg"},
-          name: "Mark Wilson",
-          handle: "@markw",
-          testimonial: "Everything was built to perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Claire Evans",          handle: "@claire",          testimonial: "Professional service from start to finish.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
-          name: "Claire Evans",
-          handle: "@claire",
-          testimonial: "Professional service from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
-        },
         {
-          id: "t6",
+          id: "t6",          name: "David Scott",          handle: "@david",          testimonial: "Top class workmanship and friendly team.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg"},
-          name: "David Scott",
-          handle: "@david",
-          testimonial: "Top class workmanship and friendly team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg",
-        },
       ]}
       title="Client Feedback"
       description="What our clients say about us."
@@ -327,20 +166,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do you handle custom designs?",          content: "Yes, we specialize in custom build projects from design through completion."},
-          title: "Do you handle custom designs?",
-          content: "Yes, we specialize in custom build projects from design through completion.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are you fully licensed and insured?",          content: "Yes, we are fully licensed and insured for all residential and commercial works."},
-          title: "Are you fully licensed and insured?",
-          content: "Yes, we are fully licensed and insured for all residential and commercial works.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "How long do projects typically take?",          content: "Project timelines vary depending on scope and complexity; we provide estimates upfront."},
-          title: "How long do projects typically take?",
-          content: "Project timelines vary depending on scope and complexity; we provide estimates upfront.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Common questions regarding our services."
@@ -352,8 +182,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact Us"
       title="Let's Build Together"
       description="Contact us today for a free estimate on your project."
@@ -368,25 +197,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -396,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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);