"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dynamic Plumbing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:0451021345" }}
          animateOnLoad={true}
          className="bg-opacity-95 backdrop-blur-sm"
          navItemClassName="text-foreground font-medium"
          buttonClassName="bg-primary-cta text-primary-cta-text hover:shadow-lg"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Reliable Local Plumbing You Can Trust"
          description="Servicing Flinders & the Illawarra Region. Fast response times, fair pricing, and professional workmanship you can depend on."
          tag="★ 5.0 Star Rated on Google"
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:0451021345" },
            { text: "Request a Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg",              imageAlt: "Emergency plumbing services"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",              imageAlt: "Professional leak detection"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",              imageAlt: "Hot water system installation"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",              imageAlt: "Expert drain clearing service"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg",              imageAlt: "Bathroom renovation plumbing"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",              imageAlt: "General plumbing maintenance"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg",              imageAlt: "Emergency plumbing response"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",              imageAlt: "Leak detection and repair"
            }
          ]}
          carouselPosition="right"
          className="py-20 px-4 md:px-8"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Plumbing Services"
          description="Comprehensive solutions for all your plumbing needs across Illawarra, Shellharbour, Kiama, Wollongong and surrounding suburbs."
          tag="Services"
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Emergency Plumbing",              description: "24/7 rapid response to burst pipes, overflowing toilets, and urgent plumbing issues. Professional solutions when you need them most.",              imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg",              imageAlt: "Emergency plumbing services"
            },
            {
              id: "02",              title: "Hot Water Systems",              description: "Installation, repair, and maintenance of hot water systems. Fast, reliable service to restore your hot water supply.",              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",              imageAlt: "Hot water system installation"
            },
            {
              id: "03",              title: "Drain Clearing",              description: "Quick and efficient drain clearing using modern equipment. Clogged drains fixed professionally without the mess.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",              imageAlt: "Professional drain clearing"
            },
            {
              id: "04",              title: "Leak Detection",              description: "Precise leak detection and repair. We identify and fix leaks quickly to save water and prevent damage.",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",              imageAlt: "Leak detection and repair"
            },
            {
              id: "05",              title: "Bathroom & Kitchen Plumbing",              description: "Expert plumbing for renovations and installations. Professional work that transforms your space.",              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg",              imageAlt: "Bathroom and kitchen plumbing"
            },
            {
              id: "06",              title: "General Maintenance",              description: "Preventative plumbing maintenance keeps your system running smoothly. Regular inspections avoid costly problems.",              imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",              imageAlt: "General plumbing maintenance"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          buttonAnimation="none"
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <TextAbout
          tag="Why Choose Dynamic Plumbing"
          title="Professional, Reliable, Fair Pricing - Local Plumbing Done Right"
          buttons={[
            { text: "Get Emergency Service", href: "tel:0451021345" },
            { text: "Request a Free Quote", href: "#contact" }
          ]}
          useInvertedBackground={false}
          className="py-16 px-4 md:px-8 text-center"
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <MetricCardSeven
          title="Why Flinders Trusts Dynamic Plumbing"
          description="Years of proven service to the Illawarra community with consistent results."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "5.0★",              title: "Google Rating from 23 Reviews",              items: ["Verified customer feedback", "Professional and punctual", "Fair and transparent pricing"]
            },
            {
              id: "2",              value: "100%",              title: "Fully Licensed & Insured",              items: ["Complete peace of mind", "Protection and accountability", "Professional compliance"]
            },
            {
              id: "3",              value: "24/7",              title: "Emergency Response Available",              items: ["Quick response times", "Rapid problem solving", "Available when you need us"]
            },
            {
              id: "4",              value: "Local",              title: "Serving Illawarra for Years",              items: ["Community-focused service", "Flinders-based operations", "Trusted local tradies"]
            }
          ]}
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real reviews from Illawarra homeowners and businesses who trust Dynamic Plumbing."
          tag="Google Reviews"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm",              testimonial: "Professional, reliable and punctual. Fixed our burst pipe quickly and cleaned up after themselves. Fair pricing - no rip-offs. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Wilson",              handle: "@jameswil",              testimonial: "Called for emergency plumbing at 10pm. They arrived in 30 minutes and solved the problem in one visit. Great communication and competitive pricing.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "3",              name: "Linda Chen",              handle: "@lindachen",              testimonial: "Had our bathroom renovated with plumbing work. Clean, professional, and they finished on time. Really pleased with the quality of work.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Linda Chen"
            },
            {
              id: "4",              name: "Michael Brown",              handle: "@mbrown",              testimonial: "Quick, clean and competitively priced. Sorted our drain issue without any fuss. Will definitely call them again for maintenance.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Michael Brown"
            },
            {
              id: "5",              name: "Emma Rodriguez",              handle: "@erodriguez",              testimonial: "Great communication from start to finish. Hot water system replaced professionally. Fair quote and excellent workmanship.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "6",              name: "David Thompson",              handle: "@dthompson",              testimonial: "Best plumber I've used. Honest, reliable and fair pricing. Solved the problem in one visit. Highly recommend to anyone in Flinders and Illawarra.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "David Thompson"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="service-areas" data-section="service-areas">
        <SocialProofOne
          title="Serving the Entire Illawarra Region"
          description="Professional plumbing services to homeowners and businesses across multiple suburbs."
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Flinders", "Shellharbour", "Kiama", "Wollongong", "Warrawong", "Dapto", "Albion Park", "Port Kembla"]}
          speed={40}
          showCard={true}
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Common questions about our plumbing services, emergency response, and pricing."
          tag="Help & Support"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How quickly can you respond to emergency plumbing calls?",              content: "We provide 24/7 emergency response with typical arrival times of 30-45 minutes across the Illawarra region. Our goal is to minimize water damage and get your plumbing working again fast. Call 0451 021 345 for immediate assistance."
            },
            {
              id: "2",              title: "Do you offer free quotes?",              content: "Yes, we provide free quotes for all plumbing work. We'll assess the issue, explain what needs to be done, and give you a transparent, fair price before any work begins. No hidden costs or surprises."
            },
            {
              id: "3",              title: "Are you fully licensed and insured?",              content: "Absolutely. We are fully licensed plumbers with comprehensive insurance coverage. This protects you and gives you peace of mind that your home and property are in safe, professional hands."
            },
            {
              id: "4",              title: "What suburbs do you service?",              content: "We service Flinders, Shellharbour, Kiama, Wollongong, Warrawong, Dapto, Albion Park, Port Kembla and surrounding suburbs throughout the Illawarra region. If you're unsure if we cover your area, give us a call."
            },
            {
              id: "5",              title: "Do you offer maintenance services?",              content: "Yes, we offer preventative plumbing maintenance and inspections. Regular maintenance can identify potential problems early, preventing costly repairs and helping you avoid emergency plumbing issues."
            },
            {
              id: "6",              title: "What if I have an emergency outside business hours?",              content: "We're available 24/7 for emergency plumbing calls. Whether it's a burst pipe at midnight or a clogged drain on Sunday, call 0451 021 345 and we'll get someone to help you right away."
            },
            {
              id: "7",              title: "How do you price your services?",              content: "We believe in fair, transparent pricing with no rip-offs. We provide detailed quotes upfront, and our pricing is competitive with the local market. We won't overcharge or push unnecessary work."
            },
            {
              id: "8",              title: "Can you handle bathroom and kitchen renovations?",              content: "Yes, we provide complete plumbing services for bathroom and kitchen renovations. From initial design consultation through final installation, we ensure professional, clean workmanship."
            }
          ]}
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch - Fast Quote or Emergency Service"
          description="Need help with a plumbing issue? Send us your details and we'll get back to you quickly. For emergencies, call 0451 021 345."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "suburb", type: "text", placeholder: "Your Suburb/Suburb (Flinders, Shellharbour, etc)", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Describe your plumbing issue or service needed...", rows: 5, required: true }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/plumber-making-deal_1368-528.jpg"
          imageAlt="Professional plumbing service"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Request"
          className="py-16 px-4 md:px-8"
        />
      </div>

      <div id="cta-section" data-section="cta-section">
        <TextAbout
          title="Need a Plumber Today? Contact Dynamic Plumbing Now"
          buttons={[
            { text: "Call 0451 021 345", href: "tel:0451021345" },
            { text: "Get a Free Quote", href: "#contact" }
          ]}
          useInvertedBackground={false}
          className="py-16 px-4 md:px-8 text-center bg-opacity-50"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Emergency Plumbing", href: "#services" },
                { label: "Hot Water Systems", href: "#services" },
                { label: "Drain Clearing", href: "#services" },
                { label: "Leak Detection", href: "#services" },
                { label: "Bathroom Plumbing", href: "#services" },
                { label: "Maintenance", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-us" },
                { label: "Reviews", href: "#reviews" },
                { label: "Service Areas", href: "#service-areas" },
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 0451 021 345", href: "tel:0451021345" },
                { label: "Location: Flinders, NSW 2529", href: "#" },
                { label: "Serving Illawarra Region", href: "#service-areas" },
                { label: "24/7 Emergency Service", href: "tel:0451021345" }
              ]
            }
          ]}
          copyrightText="© 2025 Dynamic Plumbing & Drainage. All rights reserved. Flinders, NSW 2529."
          className="bg-opacity-95"
        />
      </div>
    </ThemeProvider>
  );
}
