"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Shield, Wrench, CheckCircle, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="large"
      background="plain"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Mai Plumbing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact-cta" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="MAI PLUMBING"
          description="Dallas's most trusted premium plumbing service. Licensed, insured, and ready to solve your plumbing challenges with speed and excellence."
          buttons={[
            { text: "Call Now: (214) 878-1062", href: "tel:+12148781062" },
            { text: "Get a Quote", href: "contact-cta" }
          ]}
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg", imageAlt: "Luxury plumbing installation with dramatic lighting" },
            { imageSrc: "https://img.b2bpic.net/free-photo/man-white-terry-bathrobe-filling-bathtub-with-water_259150-59739.jpg", imageAlt: "Professional water heater installation" },
            { imageSrc: "https://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg", imageAlt: "24/7 emergency plumbing response" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <MetricCardTen
          title="Why Dallas Trusts Mai Plumbing"
          description="Proven excellence in residential and commercial plumbing solutions across Dallas"
          tag="Trust & Expertise"
          tagIcon={Shield}
          metrics={[
            {
              id: "1",              title: "4.8 Star Rating",              subtitle: "From 62+ verified customer reviews",              category: "Customer Reviews",              value: "Highly Rated"
            },
            {
              id: "2",              title: "Licensed & Insured",              subtitle: "Professional credentials and protection",              category: "Credentials",              value: "Verified"
            },
            {
              id: "3",              title: "Fast Response Times",              subtitle: "Emergency service available 24/7",              category: "Service",              value: "Same Day"
            },
            {
              id: "4",              title: "Fair Pricing",              subtitle: "Transparent quotes with no hidden fees",              category: "Pricing",              value: "Honest"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Premium Services"
          description="Comprehensive plumbing solutions delivered with precision and professionalism"
          tag="Services"
          tagIcon={Wrench}
          features={[
            {
              id: 1,
              title: "Residential Plumbing",              description: "From routine maintenance to complex installations, we handle all your home plumbing needs with expertise and care.",              imageSrc: "https://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg"
            },
            {
              id: 2,
              title: "Water Heater Solutions",              description: "Professional installation, repair, and maintenance of water heaters to ensure reliable hot water year-round.",              imageSrc: "https://img.b2bpic.net/free-photo/man-white-terry-bathrobe-filling-bathtub-with-water_259150-59739.jpg"
            },
            {
              id: 3,
              title: "Leak Detection",              description: "Advanced diagnostic tools to locate leaks quickly and minimize water damage to your property.",              imageSrc: "https://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg"
            },
            {
              id: 4,
              title: "Emergency Repairs",              description: "Available 24/7 for urgent plumbing emergencies. We respond fast to prevent costly water damage.",              imageSrc: "https://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricSplitMediaAbout
          tag="Our Promise"
          tagIcon={CheckCircle}
          title="Why Choose Mai Plumbing Co"
          description="We understand that plumbing issues disrupt your life. That's why we prioritize speed, honesty, and quality workmanship in every job. Our team brings decades of combined experience to your home or business."
          metrics={[
            { value: "50+", title: "Years of Combined Experience" },
            { value: "500+", title: "Satisfied Customers in Dallas" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/man-white-terry-bathrobe-filling-bathtub-with-water_259150-59739.jpg"
          imageAlt="Mai Plumbing professional team"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real stories from homeowners who trust Mai Plumbing for their most important plumbing needs"
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "John Martinez, Homeowner",              date: "Date: 15 March 2024",              title: "Fixed my emergency leak in under an hour!",              quote: "I had a burst pipe on a Sunday morning and was panicking. Mai Plumbing answered my call within minutes and had a technician at my house faster than I expected. They fixed the problem professionally and cleaned up after themselves. Highly recommend!",              tag: "Emergency Service",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg"
            },
            {
              id: "2",              name: "Sarah Chen, Business Owner",              date: "Date: 22 February 2024",              title: "Professional and fair pricing",              quote: "We've used Mai Plumbing for our commercial property maintenance for two years now. Their quotes are always fair and transparent, no hidden fees. The work quality is excellent and they're always punctual. They're now our go-to plumbing service.",              tag: "Commercial Service",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg"
            },
            {
              id: "3",              name: "Michael Thompson, Homeowner",              date: "Date: 10 January 2024",              title: "Water heater installation was seamless",              quote: "My old water heater died in the middle of winter. Mai Plumbing came out, assessed the situation quickly, and installed a new high-efficiency unit the same day. The technician explained everything and the installation was clean and professional. Worth every penny!",              tag: "Installation",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/man-white-terry-bathrobe-filling-bathtub-with-water_259150-59739.jpg"
            },
            {
              id: "4",              name: "Jessica Williams, Property Manager",              date: "Date: 5 December 2023",              title: "Reliable maintenance partner",              quote: "Managing multiple properties requires a plumber I can trust. Mai Plumbing handles all our maintenance calls professionally. They're responsive, thorough, and their preventative approach saves us money long-term. Excellent service!",              tag: "Maintenance",              avatarSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg"
            },
            {
              id: "5",              name: "David Rodriguez, Homeowner",              date: "Date: 20 November 2023",              title: "Found and fixed a hidden leak we didn't know about",              quote: "We noticed higher than normal water bills. Mai Plumbing's leak detection service found a small leak in our underground pipes that we never would have found. They fixed it quickly and saved us from major property damage. Fantastic diagnostics!",              tag: "Leak Detection",              avatarSrc: "https://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg"
            },
            {
              id: "6",              name: "Amanda Foster, Homeowner",              date: "Date: 12 October 2023",              title: "Called them at 2 AM and they came through",              quote: "A pipe burst in my guest house at 2 in the morning. I was desperate. Mai Plumbing actually answered, was empathetic, and had someone at my house within an hour. They stabilized the situation and came back the next morning to complete the repair. Lifesavers!",              tag: "Emergency Service",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our plumbing services and how we can help you"
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "Do you offer emergency plumbing services?",              content: "Yes! We provide 24/7 emergency plumbing services throughout Dallas. Call us anytime at (214) 878-1062 for urgent issues like burst pipes, major leaks, or frozen pipes. We aim to have a technician at your property within one hour of your call."
            },
            {
              id: "2",              title: "Are you licensed and insured?",              content: "Absolutely. Mai Plumbing Co is fully licensed by the State of Texas and carries comprehensive liability insurance. All our technicians are trained professionals with current certifications. We protect your home and our work."
            },
            {
              id: "3",              title: "How much does a service call cost?",              content: "Service calls start at a fixed diagnostic fee, which is waived if you proceed with the repair. We provide transparent quotes before any work begins with no hidden fees. Most repairs are completed the same day at fair, competitive rates."
            },
            {
              id: "4",              title: "What areas of Dallas do you service?",              content: "We service the greater Dallas area including Arlington, Irving, Fort Worth, and surrounding suburbs. Call us to confirm service availability for your specific location. Emergency calls are prioritized across all areas."
            },
            {
              id: "5",              title: "Do you offer maintenance plans?",              content: "Yes! We offer preventative maintenance plans that include regular inspections, water heater maintenance, and priority service. Maintenance plans save you money long-term by catching small issues before they become expensive problems."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, checks, and electronic transfers. We also offer financing options for larger projects. All payment methods provide complete transparency and documentation for your records."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactSplitForm
          title="Get Your Quote Today"
          description="Contact Mai Plumbing Co for a free, no-obligation estimate. We'll assess your needs and provide a transparent quote with no hidden fees. Call now or fill out the form below."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "phone", type: "tel", placeholder: "(214) 555-0000", required: true },
            { name: "email", type: "email", placeholder: "your.email@example.com", required: true },
            { name: "address", type: "text", placeholder: "Dallas, TX Address", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Describe your plumbing issue or what you need...", rows: 5, required: true }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg"
          imageAlt="Mai Plumbing professional tools and equipment"
          mediaPosition="right"
          buttonText="Request Quote"
          onSubmit={(data) => console.log('Quote request:', data)}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg"
          imageAlt="Mai Plumbing professional plumbing installation"
          logoText="Mai Plumbing Co Inc"
          copyrightText="© 2024 Mai Plumbing Co Inc | Dallas, Texas | (214) 878-1062 | maiplumbing.com"
          columns={[
            {
              title: "Services",              items: [
                { label: "Residential Plumbing", href: "services" },
                { label: "Water Heaters", href: "services" },
                { label: "Leak Detection", href: "services" },
                { label: "Emergency Repair", href: "services" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Why Mai Plumbing", href: "why-us" },
                { label: "Testimonials", href: "testimonials" },
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact-cta" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (214) 878-1062", href: "tel:+12148781062" },
                { label: "Dallas, Texas", href: "#" },
                { label: "24/7 Emergency Service", href: "tel:+12148781062" },
                { label: "Get a Quote", href: "contact-cta" }
              ]
            }
          ]}
          onPrivacyClick={() => window.open('#privacy', '_blank')}
        />
      </div>
    </ThemeProvider>
  );
}