Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,13 +33,21 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "About",          id: "/about"},
+          name: "About",
+          id: "#about",
+        },
         {
-          name: "Services",          id: "/services"},
+          name: "Services",
+          id: "#services",
+        },
         {
-          name: "Pricing",          id: "/pricing"},
+          name: "Pricing",
+          id: "#pricing",
+        },
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",
+          id: "#contact",
+        },
       ]}
       brandName="Best Price Plumbing"
     />
@@ -48,29 +56,46 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars"}}
+        variant: "gradient-bars",
+      }}
       title="Fast, Reliable Plumbing Services"
       description="Best Price Plumbing Inc. provides 24/7 expert repair for your home or business. Quality work you can trust at transparent prices."
       tag="Trusted Local Experts"
       buttons={[
         {
-          text: "Book Now",          href: "/contact"},
+          text: "Book Now",
+          href: "#contact",
+        },
         {
-          text: "Learn More",          href: "/about"},
+          text: "Learn More",
+          href: "#about",
+        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-plan_1368-4136.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-plan_1368-4136.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-working_23-2148480380.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-working_23-2148480380.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230006.jpg",          imageAlt: "plumber professional working on sink"},
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230006.jpg",
+          imageAlt: "plumber professional working on sink",
+        },
       ]}
       tagIcon={ShieldCheck}
     />
@@ -94,19 +119,29 @@ export default function LandingPage() {
       features={[
         {
           icon: Wrench,
-          title: "Pipe Repairs",          description: "Quick fixes for leaks, burst pipes, and clogs."},
+          title: "Pipe Repairs",
+          description: "Quick fixes for leaks, burst pipes, and clogs.",
+        },
         {
           icon: Droplets,
-          title: "Drain Cleaning",          description: "Professional cleaning for clear, flowing drains."},
+          title: "Drain Cleaning",
+          description: "Professional cleaning for clear, flowing drains.",
+        },
         {
           icon: Flame,
-          title: "Water Heaters",          description: "Repair and installation of energy-efficient systems."},
+          title: "Water Heaters",
+          description: "Repair and installation of energy-efficient systems.",
+        },
         {
           icon: Droplets,
-          title: "Fixture Installation",          description: "Upgrading faucets, toilets, and shower heads."},
+          title: "Fixture Installation",
+          description: "Upgrading faucets, toilets, and shower heads.",
+        },
         {
           icon: Gauge,
-          title: "Pressure Testing",          description: "Ensuring optimal water pressure throughout."},
+          title: "Pressure Testing",
+          description: "Ensuring optimal water pressure throughout.",
+        },
       ]}
       title="Comprehensive Plumbing Services"
       description="We offer a full spectrum of plumbing solutions for any emergency or renovation project."
@@ -120,24 +155,49 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",          value: "15+",          title: "Years Experience",          items: [
+          id: "1",
-            "Family Owned",            "Licensed Staff"],
+          value: "15+",
+          title: "Years Experience",
+          items: [
+            "Family Owned",
+            "Licensed Staff",
+          ],
         },
         {
-          id: "2",          value: "5000+",          title: "Jobs Completed",          items: [
+          id: "2",
-            "Fast Repairs",            "Zero Callbacks"],
+          value: "5000+",
+          title: "Jobs Completed",
+          items: [
+            "Fast Repairs",
+            "Zero Callbacks",
+          ],
         },
         {
-          id: "3",          value: "24/7",          title: "Emergency Support",          items: [
+          id: "3",
-            "Day or Night",            "Rapid Response"],
+          value: "24/7",
+          title: "Emergency Support",
+          items: [
+            "Day or Night",
+            "Rapid Response",
+          ],
         },
         {
-          id: "4",          value: "100%",          title: "Satisfaction Rate",          items: [
+          id: "4",
-            "Quality Focus",            "Customer Centric"],
+          value: "100%",
+          title: "Satisfaction Rate",
+          items: [
+            "Quality Focus",
+            "Customer Centric",
+          ],
         },
         {
-          id: "5",          value: "50+",          title: "Local Areas",          items: [
+          id: "5",
-            "Serving County",            "Fast Dispatch"],
+          value: "50+",
+          title: "Local Areas",
+          items: [
+            "Serving County",
+            "Fast Dispatch",
+          ],
         },
       ]}
       title="Why Choose Us"
@@ -152,16 +212,38 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",          tag: "Standard",          price: "$99",          period: "/service",          description: "Standard service call including initial assessment.",          button: {
+          id: "basic",
-            text: "Call Now"},
+          tag: "Standard",
-          featuresTitle: "Included:",          features: [
+          price: "$99",
-            "Quick diagnostic",            "On-site assessment",            "Repair estimate",            "Safety check"],
+          period: "/service",
+          description: "Standard service call including initial assessment.",
+          button: {
+            text: "Call Now",
+          },
+          featuresTitle: "Included:",
+          features: [
+            "Quick diagnostic",
+            "On-site assessment",
+            "Repair estimate",
+            "Safety check",
+          ],
         },
         {
-          id: "premium",          tag: "Priority",          price: "$199",          period: "/service",          description: "Priority emergency service for urgent needs.",          button: {
+          id: "premium",
-            text: "Call Now"},
+          tag: "Priority",
-          featuresTitle: "Included:",          features: [
+          price: "$199",
-            "Same-day service",            "Priority booking",            "No hidden fees",            "Extended warranty"],
+          period: "/service",
+          description: "Priority emergency service for urgent needs.",
+          button: {
+            text: "Call Now",
+          },
+          featuresTitle: "Included:",
+          features: [
+            "Same-day service",
+            "Priority booking",
+            "No hidden fees",
+            "Extended warranty",
+          ],
         },
       ]}
       title="Transparent Pricing"
@@ -177,15 +259,25 @@ export default function LandingPage() {
       author="John Doe"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg",          alt: "customer happy home repair service"},
+          src: "http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg",
+          alt: "customer happy home repair service",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg",          alt: "satisfied homeowner plumbing repair"},
+          src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg",
+          alt: "satisfied homeowner plumbing repair",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",          alt: "residential plumbing happy client"},
+          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
+          alt: "residential plumbing happy client",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",          alt: "homeowner standing by repaired pipe"},
+          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
+          alt: "homeowner standing by repaired pipe",
+        },
         {
-          src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",          alt: "happy client review professional plumber"},
+          src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",
+          alt: "happy client review professional plumber",
+        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -198,15 +290,30 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",          title: "Do you offer emergency services?",          content: "Yes, we are available 24/7."},
+          id: "1",
+          title: "Do you offer emergency services?",
+          content: "Yes, we are available 24/7.",
+        },
         {
-          id: "2",          title: "Are you licensed and insured?",          content: "Yes, all our plumbers are certified."},
+          id: "2",
+          title: "Are you licensed and insured?",
+          content: "Yes, all our plumbers are certified.",
+        },
         {
-          id: "3",          title: "How do I get an estimate?",          content: "Call us or book an appointment online."},
+          id: "3",
+          title: "How do I get an estimate?",
+          content: "Call us or book an appointment online.",
+        },
         {
-          id: "4",          title: "What areas do you serve?",          content: "We cover the entire metro area."},
+          id: "4",
+          title: "What areas do you serve?",
+          content: "We cover the entire metro area.",
+        },
         {
-          id: "5",          title: "Do you offer financing?",          content: "Yes, ask about our payment plans."},
+          id: "5",
+          title: "Do you offer financing?",
+          content: "Yes, ask about our payment plans.",
+        },
       ]}
       title="Frequently Asked Questions"
       description="Common questions about our services and pricing."
@@ -218,7 +325,8 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain"}}
+        variant: "plain",
+      }}
       tag="Contact Us"
       title="Get a Professional Estimate"
       description="Reach out to us for any repair or installation service."
@@ -232,19 +340,29 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",          items: [
+          title: "Company",
+          items: [
             {
-              label: "About Us",              href: "/about"},
+              label: "About Us",
+              href: "#about",
+            },
             {
-              label: "Careers",              href: "/careers"},
+              label: "Careers",
+              href: "#",
+            },
           ],
         },
         {
-          title: "Services",          items: [
+          title: "Services",
+          items: [
             {
-              label: "Repairs",              href: "/services"},
+              label: "Repairs",
+              href: "#services",
+            },
             {
-              label: "Emergency",              href: "/services"},
+              label: "Emergency",
+              href: "#services",
+            },
           ],
         },
       ]}