"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Zap, Home, Wrench, Clock, CheckCircle, Flame, Shield, Building2, DollarSign, Heart, Phone, Mail, MapPin } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Reviews", id: "/reviews" },
    { name: "Gallery", id: "/gallery" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Dynamite Plumbing"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Reliable Plumbing in Hunt County, TX"
          description="Honest pricing. Quality workmanship. Fast service. We're locally owned and operated, committed to solving your plumbing problems right the first time."
          tag="Licensed & Insured"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=1",              imageAlt: "Professional plumber at work"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=1",              imageAlt: "Modern plumbing installation"},
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="5.0 Rating - 29 Reviews"
          buttons={[
            { text: "Call Now: 469-410-2657", href: "tel:469-410-2657" },
            { text: "Request Free Estimate", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MediaAbout
          title="Why Choose Dynamite Plumbing"
          description="With over 15 years of experience serving Hunt County, we've built our reputation on honesty, reliability, and superior craftsmanship. Every job receives the same attention to detail and commitment to excellence."
          tag="Locally Owned & Operated"
          tagIcon={Home}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=1"
          imageAlt="Dynamite Plumbing professional team"
          buttons={[{ text: "Learn Our Story", href: "/about" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Our Services"
          description="From emergency repairs to new installations, we handle all your plumbing needs with professional expertise."
          tag="Complete Solutions"
          tagAnimation="slide-up"
          features={[
            {
              title: "Plumbing Repairs",              description: "Fast, honest diagnosis and repair of leaks, clogs, and fixture problems.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Wrench, label: "Emergency Service", value: "24/7" },
                { icon: Clock, label: "Quick Response", value: "30 min" },
                { icon: CheckCircle, label: "Guaranteed Work", value: "100%" },
              ],
            },
            {
              title: "Gas Line Installation",              description: "Expert gas line installation and maintenance by licensed professionals.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Flame, label: "Safe Install", value: "Certified" },
                { icon: Shield, label: "Code Compliant", value: "Inspected" },
                { icon: Zap, label: "Reliable", value: "Tested" },
              ],
            },
            {
              title: "Rental Property Plumbing",              description: "Maintenance and repair packages tailored for property managers.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Building2, label: "Multiple Units", value: "Handled" },
                { icon: DollarSign, label: "Fair Pricing", value: "Flat Rate" },
                { icon: Zap, label: "Priority Support", value: "Fast" },
              ],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "Explore Services", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Trusted by Hundreds"
          description="Real results from real customers in Hunt County"
          tag="Our Track Record"
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "5.0★", description: "Customer Rating - 29 Reviews" },
            { id: "2", value: "1000+", description: "Homes Served" },
            { id: "3", value: "15+", description: "Years Experience" },
            { id: "4", value: "24/7", description: "Emergency Support" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Serving These Communities"
          description="Proudly serving Hunt County and surrounding areas with professional plumbing services."
          tag="Local Coverage"
          tagAnimation="slide-up"
          names={["Greenville, TX", "Commerce, TX", "Quinlan, TX", "Royse City, TX", "Caddo, TX", "Campbell, TX", "Point, TX", "Neylandville, TX"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "John Martinez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "John Martinez" },
            { id: "2", name: "Sarah Thompson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1", imageAlt: "Sarah Thompson" },
            { id: "3", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Chen" },
            { id: "4", name: "Lisa Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2", imageAlt: "Lisa Rodriguez" },
            { id: "5", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Wilson" },
            { id: "6", name: "Jennifer Lee", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=3", imageAlt: "Jennifer Lee" },
          ]}
          cardTitle="Trusted by hundreds of satisfied customers across Hunt County"
          cardTag="Real Reviews from Real Customers"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Get answers to frequently asked questions about our plumbing services, pricing, and availability."
          tag="FAQ"
          tagAnimation="slide-up"
          faqs={[
            { id: "1", title: "Do you offer emergency plumbing services?", content: "Yes! We provide 24/7 emergency plumbing services for Hunt County. Call us immediately for burst pipes, gas leaks, or other urgent issues. We guarantee a 30-minute response time." },
            { id: "2", title: "How much does a typical plumbing repair cost?", content: "Pricing varies based on the problem and complexity. We provide free estimates for all jobs so you know the cost upfront before we start work. No surprises, no hidden fees—just honest pricing." },
            { id: "3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, insured, and bonded. You can trust that all work is completed to code and backed by our commitment to quality." },
            { id: "4", title: "Do you service rental properties?", content: "Yes, we work with property managers and landlords. We offer maintenance packages and priority scheduling for rental property repairs." },
            { id: "5", title: "What payment methods do you accept?", content: "We accept cash, check, credit cards, and financing options. Talk to us about flexible payment arrangements for larger jobs." },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-support-customer-woman-talking-into-headset-microphone-with-call-center-customer-while-working-startup-company-office-caucasian-female-consultant-providing-telemarketing-service_482257-28282.jpg?_wi=1"
          imageAlt="Professional plumber providing customer support"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta-section" data-section="cta-section">
        <ContactFaq
          faqs={[
            { id: "1", title: "What areas do you serve?", content: "We proudly serve Greenville, Commerce, Quinlan, Royse City, and all surrounding areas in Hunt County, Texas." },
            { id: "2", title: "How quickly can you respond?", content: "For emergency calls, we typically respond within 30 minutes. For scheduled appointments, we work around your availability with flexible scheduling." },
            { id: "3", title: "Do you guarantee your work?", content: "Yes. We stand behind every job with a 100% satisfaction guarantee. If you're not happy, we'll make it right." },
          ]}
          ctaTitle="Ready to Get Your Plumbing Fixed?"
          ctaDescription="Call now for immediate assistance or schedule your free estimate. We're here to help."
          ctaButton={{ text: "Call 469-410-2657", href: "tel:469-410-2657" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dynamite Plumbing"
          copyrightText="© 2025 Dynamite Plumbing of Texas. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:469-410-2657", ariaLabel: "Call us" },
            { icon: Mail, href: "mailto:contact@dynamiteplumbing.com", ariaLabel: "Email us" },
            { icon: MapPin, href: "#", ariaLabel: "Visit us" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}