"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { AlertCircle, AirVent, Award, Building2, CheckCircle, Clock, Filter, Flame, Leaf, MessageSquare, Star, Users, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="noise"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="CoolComfort HVAC"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "metrics" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Get Quote", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Your Comfort is Our Priority"
          description="Professional HVAC services for residential and commercial properties. Expert installation, maintenance, and emergency repairs available 24/7."
          tag="Local HVAC Experts"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Schedule Service", href: "#contact" },
            { text: "Call Now", href: "tel:555-0123" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/tilt-up-shot-out-service-condenser-unit-with-protection-cover-removed-need-fixing-with-damaged-electric-internal-parts-outside-hvac-system-working-anymore-ready-be-fixed_482257-64976.jpg", imageAlt: "Professional HVAC technician" }
          ]}
          background="gradient-bars"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Complete HVAC Solutions"
          description="From routine maintenance to emergency repairs, we handle all your heating and cooling needs with expertise and reliability."
          tag="Our Services"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            { icon: AirVent, title: "AC Installation & Repair", description: "Professional air conditioning installation, maintenance, and emergency repair services for optimal cooling year-round." },
            { icon: Flame, title: "Heating Systems", description: "Expert furnace and heating system installation, repair, and seasonal maintenance to keep your home warm and efficient." },
            { icon: Clock, title: "24/7 Emergency Service", description: "Emergency HVAC repairs available around the clock. We respond quickly to heating and cooling emergencies." },
            { icon: Filter, title: "Maintenance Plans", description: "Preventative maintenance plans to extend system life, improve efficiency, and reduce energy costs." },
            { icon: Leaf, title: "Energy Efficiency", description: "Energy-efficient HVAC solutions designed to reduce utility bills and environmental impact." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About CoolComfort HVAC"
          tagIcon={Building2}
          tagAnimation="slide-up"
          title="Trusted Local HVAC Experts Since 2010"
          description="We've been serving the community with professional, reliable HVAC services for over a decade. Our certified technicians are committed to providing quality workmanship and exceptional customer service."
          subdescription="With over 5,000 satisfied customers and a 99% service satisfaction rating, CoolComfort HVAC is your trusted partner for all heating and cooling needs."
          icon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/damaged-external-air-cooling-unit_482257-80199.jpg"
          imageAlt="Professional HVAC installation"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Choose CoolComfort HVAC"
          description="Proven track record of excellence and customer satisfaction in the HVAC industry."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "5,000+", title: "Happy Customers", description: "Satisfied residential and commercial clients throughout the region", icon: Users },
            { id: "2", value: "99%", title: "Satisfaction Rate", description: "Industry-leading customer satisfaction and service quality", icon: Star },
            { id: "3", value: "24/7", title: "Emergency Service", description: "Available around the clock for urgent heating and cooling issues", icon: AlertCircle },
            { id: "4", value: "15+", title: "Certified Techs", description: "Licensed and certified HVAC professionals on our team", icon: Award }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="What Our Customers Say"
          cardTag="Customer Reviews"
          cardTagIcon={MessageSquare}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", name: "David Williams", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "David Williams" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our HVAC services, maintenance plans, and emergency repairs."
          textPosition="left"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "How often should I have my HVAC system serviced?", content: "We recommend professional HVAC maintenance at least twice a year—once in spring for cooling systems and once in fall for heating systems. Regular maintenance improves efficiency, prevents breakdowns, and extends system life." },
            { id: "2", title: "Do you offer emergency repair services?", content: "Yes! We provide 24/7 emergency HVAC repair services. Whether it's a weekend, holiday, or middle of the night, our certified technicians are available to restore your comfort quickly." },
            { id: "3", title: "What is your service area?", content: "We proudly serve the local community and surrounding areas within a 25-mile radius. Contact us to confirm service availability at your location." },
            { id: "4", title: "How much does a new HVAC system cost?", content: "HVAC system costs vary based on the type, capacity, and installation requirements. We provide free quotes so you can make an informed decision without obligation." },
            { id: "5", title: "Are your technicians licensed and insured?", content: "Absolutely. All our technicians are certified, licensed, and fully insured. We maintain high industry standards to ensure quality workmanship and your peace of mind." },
            { id: "6", title: "Do you offer maintenance plans?", content: "Yes, we offer customizable maintenance plans tailored to your system and budget. Plans include seasonal inspections, filter replacements, and priority emergency service." }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Schedule Your Service Today"
          description="Get a free quote or schedule an appointment. Our team will respond within 2 hours during business hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "service", type: "text", placeholder: "Service Type (e.g., AC Repair, Maintenance)", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Describe your HVAC issue or service needs...", rows: 5 }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/call-center-employee-using-audio-headset-answer-customers-technical-inquiries_482257-117991.jpg"
          imageAlt="Professional customer support"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Quote"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-taking-break-with-smartphone_23-2150522228.jpg"
          imageAlt="Professional HVAC heating system"
          logoText="CoolComfort HVAC"
          copyrightText="© 2024 CoolComfort HVAC. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "AC Installation", href: "#services" },
                { label: "Heating Repair", href: "#services" },
                { label: "Maintenance Plans", href: "#services" },
                { label: "Emergency Service", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Certifications", href: "#" },
                { label: "Service Area", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Get Quote", href: "#contact" },
                { label: "Emergency Line", href: "tel:555-0123" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty Info", href: "#" },
                { label: "License & Insurance", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}