Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -28,98 +28,65 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className="pt-8">
       <NavbarLayoutFloatingOverlay
       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: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="Super 5 Drain"
+      brandName=""
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Super 5 Drain & Plumbing"
-      title="Super 5 Drain & Plumbing: Your Trusted Solution."
       description="Fast, reliable plumbing and drain services in your area. From emergency repairs to scheduled maintenance, we get the job done right, the first time."
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now (555-0123)",          href: "tel:5550123"},
-          href: "tel:5550123",
-        },
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg"
       imageAlt="plumber working on pipes"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",          alt: "Female plumber working to fix problems at client's house"},
-          alt: "Female plumber working to fix problems at client's house",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg",
+          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg",          alt: "Plumbing professional doing his job"},
-          alt: "Plumbing professional doing his job",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
+          src: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",          alt: "coveralls digitally generated car cardboard box pointing"},
-          alt: "coveralls digitally generated car cardboard box pointing",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",          alt: "Medium shot worker wearing vest"},
-          alt: "Medium shot worker wearing vest",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",          alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling."},
-          alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling.",
-        },
       ]}
       avatarText="Trusted by 5000+ local families"
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "24/7 Emergency Support",          icon: ShieldCheck,
-          text: "24/7 Emergency Support",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Licensed & Insured",          icon: CheckCircle,
-          text: "Licensed & Insured",
-          icon: CheckCircle,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Flat-Rate Pricing",          icon: Percent,
-          text: "Flat-Rate Pricing",
-          icon: Percent,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Same-Day Service",          icon: Clock,
-          text: "Same-Day Service",
-          icon: Clock,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Local Experts",          icon: MapPin,
-          text: "Local Experts",
-          icon: MapPin,
         },
       ]}
     />
@@ -142,35 +109,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Emergency Repairs",
+          title: "Emergency Repairs",          description: "24/7 service for urgent leaks and blockages.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-inspecting-repairing-kitchen-faucet_662251-2682.jpg",          imageAlt: "plumber fixing a sink"},
-          description: "24/7 service for urgent leaks and blockages.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-inspecting-repairing-kitchen-faucet_662251-2682.jpg",
-          imageAlt: "plumber fixing a sink",
-        },
         {
-          title: "Drain Cleaning",
+          title: "Drain Cleaning",          description: "Professional high-pressure drain cleaning services.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",          imageAlt: "blocked drain clearing service"},
-          description: "Professional high-pressure drain cleaning services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
-          imageAlt: "blocked drain clearing service",
-        },
         {
-          title: "Water Heater Installation",
+          title: "Water Heater Installation",          description: "Expert repair and installation for all models.",          imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",          imageAlt: "water heater repair services"},
-          description: "Expert repair and installation for all models.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
-          imageAlt: "water heater repair services",
-        },
         {
-          title: "Pipe Inspection",
+          title: "Pipe Inspection",          description: "Advanced video inspection to locate hidden leaks.",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",          imageAlt: "Sanitary technician working with sink"},
-          description: "Advanced video inspection to locate hidden leaks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
-          imageAlt: "Sanitary technician working with sink",
-        },
         {
-          title: "Fixture Installation",
+          title: "Fixture Installation",          description: "Professional faucet and toilet upgrades.",          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg",          imageAlt: "Man fixing kitchen sink"},
-          description: "Professional faucet and toilet upgrades.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg",
-          imageAlt: "Man fixing kitchen sink",
-        },
       ]}
       title="Comprehensive Plumbing Services"
       description="We offer a full spectrum of services to keep your home or office plumbing system functioning perfectly."
@@ -184,23 +131,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: CheckCircle,
-          icon: CheckCircle,
+          title: "Jobs Completed",          value: "5000+"},
-          title: "Jobs Completed",
-          value: "5000+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Star,
-          icon: Star,
+          title: "Avg Rating",          value: "4.9/5"},
-          title: "Avg Rating",
-          value: "4.9/5",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Clock,
-          icon: Clock,
+          title: "Avg Response",          value: "45 Mins"},
-          title: "Avg Response",
-          value: "45 Mins",
-        },
       ]}
       title="Proven Results"
       description="Our numbers speak for themselves when it comes to customer satisfaction."
@@ -214,59 +152,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "John Doe",          role: "Homeowner",          company: "Residential",          rating: 5,
-          name: "John Doe",
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
-          role: "Homeowner",
-          company: "Residential",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Jane Smith",          role: "Business Owner",          company: "Cafe",          rating: 5,
-          name: "Jane Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
-          role: "Business Owner",
-          company: "Cafe",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Mark Wilson",          role: "Client",          company: "Residential",          rating: 5,
-          name: "Mark Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg"},
-          role: "Client",
-          company: "Residential",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Lisa Brown",          role: "Tenant",          company: "Apartments",          rating: 5,
-          name: "Lisa Brown",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
-          role: "Tenant",
-          company: "Apartments",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Steve Davis",          role: "Client",          company: "Office",          rating: 5,
-          name: "Steve Davis",
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3985.jpg"},
-          role: "Client",
-          company: "Office",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3985.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "100%",
+          value: "100%",          label: "Satisfaction Rate"},
-          label: "Satisfaction Rate",
-        },
         {
-          value: "95%",
+          value: "95%",          label: "Repeat Clients"},
-          label: "Repeat Clients",
-        },
         {
-          value: "500+",
+          value: "500+",          label: "Monthly Service Calls"},
-          label: "Monthly Service Calls",
-        },
       ]}
       title="Hear From Our Happy Clients"
       description="Read why local residents choose Super 5 for all their plumbing needs."
@@ -279,20 +186,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Are you licensed and insured?",          content: "Yes, we are fully licensed, bonded, and insured for your peace of mind."},
-          title: "Are you licensed and insured?",
-          content: "Yes, we are fully licensed, bonded, and insured for your peace of mind.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do you offer emergency service?",          content: "Absolutely, we are available 24/7 for all emergency drain and pipe repairs."},
-          title: "Do you offer emergency service?",
-          content: "Absolutely, we are available 24/7 for all emergency drain and pipe repairs.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "How long until you arrive?",          content: "Depending on traffic, we aim to be at your doorstep within 45 to 60 minutes."},
-          title: "How long until you arrive?",
-          content: "Depending on traffic, we aim to be at your doorstep within 45 to 60 minutes.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our plumbing services."
@@ -310,25 +208,14 @@ export default function LandingPage() {
       description="Have a plumbing issue? Reach out today for a prompt response."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name"},
-          type: "text",
-          placeholder: "Your Name",
-        },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address"},
-          type: "email",
-          placeholder: "Email Address",
-        },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number"},
-          type: "tel",
-          placeholder: "Phone Number",
-        },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us about your issue"}}
-        placeholder: "Tell us about your issue",
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-crazy-emotional-male-delivery-person-wearing-hat-sitting-scooter-showing-document_179666-41229.jpg"
       imageAlt="modern home plumbing service"
     />
@@ -339,29 +226,19 @@ export default function LandingPage() {
       logoText="Super 5 Drain & Plumbing"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -370,4 +247,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}