Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Why Us",
+          name: "Why Us",          id: "why"},
-          id: "why",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Target Plumbers"
     />
@@ -54,82 +46,47 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="24/7 Emergency Plumbing in Santa Ana"
-      title="24/7 Emergency Plumbing in Santa Ana – Fast, Clean & Reliable Service"
+      titleClassName="text-4xl md:text-5xl lg:text-6xl font-extrabold"
-      description="Trusted by homeowners with 5-star reviews. We fix it right the first time."
+      description="<span class='font-bold text-primary'>Target Plumbers</span> provides trusted 5-star service for Santa Ana homeowners. We fix it right the first time."
       kpis={[
         {
-          value: "5.0 ★",
+          value: "5.0 ★",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "58+",
+          value: "58+",          label: "Happy Customers"},
-          label: "Happy Customers",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Emergency Ready"},
-          label: "Emergency Ready",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Call Now: 714-882-1598",
+          text: "Call Now: 714-882-1598",          href: "tel:+17148821598"},
-          href: "tel:+17148821598",
-        },
         {
-          text: "Request Service",
+          text: "Request Service",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-paramedic-filling-document_23-2149478455.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg",
+          src: "http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg",          alt: "Paramedic team member 1"},
-          alt: "Paramedic team member 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-vehicle_23-2149019232.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-vehicle_23-2149019232.jpg",          alt: "Paramedic team member 2"},
-          alt: "Paramedic team member 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-paramedics-ambulance-car_23-2149478453.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-paramedics-ambulance-car_23-2149478453.jpg",          alt: "Paramedic team member 3"},
-          alt: "Paramedic team member 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/ems-paramedics-team-provide-medical-help-injured-patient-way-healthcare-hospital-emergency-care-assistant-using-noninvasive-ventilation-mask-ambulance-closeup-shot_657921-1491.jpg",
+          src: "http://img.b2bpic.net/free-photo/ems-paramedics-team-provide-medical-help-injured-patient-way-healthcare-hospital-emergency-care-assistant-using-noninvasive-ventilation-mask-ambulance-closeup-shot_657921-1491.jpg",          alt: "Paramedic team member 4"},
-          alt: "Paramedic team member 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/paramedics-moving-out-ambulance-stretcher-from-car-paramedics-rolling-ambulance-stretcher_657921-1473.jpg",
+          src: "http://img.b2bpic.net/free-photo/paramedics-moving-out-ambulance-stretcher-from-car-paramedics-rolling-ambulance-stretcher_657921-1473.jpg",          alt: "Paramedic team member 5"},
-          alt: "Paramedic team member 5",
-        },
       ]}
-      avatarText="Join 500+ satisfied clients"
+      avatarText=""
       marqueeItems={[
-        {
+        { type: "text", text: "500+ Satisfied Clients" },
-          type: "text",
+        { type: "text", text: "Licensed & Insured" },
-          text: "Licensed & Insured",
+        { type: "text", text: "Same-Day Response" },
-        },
+        { type: "text", text: "Eco-Friendly Tools" },
-        {
-          type: "text",
-          text: "Same-Day Response",
-        },
-        {
-          type: "text",
-          text: "Eco-Friendly Tools",
-        },
-        {
-          type: "text",
-          text: "Guaranteed Repairs",
-        },
-        {
-          type: "text",
-          text: "Locally Owned",
-        },
       ]}
+      marqueeSpeed={20}
     />
   </div>
 
@@ -139,44 +96,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "Fast, thorough, and clean service.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
-          id: "1",
+        { id: "2", name: "Michael Chen", role: "Homeowner", testimonial: "They came promptly and fixed the issue.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-handsome-friendly-looking-kind-man-smiling-something-pleasant-adorable_176420-33913.jpg" },
-          name: "Sarah Johnson",
+        { id: "3", name: "Emily Rodriguez", role: "Property Manager", testimonial: "Very professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home-holding-smartphone-online-shopping-from-mobile-phone-app_1258-199821.jpg" }
-          role: "Homeowner",
-          testimonial: "Fast, thorough, and clean service. Never disappointed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Homeowner",
-          testimonial: "They came promptly and fixed the issue with ease.",
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-handsome-friendly-looking-kind-man-smiling-something-pleasant-adorable_176420-33913.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Property Manager",
-          testimonial: "Very professional and reliable plumbing service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home-holding-smartphone-online-shopping-from-mobile-phone-app_1258-199821.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Homeowner",
-          testimonial: "Emergency response was incredibly fast, highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",
-        },
-        {
-          id: "5",
-          name: "Jennifer Smith",
-          role: "Homeowner",
-          testimonial: "Honest pricing and excellent work quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg",
-        },
       ]}
       title="Trusted by Our Community"
-      description="Don't take our word for it—hear what our Santa Ana neighbors have to say."
+      description="Hear what our neighbors have to say."
     />
   </div>
 
@@ -185,65 +110,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
+      title="Professional Plumbing Services"
+      description="Comprehensive solutions for every need."
       useInvertedBackground={false}
       products={[
-        {
+        { id: "s1", brand: "Service", name: "Emergency Plumbing", price: "24/7 Available", rating: 5, reviewCount: "Urgent", imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-stetoscope-listening-patient-heart-lungs_657921-1499.jpg" },
-          id: "s1",
+        { id: "s2", brand: "Service", name: "Leak Detection", price: "Accurate Tech", rating: 5, reviewCount: "Precise", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
-          brand: "Service",
+        { id: "s3", brand: "Service", name: "Drain Cleaning", price: "Pro Equipment", rating: 5, reviewCount: "Effective", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-wrenches-raised-hands-with-happy-face-isolated-orange-wall_141793-15207.jpg" }
-          name: "Emergency Plumbing",
-          price: "24/7 Available",
-          rating: 5,
-          reviewCount: "Urgent",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-stetoscope-listening-patient-heart-lungs_657921-1499.jpg",
-        },
-        {
-          id: "s2",
-          brand: "Service",
-          name: "Leak Detection",
-          price: "Accurate Tech",
-          rating: 5,
-          reviewCount: "Precise",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
-        },
-        {
-          id: "s3",
-          brand: "Service",
-          name: "Drain Cleaning",
-          price: "Pro Equipment",
-          rating: 5,
-          reviewCount: "Effective",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-wrenches-raised-hands-with-happy-face-isolated-orange-wall_141793-15207.jpg",
-        },
-        {
-          id: "s4",
-          brand: "Service",
-          name: "Water Line Repair",
-          price: "Reliable Fix",
-          rating: 5,
-          reviewCount: "Durable",
-          imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
-        },
-        {
-          id: "s5",
-          brand: "Service",
-          name: "Toilet Installation",
-          price: "Expert Setup",
-          rating: 5,
-          reviewCount: "Fast",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg",
-        },
-        {
-          id: "s6",
-          brand: "Service",
-          name: "Same-Day Service",
-          price: "Ready Today",
-          rating: 5,
-          reviewCount: "Fastest",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-builder-man-uniform-holds-wrench-hammer-isolated-orange-wall_141793-66506.jpg",
-        },
       ]}
-      title="Professional Plumbing Services"
-      description="Comprehensive plumbing solutions for your home or business in Santa Ana."
     />
   </div>
 
@@ -252,34 +126,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "24/7 Availability",
-          descriptions: [
-            "Always on call, day or night for emergencies.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269663.jpg",
-        },
-        {
-          id: "f2",
-          title: "Fast Response Time",
-          descriptions: [
-            "Our team arrives quickly to minimize damage.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/collection-instruments-near-decorative-moustache_23-2148114427.jpg",
-        },
-        {
-          id: "f3",
-          title: "Expert Technicians",
-          descriptions: [
-            "Fully certified and hardworking professionals.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg",
-        },
-      ]}
       title="Why Choose Target Plumbers?"
-      description="We are committed to providing the highest quality plumbing services in Orange County."
+      description="We are committed to quality service in Orange County."
+      features={[
+        { id: "f1", title: "24/7 Availability", descriptions: ["Always on call."] },
+        { id: "f2", title: "Fast Response", descriptions: ["Rapid arrival."] },
+        { id: "f3", title: "Expert Staff", descriptions: ["Certified pros."] }
+      ]}
     />
   </div>
 
@@ -288,26 +141,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "714",
-          title: "Area Code Service",
-          items: [
-            "Serving all of Santa Ana",
-            "Local presence",
-            "Trusted brand",
-          ],
-        },
-      ]}
       title="Need a plumber right now?"
       description="Call us immediately for emergency assistance."
-      buttons={[
+      metrics={[
-        {
+        { id: "m1", value: "714", title: "Area Code Service", items: ["Serving Santa Ana", "Trusted brand"] }
-          text: "Call Now: 714-882-1598",
-          href: "tel:+17148821598",
-        },
       ]}
+      buttons={[{ text: "Call Now: 714-882-1598", href: "tel:+17148821598" }]}
     />
   </div>
 
@@ -316,80 +155,35 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Emergency Services?", content: "Yes, 24/7." },
-          id: "q1",
+        { id: "q2", title: "Licensed?", content: "Fully licensed." }
-          title: "Do you offer emergency services?",
-          content: "Yes, we are available 24/7.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed?",
-          content: "We are fully licensed and insured plumbing professionals.",
-        },
-        {
-          id: "q3",
-          title: "How fast can you arrive?",
-          content: "We prioritize emergency calls and arrive as quickly as possible.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fathers-day-concept-with-copyspace-left_23-2147812024.jpg"
-      mediaAnimation="slide-up"
       title="Frequently Asked Questions"
-      description="Answers to common plumbing concerns in Santa Ana."
+      description="Common concerns addressed."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact Us"
       title="Request Service"
-      description="Fill out the form below and we will contact you shortly."
+      description="Fill out the form to get started."
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg"
+      background={{ variant: "plain" }}
-      mediaPosition="right"
+      useInvertedBackground={false}
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Contact", items: [{ label: "714-882-1598", href: "tel:+17148821598" }] },
-          title: "Contact",
+        { title: "Services", items: [{ label: "Emergency Repair", href: "#services" }] }
-          items: [
-            {
-              label: "714-882-1598",
-              href: "tel:+17148821598",
-            },
-            {
-              label: "Santa Ana, CA",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Emergency Repair",
-              href: "#services",
-            },
-            {
-              label: "Leak Detection",
-              href: "#services",
-            },
-          ],
-        },
       ]}
       logoText="Target Plumbers"
-      copyrightText="© 2024 Target Plumbers. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}