"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Phone, Star, TrendingUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Four Seasons HVAC"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Your Comfort, Our Priority – Four Seasons HVAC"
          description="Trusted heating, cooling, and air quality solutions for homes and businesses. Serving with integrity and dependable expertise."
          background={{ variant: "downward-rays-animated" }}
          tag="Reliable HVAC Solutions"
          tagIcon={Zap}
          buttons={[
            { text: "Get a Free Estimate Today", href: "contact" },
            { text: "Learn About Our Services", href: "services" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/smoke-pipe-industry-factory_1127-3436.jpg"
          imageAlt="Professional HVAC system installation and expertise"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Four Seasons HVAC"
          description="Established expertise in residential and commercial heating, cooling, and indoor air quality solutions."
          tabs={[
            {
              id: "experience",              label: "Experience & Expertise",              description: "With decades of combined experience, our certified technicians bring deep knowledge of all HVAC systems. We stay current with the latest technologies and best practices to ensure your home or business remains comfortable year-round."
            },
            {
              id: "transparency",              label: "Transparent Pricing",              description: "No hidden fees, no surprises. We provide upfront quotes and detailed explanations of any work needed. Our commitment to honesty builds lasting relationships with homeowners and property managers who value integrity."
            },
            {
              id: "reliability",              label: "Dependable Service",              description: "Punctuality and reliability are our hallmarks. Emergency repairs, routine maintenance, or new installations—we show up on time and deliver exceptional results. Your comfort and satisfaction are our top priority."
            },
            {
              id: "support",              label: "Complete Support",              description: "From energy efficiency consultations to full system replacements, we provide comprehensive HVAC solutions. Our team is here to answer your questions and guide you toward the best options for your needs."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
          imageAlt="Expert HVAC technician providing professional service"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Core Services"
          description="Comprehensive heating, cooling, and air quality solutions tailored to your specific needs and budget."
          features={[
            {
              id: "installation",              title: "Professional Installation",              author: "Expert Setup",              description: "New system installations performed by certified technicians. We handle all aspects—assessment, equipment selection, professional installation, and system testing—ensuring optimal performance and energy efficiency from day one.",              tags: ["Installation", "New Systems", "Expert"],
              imageSrc: "https://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "Professional HVAC installation service"
            },
            {
              id: "maintenance",              title: "Preventive Maintenance",              author: "Regular Care",              description: "Regular maintenance plans keep your system running smoothly and extend equipment lifespan. Our technicians perform thorough inspections, cleaning, and adjustments to prevent costly breakdowns during peak seasons.",              tags: ["Maintenance", "Prevention", "Efficiency"],
              imageSrc: "https://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg",              imageAlt: "HVAC maintenance and inspection services"
            },
            {
              id: "repair",              title: "Emergency Repairs",              author: "Fast Response",              description: "When your HVAC system fails, we respond quickly. Our emergency repair service operates around the clock to restore comfort to your home or business. Fast diagnosis, transparent pricing, and lasting solutions.",              tags: ["Repair", "Emergency", "24/7"],
              imageSrc: "https://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg",              imageAlt: "Emergency HVAC repair and troubleshooting"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact & Commitment"
          description="Trusted by thousands of satisfied customers across residential and commercial properties."
          metrics={[
            {
              id: "customers",              value: "5,000+",              title: "Satisfied Customers",              description: "Homes and businesses served with excellence",              icon: Users
            },
            {
              id: "uptime",              value: "98%",              title: "System Uptime",              description: "Exceptional reliability and service quality",              icon: TrendingUp
            },
            {
              id: "response",              value: "2hrs",              title: "Avg Response Time",              description: "Emergency service within your time frame",              icon: Zap
            },
            {
              id: "experience",              value: "25+",              title: "Years Experience",              description: "Industry expertise and proven track record",              icon: Award
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Emily Chen",              imageSrc: "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",              imageAlt: "Emily Chen"
            },
            {
              id: "4",              name: "David Williams",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Williams"
            }
          ]}
          cardTitle="Over 5,000+ homeowners and property managers trust Four Seasons HVAC for reliable comfort and transparent service"
          cardTag="See what customers say"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our HVAC services, pricing, and maintenance."
          faqs={[
            {
              id: "1",              title: "How often should I have my HVAC system serviced?",              content: "We recommend professional maintenance at least twice yearly—once before heating season and once before cooling season. Regular servicing prevents breakdowns, maintains efficiency, and can extend your system's lifespan by years. Contact us to set up a maintenance plan."
            },
            {
              id: "2",              title: "What should I expect from a free estimate?",              content: "Our free estimate includes a thorough system inspection, assessment of your current setup, discussion of your comfort needs, and a detailed quote with no hidden fees. We'll explain all options and help you make an informed decision for your home or business."
            },
            {
              id: "3",              title: "Do you offer emergency service?",              content: "Yes! We provide 24/7 emergency HVAC repair service. Whether it's a cold night in winter or a scorching summer day, our team responds quickly to restore comfort to your home. Call us anytime for urgent service needs."
            },
            {
              id: "4",              title: "How can I improve my system's energy efficiency?",              content: "Regular maintenance, proper thermostat settings, and upgrading to a high-efficiency system can significantly reduce energy costs. Our technicians can recommend specific improvements based on your current setup and usage patterns."
            },
            {
              id: "5",              title: "What payment options do you accept?",              content: "We accept all major credit cards, checks, and financing options for larger installations. We believe in transparent pricing with no hidden charges, and we're happy to discuss payment plans that work for your budget."
            },
            {
              id: "6",              title: "Are your technicians licensed and insured?",              content: "Absolutely. All our technicians are fully certified, licensed, and our company carries comprehensive liability insurance. Your safety and peace of mind are our priorities."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Schedule Service?"
          ctaDescription="Get your free HVAC estimate today or book emergency repair. Our team responds quickly and provides transparent pricing."
          ctaButton={{
            text: "Request Service Now",            href: "https://example.com/contact"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do I schedule a free estimate?",              content: "Call us or fill out our online form with your contact information and preferred service date. We'll confirm availability and send a certified technician to assess your system."
            },
            {
              id: "2",              title: "Can you handle both residential and commercial systems?",              content: "Yes, we service both residential homes and commercial buildings. Whether you're a homeowner or property manager, our team has the expertise to handle your HVAC needs."
            },
            {
              id: "3",              title: "What areas do you serve?",              content: "We proudly serve the local community and surrounding areas. Contact us to confirm service availability for your location."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/adult-male-lying-sofa-playing-with-his-child-sunlight-through-windows_181624-41022.jpg"
          imageAlt="Comfortable home with Four Seasons HVAC services"
          logoText="Four Seasons HVAC"
          copyrightText="© 2025 Four Seasons HVAC. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "HVAC Installation", href: "services" },
                { label: "Maintenance Plans", href: "services" },
                { label: "Emergency Repair", href: "services" },
                { label: "Air Quality", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Book Service", href: "contact" },
                { label: "Get Estimate", href: "contact" },
                { label: "Maintenance Tips", href: "faq" },
                { label: "24/7 Emergency", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}