"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Wrench, CheckCircle, Zap, Award, MessageCircle, HelpCircle, Phone, Facebook, Linkedin, Users, Clock, ThumbsUp, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Drain Surgeons"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="24/7 Emergency Service"
          bottomRightText="call@drainsurgeons.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Expert Plumbing Solutions, Fast Response"
          description="From emergency repairs to preventive maintenance, Drain Surgeons delivers trusted, transparent plumbing service when you need it most. Available 24/7 with certified professionals ready to solve your plumbing problems."
          tag="Professional Plumbing Service"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Schedule Service Today", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-handyman_23-2148142741.jpg", imageAlt: "Professional plumber at work" },
            { imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg", imageAlt: "Quality plumbing installation" }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="4.9/5 - 500+ Satisfied Customers"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Choose Drain Surgeons"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Trusted Plumbing Experts Since 2005. We Fix It Right, The First Time."
          buttons={[{ text: "View Our Services", href: "#services" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          tag="Our Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Comprehensive Plumbing Solutions for Every Situation"
          description="Whether it's an emergency leak, routine maintenance, or a complete system upgrade, our certified technicians deliver fast, reliable, and transparent service."
          features={[
            {
              id: "emergency-repairs",              title: "Emergency Repairs",              description: "24/7 emergency response for burst pipes, leaks, and urgent plumbing issues. Certified technicians available round-the-clock.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg",              imageAlt: "Emergency plumbing repair"
            },
            {
              id: "preventive-maintenance",              title: "Preventive Maintenance",              description: "Regular inspections and maintenance to prevent costly repairs. Keep your plumbing system running efficiently year-round.",              imageSrc: "http://img.b2bpic.net/free-photo/black-white-vintage-portrait-man-doing-housework-household-chores_23-2151448645.jpg",              imageAlt: "Preventive plumbing maintenance"
            },
            {
              id: "drain-cleaning",              title: "Drain Cleaning & Unclogging",              description: "Professional drain cleaning services using latest technology. From simple clogs to complex blockages, we've got you covered.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg",              imageAlt: "Professional drain cleaning"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[{ text: "Get Service Now", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          tag="Our Track Record"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Proven Results and Customer Trust"
          description="Drain Surgeons has built a reputation for excellence through consistent performance, reliability, and customer satisfaction."
          metrics={[
            {
              id: "customers",              value: "500+",              title: "Satisfied Customers",              description: "Trusted by homeowners and businesses across the region",              icon: Users
            },
            {
              id: "response",              value: "30 Min",              title: "Average Response",              description: "Fast response times for emergency calls 24/7",              icon: Clock
            },
            {
              id: "success",              value: "99%",              title: "Success Rate",              description: "First-time fix rate with quality workmanship",              icon: ThumbsUp
            },
            {
              id: "years",              value: "18+",              title: "Years Experience",              description: "Nearly two decades of professional plumbing service",              icon: Star
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="What Our Customers Say"
          cardTag="Customer Testimonials"
          cardTagIcon={MessageCircle}
          cardAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "David Kim"
            }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          tag="Common Questions"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          title="Frequently Asked Questions"
          description="Find answers to common plumbing questions. Can't find what you're looking for? Contact us directly."
          faqs={[
            {
              id: "faq-1",              title: "How quickly can you respond to emergency calls?",              content: "We pride ourselves on fast response times. For most emergency calls in our service area, we can have a certified technician at your location within 30 minutes. Call us 24/7 at our emergency number."
            },
            {
              id: "faq-2",              title: "Do you offer emergency service on weekends and holidays?",              content: "Yes, absolutely. Our emergency plumbing service operates 24/7, including weekends and holidays. No extra emergency fees during nights or weekends—we charge the same transparent rates around the clock."
            },
            {
              id: "faq-3",              title: "Are your technicians licensed and insured?",              content: "All our technicians are fully licensed, insured, and background-checked. We stand behind our work with a satisfaction guarantee and maintain all necessary certifications and bonds."
            },
            {
              id: "faq-4",              title: "What areas do you service?",              content: "We service the greater metropolitan area and surrounding communities. Check our service map on our website or call us to confirm we service your address."
            },
            {
              id: "faq-5",              title: "Do you offer upfront pricing?",              content: "Yes, we believe in complete transparency. We provide free diagnostic inspections and detailed estimates before any work begins. No hidden fees or surprise charges."
            },
            {
              id: "faq-6",              title: "Do you offer maintenance plans?",              content: "We offer customizable preventive maintenance plans to help you avoid costly emergency repairs. These plans include regular inspections, priority service scheduling, and discounts on repairs."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Fix Your Plumbing Problem?"
          ctaDescription="Schedule a service appointment or call us now for emergency assistance. Our friendly team is standing by to help."
          ctaButton={{ text: "Schedule Service Now", href: "tel:+1-555-DRAIN-SURGEONS" }}
          ctaIcon={Phone}
          animationType="slide-up"
          useInvertedBackground={true}
          faqs={[
            {
              id: "contact-1",              title: "Phone",              content: "+1 (555) DRAIN-911 - Available 24/7 for emergencies"
            },
            {
              id: "contact-2",              title: "Email",              content: "service@drainsurgeons.com - Response within 1 hour"
            },
            {
              id: "contact-3",              title: "Online Booking",              content: "Schedule appointments directly on our website for your convenience"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Drain Surgeons"
          copyrightText="© 2025 Drain Surgeons. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Phone, href: "tel:+1-555-DRAIN-911", ariaLabel: "Call us" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}