Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+
-import FaqBase from '@/components/sections/faq/FaqBase';
+// New Imports
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; // For offerings
+import FaqSplitText from '@/components/sections/faq/FaqSplitText'; // For faq
+import ContactSplit from '@/components/sections/contact/ContactSplit'; // For contact
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; // For footer
+
+// Existing Imports
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Clock, DollarSign, Facebook, Instagram, MessageCircle, Smile, Users, Wrench, Zap } from "lucide-react";
+import { Clock, DollarSign, Smile, Users, Wrench, Zap } from "lucide-react"; // Keep existing Lucide icons for FeatureBento
 
 export default function LandingPage() {
   return (
@@ -153,10 +157,10 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/good-looking-successful-middle-aged-female-manager-white-shirt-posing-touching-face-smiling_343059-2.jpg",          imageAlt: "Sagar Mundhokar avatar"},
         {
           id: "4",          name: "Anjali Sharma",          handle: "@AnjaliS",          testimonial: "Excellent service! The plumber was very professional and fixed our complex issue efficiently. Definitely our go-to for future plumbing needs.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",          imageAlt: "Anjali Sharma avatar"},
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2074.jpg",          imageAlt: "Anjali Sharma avatar"},
         {
           id: "5",          name: "Rohan Patel",          handle: "@RohanP",          testimonial: "Prompt arrival and identified the problem quickly. The repair was done neatly and the pricing was very fair. Highly satisfied!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2074.jpg",          imageAlt: "Rohan Patel avatar"},
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",          imageAlt: "Rohan Patel avatar"},
       ]}
       showRating={true}
       title="What Our Clients Say"
@@ -165,34 +169,53 @@ export default function LandingPage() {
   </div>
 
   <div id="offerings" data-section="offerings">
-      <ProductCardFour
+      <PricingCardTwo
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      products={[
+      title="Our Plumbing Service Packages"
+      description="Choose from our flexible service packages designed to meet all your plumbing needs with expert care and transparent pricing."
+      plans={[
         {
-          id: "leak-repair",          name: "Leak Detection & Repair",          price: "Starting at ₹499",          variant: "Expert Solutions",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg",          imageAlt: "Water leak detection and repair service"},
+          id: "basic-leak-repair",          badge: "Basic Leak Repair",          price: "₹499",          subtitle: "Essential Fixes for Minor Issues",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: [
+            "Minor Leak Detection",            "Faucet Repair",            "Toilet Repair",            "Quick Response",            "30-Day Warranty"
+          ]
+        },
         {
-          id: "water-heater",          name: "Water Heater Services",          price: "Starting at ₹899",          variant: "Installation & Repair",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pressing-heater-button_23-2149308950.jpg",          imageAlt: "Water heater installation and repair"},
+          id: "advanced-drain-service",          badge: "Advanced Drain Service",          price: "₹899",          subtitle: "Comprehensive Clog Removal & Inspection",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: [
+            "Advanced Drain Cleaning",            "Pipe Inspection with Camera",            "Stubborn Clog Removal",            "Preventative Maintenance Tips",            "60-Day Warranty"
+          ]
+        },
         {
-          id: "drain-cleaning",          name: "Drain Cleaning & Unclogging",          price: "Starting at ₹399",          variant: "Fast & Effective",          imageSrc: "http://img.b2bpic.net/free-photo/need-help-unhappy-woman-crouching-near-leaking-water-tap-home_259150-58305.jpg",          imageAlt: "Professional drain cleaning service"},
+          id: "water-heater-care",          badge: "Water Heater Care",          price: "₹1299",          subtitle: "Installation, Repair & Maintenance",          buttons: [{ text: "Book Now", href: "#contact" }],
+          features: [
+            "Water Heater Installation",            "Repair & Troubleshooting",            "Regular Servicing",            "Minor Part Replacement",            "90-Day Warranty"
+          ]
+        },
         {
-          id: "pipe-repair",          name: "Pipe Installation & Repair",          price: "Starting at ₹699",          variant: "New & Existing",          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg",          imageAlt: "Pipe installation and repair service"},
+          id: "full-home-plumbing",          badge: "Full Home Plumbing Check",          price: "₹1999",          subtitle: "Annual Maintenance & System Health",          buttons: [{ text: "Book Now", href: "#contact" }],
-        {
+          features: [
-          id: "bathroom-kitchen",          name: "Bathroom & Kitchen Plumbing",          price: "Starting at ₹599",          variant: "Fixtures & Fittings",          imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg",          imageAlt: "Bathroom and kitchen plumbing"},
+            "Comprehensive Home Inspection",            "Pressure Check & Adjustment",            "Fixture & Appliance Check",            "Preventative Maintenance Plan",            "1-Year Warranty"
-        {
+          ]
-          id: "emergency",          name: "24/7 Emergency Plumbing",          price: "Call for Quote",          variant: "Anytime, Anywhere",          imageSrc: "http://img.b2bpic.net/free-photo/confused-looking-up-young-delivery-man-wearing-uniform-with-cap-speaks-phone-isolated-white-wall_141793-82630.jpg",          imageAlt: "Emergency plumbing service"},
+        }
       ]}
-      title="Our Plumbing Services"
-      description="Comprehensive solutions for all your plumbing needs, delivered with expertise and care."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitText
-      textboxLayout="default"
       useInvertedBackground={false}
+      faqsAnimation="slide-up"
+      textPosition="left"
+      sideTitle="Common Plumbing Questions"
+      sideDescription="Find quick answers to the most frequently asked questions about our plumbing services, availability, and pricing."
+      buttons={[
+        {
+          text: "Contact Us Directly",          href: "#contact"
+        }
+      ]}
       faqs={[
         {
           id: "q1",          title: "What are your operating hours?",          content: "We are open 24 hours, 7 days a week, for all emergency and scheduled plumbing needs. You can contact us anytime."},
@@ -205,43 +228,55 @@ export default function LandingPage() {
         {
           id: "q5",          title: "What types of plumbing issues do you handle?",          content: "We handle a wide range of issues including leaky faucets, pipe bursts, drain clogs, water heater repairs, new installations, and much more."},
       ]}
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about our plumbing services and how we operate."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
       tag="Get in Touch"
       title="Need a Plumber Now?"
-      description="Don't let plumbing problems disrupt your day. Contact Vinod Makasare Plumber for reliable, swift service."
+      description="Don't let plumbing problems disrupt your day. Fill out the form below or call us for reliable, swift service."
-      buttons={[
+      imageSrc="http://img.b2bpic.net/free-photo/handyman-fixing-kitchen-sink_23-2151121095.jpg"
-        {
+      imageAlt="Handyman fixing a kitchen sink"
-          text: "Call Us: 098220 88951",          href: "tel:+919822088951"},
+      mediaPosition="right"
-        {
+      inputPlaceholder="Your email address"
-          text: "Send a Message",          href: "mailto:info@vinodmakasareplumber.com"},
+      buttonText="Send Message"
-      ]}
+      termsText="By sending a message you agree to our privacy policy."
+      onSubmit={(email) => console.log("Contact form submitted with email:", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="Vinod Makasare Plumber"
       copyrightText="© 2024 Vinod Makasare Plumber. All rights reserved."
-      socialLinks={[
+      columns={[
         {
-          icon: Facebook,
+          title: "Quick Links",          items: [
-          href: "#",          ariaLabel: "Facebook profile"},
+            { label: "Home", href: "#home" },
+            { label: "About Us", href: "#about" },
+            { label: "Services", href: "#offerings" },
+            { label: "FAQs", href: "#faq" },
+            { label: "Contact", href: "#contact" }
+          ]
+        },
         {
-          icon: MessageCircle,
+          title: "Business Info",          items: [
-          href: "https://wa.me/919822088951",          ariaLabel: "WhatsApp chat"},
+            { label: "Address: Kharadi, Pune, India", href: "#" },
+            { label: "Phone: +91 98220 88951", href: "tel:+919822088951" },
+            { label: "Email: info@vinodmakasareplumber.com", href: "mailto:info@vinodmakasareplumber.com" }
+          ]
+        },
         {
-          icon: Instagram,
+          title: "Connect With Us",          items: [
-          href: "#",          ariaLabel: "Instagram profile"},
+            { label: "Facebook", href: "#" },
+            { label: "WhatsApp", href: "https://wa.me/919822088951" },
+            { label: "Instagram", href: "#" }
+          ]
+        }
       ]}
     />
   </div>