Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Legend Exteriors"
     />
@@ -55,25 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Seamless Exterior Construction Services"
       description="At Legend Exteriors and Construction Inc., we deliver stress-free home improvements from consultation to cleanup. We treat your home like our own."
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=1"
       imageAlt="professional construction workers site"
       buttons={[
         {
-          text: "Get a Consultation",
+          text: "Get a Consultation",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Our Services",
+          text: "View Our Services",          href: "#features"},
-          href: "#features",
-        },
       ]}
     />
   </div>
 
+  <div id="features" data-section="features">
+      <FeatureCardSixteen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      negativeCard={{
+        items: [
+          "Delays",          "Stressful Projects",          "Poor Cleanup",          "Unclear Pricing"],
+      }}
+      positiveCard={{
+        items: [
+          "On-time Delivery",          "Seamless Process",          "Spotless Cleanup",          "Transparent Communication",          "Professional Management"],
+      }}
+      title="Why Choose Legend Exteriors"
+      description="We prioritize quality workmanship and an effortless customer experience."
+    />
+  </div>
+
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
@@ -82,17 +87,11 @@ export default function LandingPage() {
       description="We believe great service matters just as much as great results. Our skilled crews are friendly, respectful, and dedicated to delivering a seamless experience for every homeowner."
       bulletPoints={[
         {
-          title: "Expert Workmanship",
+          title: "Expert Workmanship",          description: "Highly experienced and skilled crews for roofing, siding, and improvements."},
-          description: "Highly experienced and skilled crews for roofing, siding, and improvements.",
-        },
         {
-          title: "Clear Communication",
+          title: "Clear Communication",          description: "We ensure you are informed and comfortable every step of the way."},
-          description: "We ensure you are informed and comfortable every step of the way.",
-        },
         {
-          title: "Dependable Service",
+          title: "Dependable Service",          description: "Reliable, efficient, and polished results you can trust for years."},
-          description: "Reliable, efficient, and polished results you can trust for years.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=1"
       mediaAnimation="slide-up"
@@ -100,33 +99,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Delays",
-          "Stressful Projects",
-          "Poor Cleanup",
-          "Unclear Pricing",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "On-time Delivery",
-          "Seamless Process",
-          "Spotless Cleanup",
-          "Transparent Communication",
-          "Professional Management",
-        ],
-      }}
-      title="Why Choose Legend Exteriors"
-      description="We prioritize quality workmanship and an effortless customer experience."
-    />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
@@ -134,20 +106,11 @@ export default function LandingPage() {
       tag="Our Impact"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "100%",          description: "Satisfaction Rate"},
-          value: "100%",
-          description: "Satisfaction Rate",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          description: "Projects Completed"},
-          value: "500+",
-          description: "Projects Completed",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "15+",          description: "Years Experience"},
-          value: "15+",
-          description: "Years Experience",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -161,40 +124,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "t1",
+          id: "t1",          name: "John Doe",          role: "Senior Contractor",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=2",          imageAlt: "professional construction workers site"},
-          name: "John Doe",
-          role: "Senior Contractor",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=2",
-          imageAlt: "professional construction workers site",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Jane Smith",          role: "Project Manager",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=2",          imageAlt: "professional construction workers site"},
-          name: "Jane Smith",
-          role: "Project Manager",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=2",
-          imageAlt: "professional construction workers site",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Mike Ross",          role: "Lead Roofing Tech",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=1",          imageAlt: "professional construction workers site"},
-          name: "Mike Ross",
-          role: "Lead Roofing Tech",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=1",
-          imageAlt: "professional construction workers site",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Sarah Lee",          role: "Exterior Specialist",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=1",          imageAlt: "professional construction workers site"},
-          name: "Sarah Lee",
-          role: "Exterior Specialist",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=1",
-          imageAlt: "professional construction workers site",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "David Miller",          role: "Site Foreman",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=1",          imageAlt: "professional construction workers site"},
-          name: "David Miller",
-          role: "Site Foreman",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=1",
-          imageAlt: "professional construction workers site",
-        },
       ]}
       title="Meet Our Professional Crew"
       description="Our friendly and experienced professionals are the backbone of Legend Exteriors."
@@ -208,59 +146,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Alice Brown",          role: "Homeowner",          company: "Local Community",          rating: 5,
-          name: "Alice Brown",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=2"},
-          role: "Homeowner",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=2",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Bob White",          role: "Property Owner",          company: "Local Community",          rating: 5,
-          name: "Bob White",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=2"},
-          role: "Property Owner",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=2",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Charlie Green",          role: "Homeowner",          company: "Local Community",          rating: 5,
-          name: "Charlie Green",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=2"},
-          role: "Homeowner",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=2",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Diana Prince",          role: "Property Owner",          company: "Local Community",          rating: 5,
-          name: "Diana Prince",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vo26iq"},
-          role: "Property Owner",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vo26iq",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Evan Wright",          role: "Homeowner",          company: "Local Community",          rating: 5,
-          name: "Evan Wright",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fqu8jb"},
-          role: "Homeowner",
-          company: "Local Community",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fqu8jb",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Customer Rating"},
-          label: "Customer Rating",
-        },
         {
-          value: "98%",
+          value: "98%",          label: "Referral Rate"},
-          label: "Referral Rate",
-        },
         {
-          value: "24h",
+          value: "24h",          label: "Response Time"},
-          label: "Response Time",
-        },
       ]}
       title="Trusted by Homeowners"
       description="Hear what our clients have to say about their construction experiences."
@@ -273,30 +180,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How long does a typical project take?",          content: "Project timelines vary depending on the scope of work, but we provide clear estimates during your consultation."},
-          title: "How long does a typical project take?",
-          content: "Project timelines vary depending on the scope of work, but we provide clear estimates during your consultation.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you provide cleanup services?",          content: "Yes, we focus on a clean, polished finish and handle all debris removal."},
-          title: "Do you provide cleanup services?",
-          content: "Yes, we focus on a clean, polished finish and handle all debris removal.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Are you licensed and insured?",          content: "Absolutely. We carry full insurance and licenses for all our construction activities."},
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We carry full insurance and licenses for all our construction activities.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "What areas do you serve?",          content: "We proudly serve the entire metro area and surrounding suburbs. Contact us to see if your property is within our service zone."},
-          title: "What areas do you serve?",
-          content: "We proudly serve the entire metro area and surrounding suburbs. Contact us to see if your property is within our service zone.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Do you offer financing?",          content: "Yes, we partner with reputable financial institutions to offer flexible payment plans for your construction project."},
-          title: "Do you offer financing?",
-          content: "Yes, we partner with reputable financial institutions to offer flexible payment plans for your construction project.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We are here to help."
@@ -308,8 +200,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Contact Us"
       title="Start Your Home Improvement"
       description="Ready to get started? Contact our team for a professional consultation."
@@ -323,29 +214,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Legend Exteriors",
+          title: "Legend Exteriors",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
       ]}