Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TextAbout from '@/components/sections/about/TextAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { ShieldCheck, Wrench, Droplets, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,334 +27,95 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
       brandName="ProFlow Plumbing"
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
+      ]}
+      button={{
+        text: "Get Help",        href: "#contact"
+      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+      <HeroSplitDoubleCarousel
-      useInvertedBackground={false}
+      title="Professional Plumbing Services, Affordable & Fast"
-      background={{
+      description="We provide reliable plumbing repairs and installations for homeowners and businesses. Expert service you can trust."
-        variant: "plain",
+      background={{ variant: "plain" }}
-      }}
-      title="Reliable Plumbing Solutions You Can Trust"
-      description="Professional, affordable, and fast plumbing repairs for your home or business. We ensure quality service every time."
-      testimonials={[
-        {
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Excellent service and very affordable prices. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=1",
-          imageAlt: "professional plumber smiling friendly",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Fixed my leak in minutes. Very friendly and professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg?_wi=1",
-          imageAlt: "plumbing team modern van",
-        },
-        {
-          name: "Mike Brown",
-          handle: "@mikebrown",
-          testimonial: "Great work on our water heater installation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1",
-          imageAlt: "leaky pipe repair",
-        },
-        {
-          name: "Sarah Lee",
-          handle: "@sarahlee",
-          testimonial: "Fast, honest, and reliable plumbing work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg?_wi=1",
-          imageAlt: "drain cleaning professional",
-        },
-        {
-          name: "Tom White",
-          handle: "@tomwhite",
-          testimonial: "Will use again for any plumbing needs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=1",
-          imageAlt: "water heater installation",
-        },
-      ]}
       buttons={[
-        {
+        { text: "Book Now", href: "#contact" },
-          text: "Call Now",
+        { text: "Call Us", href: "tel:5550123456" }
-          href: "tel:5550123456",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=2"
+      leftCarouselItems={[
-      imageAlt="Professional plumbing services"
+        { imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1", imageAlt: "Plumbing repair" }
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
-          alt: "John",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
-          alt: "Jane",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-          alt: "Mike",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
-          alt: "Tom",
-        },
       ]}
-      marqueeItems={[
+      rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=1", imageAlt: "Plumbing service" }
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Affordable Pricing",
-        },
-        {
-          type: "text",
-          text: "Expert Repairs",
-        },
-        {
-          type: "text",
-          text: "Local Reliability",
-        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <TextAbout
+      title="Excellence in Every Pipe"
+      tag="About Us"
+      tagIcon={ShieldCheck}
       useInvertedBackground={true}
-      title="Your Trusted Local Plumbers"
+      buttons={[{ text: "Learn More", href: "#features" }]}
-      description="With over 15 years of experience, we pride ourselves on delivering high-quality plumbing services to our local community with integrity and care."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Happy Clients",
-        },
-        {
-          value: "24/7",
-          title: "Emergency Support",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
+      <FeatureCardTwentySix
-      animationType="slide-up"
+      title="Our Services"
-      textboxLayout="split"
+      description="We offer a wide range of plumbing services including maintenance, repairs, and installations."
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Leak Repair", description: "Fast emergency leak patching.", buttonIcon: Wrench },
-          title: "Pipe Leak Repair",
+        { title: "Drain Cleaning", description: "Clear clogs and maintain flow.", buttonIcon: Droplets },
-          description: "Expert patching and repiping services for any plumbing system leaks.",
+        { title: "Water Heaters", description: "Installations & expert repairs.", buttonIcon: Phone },
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=2",
+        { title: "Pipe Upgrades", description: "Complete repiping services.", buttonIcon: ShieldCheck }
-          imageAlt: "Leak repair",
-        },
-        {
-          title: "Drain Cleaning",
-          description: "Professional drain cleaning to clear blockages and prevent backups.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg?_wi=2",
-          imageAlt: "Drain cleaning",
-        },
-        {
-          title: "Water Heater Setup",
-          description: "Installations and repairs for all types of water heating units.",
-          imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=2",
-          imageAlt: "Water heater service",
-        },
       ]}
-      title="Our Specialized Plumbing Services"
-      description="Comprehensive plumbing maintenance and repair solutions tailored for your property."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardTen
+      title="Client Success Stories"
+      description="Hear from our satisfied local community."
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", title: "Reliable", quote: "They arrived on time and fixed the issue perfectly.", name: "Mark T.", role: "Homeowner" },
-          id: "1",
+        { id: "2", title: "Fast Service", quote: "Professional team, highly affordable.", name: "Sarah J.", role: "Business Owner" }
-          name: "Anna Williams",
-          date: "Jan 2025",
-          title: "Fast service",
-          quote: "They came out on a Sunday and fixed the problem instantly.",
-          tag: "Emergency",
-          avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
-          imageAlt: "happy customer residential house",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          date: "Dec 2024",
-          title: "Great price",
-          quote: "Best plumbing prices I've found in the city.",
-          tag: "Value",
-          avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
-          imageAlt: "smiling woman holding coffee",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          date: "Nov 2024",
-          title: "Quality",
-          quote: "Professional team that left the area clean.",
-          tag: "Quality",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-          imageAlt: "friendly man house portrait",
-        },
-        {
-          id: "4",
-          name: "Kevin B.",
-          date: "Oct 2024",
-          title: "Highly recommended",
-          quote: "Very reliable plumbing services for my office.",
-          tag: "Trust",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
-          imageAlt: "senior woman smiling house",
-        },
-        {
-          id: "5",
-          name: "Lisa K.",
-          date: "Sept 2024",
-          title: "Friendly",
-          quote: "They really care about doing a good job.",
-          tag: "Care",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
-          imageAlt: "young professional man smile",
-        },
       ]}
-      title="What Our Customers Say"
-      description="We are proud of our reputation and grateful for our many satisfied clients."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
+      tag="Contact"
+      title="Need a Plumber?"
+      description="Let us know how we can help. Reach out for a free quote today."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      title="Get A Free Quote"
+      buttonText="Submit"
-      description="Contact us today for professional plumbing assistance. We respond promptly."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/drip-japanese-coffee-maker-simple-white-weights-silver-tap-cafe-shop-thick-wooden-table_346278-501.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="ProFlow Plumbing"
       columns={[
-        {
+        { title: "Services", items: [{ label: "Repairs", href: "#features" }, { label: "Emergency", href: "#contact" }] },
-          title: "Services",
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
-          items: [
-            {
-              label: "Repair",
-              href: "#features",
-            },
-            {
-              label: "Installation",
-              href: "#features",
-            },
-            {
-              label: "Emergency",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2025 | ProFlow Plumbing"
     />
   </div>
       </ReactLenis>