Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, CheckCircle, Clock, DollarSign, Lock, ShieldCheck, Wrench, Zap } from "lucide-react";
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Award, CheckCircle, Clock, DollarSign, Lock, MessageCircle, ShieldCheck, Wrench, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Dr. Drip Plumbing Inc."
     />
@@ -57,81 +47,52 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Professional Plumbing When You Need It Most"
       description="Justin and his team provide reliable, fair, and prompt plumbing services for emergencies and big jobs alike. Serving the community with integrity."
       kpis={[
         {
-          value: "5.0",
-          label: "Google Rating",
-        },
+          value: "5.0",          label: "Google Rating"},
         {
-          value: "55+",
-          label: "Happy Customers",
-        },
+          value: "55+",          label: "Happy Customers"},
         {
-          value: "24/7",
-          label: "Available",
-        },
+          value: "24/7",          label: "Available"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Call Now: +1 786-636-4044",
-          href: "tel:+17866364044",
-        },
+          text: "Call Now: +1 786-636-4044",          href: "tel:+17866364044"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248841.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248841.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",          alt: "Customer"},
       ]}
       avatarText="Trusted by 500+ locals"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Licensed",
-          icon: ShieldCheck,
+          type: "text-icon",          text: "Licensed",          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
-          text: "Insured",
-          icon: Lock,
+          type: "text-icon",          text: "Insured",          icon: Lock,
         },
         {
-          type: "text-icon",
-          text: "24/7 Service",
-          icon: Clock,
+          type: "text-icon",          text: "24/7 Service",          icon: Clock,
         },
         {
-          type: "text-icon",
-          text: "Fair Pricing",
-          icon: DollarSign,
+          type: "text-icon",          text: "Fair Pricing",          icon: DollarSign,
         },
         {
-          type: "text-icon",
-          text: "Expert Team",
-          icon: Wrench,
+          type: "text-icon",          text: "Expert Team",          icon: Wrench,
         },
       ]}
     />
@@ -144,19 +105,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: CheckCircle,
-          label: "Licensed & Insured",
-          value: "Verified",
-        },
+          label: "Licensed & Insured",          value: "Fully Licensed"},
         {
           icon: Zap,
-          label: "Quick Response",
-          value: "Fast",
-        },
+          label: "Quick Response",          value: "Fast"},
         {
           icon: Award,
-          label: "Honest Quotes",
-          value: "Transparent",
-        },
+          label: "Honest Quotes",          value: "Transparent"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -169,25 +124,16 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "Septic & Plumbing Checks",
-          description: "Thorough inspection of your home's essential systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=1",
-          imageAlt: "Inspection",
-        },
+          title: "Septic & Plumbing Checks",          description: "Thorough inspection of your home's essential systems.",          buttons: [{ text: "Book Now", href: "tel:+17866364044" }],
+          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=1",          imageAlt: "Inspection"},
         {
           id: 2,
-          title: "Hot Water Line Replacement",
-          description: "Expert replacement of water lines with reliable, fair quotes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=2",
-          imageAlt: "Pipework",
-        },
+          title: "Hot Water Line Replacement",          description: "Expert replacement of water lines with reliable, fair quotes.",          buttons: [{ text: "Get Quote", href: "tel:+17866364044" }],
+          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=2",          imageAlt: "Pipework"},
         {
           id: 3,
-          title: "Emergency Repairs",
-          description: "Prompt response for all plumbing emergencies, day or night.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=3",
-          imageAlt: "Emergency",
-        },
+          title: "Emergency Repairs",          description: "Prompt response for all plumbing emergencies, day or night.",          buttons: [{ text: "Book Now", href: "tel:+17866364044" }],
+          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=3",          imageAlt: "Emergency"},
       ]}
       title="Our Professional Plumbing Services"
       description="From small repairs to large line replacements, we ensure every job is done with precision."
@@ -195,77 +141,49 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Lazario Torres",
-          handle: "@lazario",
-          testimonial: "Justin was very knowledgeable, took the time to explain everything, and answered all questions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
-        },
-        {
-          id: "2",
-          name: "Heather Caballero",
-          handle: "@heather",
-          testimonial: "Justin was prompt, attentive, and his prices were fair and honest.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg",
-        },
-        {
-          id: "3",
-          name: "Luis Murillo",
-          handle: "@luis",
-          testimonial: "My go-to guy. Small emergencies or big jobs, Justin and his team do it all.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
-        },
-        {
-          id: "4",
-          name: "Alex R.",
-          handle: "@alex",
-          testimonial: "Exceptional service, clearly explained the hot water line issue and provided a competitive quote.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
-        },
-        {
-          id: "5",
-          name: "Maria G.",
-          handle: "@maria",
-          testimonial: "Very professional and worked quickly to get everything back in order.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
-        },
+      <TestimonialCardFifteen
+      testimonial="Justin and his team provided exceptional service. They handled my hot water line emergency quickly, professionally, and for a very fair price. Highly recommended!"
+      rating={5}
+      author="Lazario Torres"
+      avatars={[
+        { src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg", alt: "User 2" }
       ]}
-      title="Trusted by Homeowners"
-      description="Don't just take our word for it—see what our satisfied customers have to say about their experience."
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
+      useInvertedBackground={false}
+      ariaLabel="Testimonial section"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Available 24/7"
-      title="Need a Reliable Plumber?"
-      description="Call Dr. Drip Plumbing Inc. today for expert service, honest pricing, and prompt solutions."
-      buttons={[
-        {
-          text: "Call Now: +1 786-636-4044",
-          href: "tel:+17866364044",
-        },
+      <ContactFaq
+      faqs={[
+        { id: "f1", title: "How quickly can you respond?", content: "We pride ourselves on rapid response times, especially for emergency plumbing issues." },
+        { id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind." }
       ]}
+      ctaTitle="Ready to Get Started?"
+      ctaDescription="Have questions or need an emergency repair? Get in touch with our team today."
+      ctaButton={{ text: "Get in touch", href: "tel:+17866364044" }}
+      ctaIcon={MessageCircle}
+      useInvertedBackground={true}
+      animationType="slide-up"
+      showCard={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Dr. Drip Plumbing Inc."
-      copyrightText="© 2025 Dr. Drip Plumbing Inc."
-    />
+      <FooterMedia
+        imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248841.jpg?_wi=2"
+        logoText="Dr. Drip Plumbing Inc."
+        copyrightText="© 2025 Dr. Drip Plumbing Inc."
+        columns={[
+          { title: "Services", items: [{ label: "Septic Checks", href: "#services" }, { label: "Emergency Repairs", href: "#services" }] },
+          { title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "About", href: "#about" }] }
+        ]}
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}