"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Star, Clock, DollarSign, MapPin, Shield, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Plumbing Water Tub Sink"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "whyus" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Call Now: 073791 61680",            href: "tel:073791616801"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Fast & Reliable Plumbing Services in Laxmi Nagar, Delhi"
          description="From leaking taps to full bathroom fittings — we fix it right the first time. Trusted local plumber with 5⭐ customer satisfaction. Same-day service available. Call now for emergency plumbing support."
          background={{ variant: "radial-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Satisfied customer" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Happy client" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Local resident" }
          ]}
          avatarText="Trusted by 500+ Local Residents"
          buttons={[
            { text: "📞 Call Now: 073791 61680", href: "tel:073791616801" },
            { text: "📅 Book a Service", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Plumbing Services"
          description="Comprehensive plumbing solutions for your home and business. Fast, reliable, and affordable."
          tag="Services"
          features={[
            {
              id: "1",              title: "Leak Repair & Pipe Fixing",              tags: ["Quick Detection", "Expert Repair"],
              imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg?_wi=1",              imageAlt: "Professional leak repair service"
            },
            {
              id: "2",              title: "Sink & Tap Installation",              tags: ["Professional Install", "Quality Fittings"],
              imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=1",              imageAlt: "Modern sink and tap installation"
            },
            {
              id: "3",              title: "Water Tank & Motor Services",              tags: ["Cleaning", "Repair & Install"],
              imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51414.jpg?_wi=1",              imageAlt: "Water tank and motor servicing"
            },
            {
              id: "4",              title: "Bathroom & Toilet Fittings",              tags: ["Complete Fitting", "Modern Design"],
              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg?_wi=1",              imageAlt: "Professional bathroom fittings"
            },
            {
              id: "5",              title: "Emergency Plumbing",              tags: ["24/7 Available", "Till 9:30 PM"],
              imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg?_wi=1",              imageAlt: "Emergency plumbing repair service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Need Help? Call Now", href: "tel:073791616801" }
          ]}
        />
      </div>

      <div id="whyus" data-section="whyus">
        <MetricCardThree
          title="Why Choose Plumbing Water Tub Sink?"
          description="Your neighborhood plumbing expert with proven track record and customer satisfaction."
          tag="Why Us"
          metrics={[
            { id: "1", icon: Star, title: "5.0 Star Rating", value: "500+" },
            { id: "2", icon: Clock, title: "5+ Years Local", value: "Experience" },
            { id: "3", icon: DollarSign, title: "Transparent Pricing", value: "Affordable" },
            { id: "4", icon: MapPin, title: "Fast Response", value: "Laxmi Nagar" },
            { id: "5", icon: Shield, title: "Professional Work", value: "Guaranteed" },
            { id: "6", icon: ThumbsUp, title: "Trusted Locally", value: "Est. 2020" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          uniformGridCustomHeightClasses="min-h-80 2xl:min-h-95"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real testimonials from satisfied clients in Laxmi Nagar and nearby areas."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar, Homeowner",              date: "Date: 15 January 2025",              title: "Fixed my leak issue perfectly!",              quote: "Excellent service! The plumber arrived on time and fixed the water leak in my kitchen within 30 minutes. Very professional and affordable. Highly recommended for anyone in Laxmi Nagar.",              tag: "Leak Repair",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg?_wi=2"
            },
            {
              id: "2",              name: "Priya Sharma, Business Owner",              date: "Date: 22 December 2024",              title: "Best plumbing service in the area!",              quote: "We had our entire bathroom fitted by them. The team was professional, punctual, and the quality of work was outstanding. They even cleaned up after themselves. Worth every penny!",              tag: "Bathroom Fitting",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg?_wi=2"
            },
            {
              id: "3",              name: "Amit Patel, Resident",              date: "Date: 08 December 2024",              title: "Emergency service saved the day!",              quote: "Our water tank burst at midnight. They answered the call immediately and arrived within 45 minutes. Fast, reliable, and stress-free. This is your go-to plumber!",              tag: "Emergency Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg?_wi=2"
            },
            {
              id: "4",              name: "Deepika Verma, Homeowner",              date: "Date: 20 November 2024",              title: "Transparent pricing, no hidden charges!",              quote: "I was impressed by their honesty. They explained everything clearly and gave me a quote upfront. No surprises. The installation was quick and the quality is excellent.",              tag: "Sink Installation",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=2"
            },
            {
              id: "5",              name: "Vikram Singh, Restaurant Owner",              date: "Date: 12 November 2024",              title: "Professional and dependable!",              quote: "For our restaurant's plumbing maintenance, we trust these guys completely. They understand commercial needs and always deliver on time. Our go-to service provider.",              tag: "Commercial Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51414.jpg?_wi=2"
            },
            {
              id: "6",              name: "Neha Gupta, Apartment Manager",              date: "Date: 05 November 2024",              title: "Handles bulk projects smoothly!",              quote: "We got our entire apartment complex's plumbing checked and fixed. They managed the whole project professionally without disturbing residents. Exceptional service!",              tag: "Bulk Service",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our plumbing services."
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "Do you provide same-day plumbing service?",              content: "Yes, we offer same-day service in Laxmi Nagar and nearby areas. For emergency plumbing, we're available till 9:30 PM. Call us now at 073791 61680 to schedule your service."
            },
            {
              id: "2",              title: "What are your service hours?",              content: "We are open daily and provide service until 9:30 PM. For emergency plumbing services, we can be reached anytime. Contact us to discuss your specific needs."
            },
            {
              id: "3",              title: "Do you charge for inspection?",              content: "Inspection charges depend on the type of service and complexity. We provide transparent pricing and will give you a quote upfront before starting any work. Call 073791 61680 for details."
            },
            {
              id: "4",              title: "Which areas do you cover?",              content: "We serve Laxmi Nagar and surrounding areas in New Delhi, including locations near Mother Dairy and Vijay Chowk. We provide fast response times for all residential and commercial properties in our service area."
            },
            {
              id: "5",              title: "How can I book a service?",              content: "You can book a service by calling us directly at 073791 61680 or using the contact form on our website. We'll confirm your appointment and provide an estimated arrival time."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept cash, digital payments, and online transfers. Payment is due upon completion of the service. We provide detailed invoices for all work performed."
            },
            {
              id: "7",              title: "Do you provide warranty on repairs?",              content: "Yes, we stand behind our work. Repairs come with our professional guarantee. If you experience any issues with our work, we'll address it promptly at no extra cost."
            },
            {
              id: "8",              title: "Can you help with bulk plumbing projects?",              content: "Absolutely! We handle residential, commercial, and bulk projects. Whether it's apartment complexes, office buildings, or restaurants, we have the expertise and team to manage projects of any size efficiently."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get a Free Call Back"
          title="Book Your Plumbing Service Today"
          description="Fill out the form below and we'll get back to you in 10 minutes to confirm your service appointment. Get instant callback and expert plumbing support."
          tagIcon={undefined}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg"
          imageAlt="Professional plumbing service"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter Your Number for Free Callback"
          buttonText="Book Now"
          termsText="We respect your privacy and will only contact you regarding your service request."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg"
          imageAlt="Plumbing services background"
          logoText="Plumbing Water Tub Sink"
          copyrightText="© 2025 Plumbing Water Tub Sink. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Leak Repair", href: "#services" },
                { label: "Sink Installation", href: "#services" },
                { label: "Water Tank Service", href: "#services" },
                { label: "Emergency Plumbing", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#whyus" },
                { label: "Contact Us", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "📞 073791 61680", href: "tel:073791616801" },
                { label: "📍 Laxmi Nagar, Delhi", href: "#" },
                { label: "🏪 Near Mother Dairy, Vijay Chowk", href: "#" },
                { label: "⏰ Open Daily Till 9:30 PM", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
