"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="AC Repair Delhi"
          bottomLeftText="24/7 Emergency Service"
          bottomRightText="082993 62367"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Fast AC Repair & Installation in Delhi"
          description="24/7 Emergency AC repair, servicing, and installation for homes and businesses. Expert technicians, affordable rates, and 4.8★ rated service."
          background={{ variant: "radial-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied customer 1" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Satisfied customer 2" },
            { src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Satisfied customer 3" }
          ]}
          avatarText="Trusted by 1000+ Delhi customers • 4.8★ (208 reviews)"
          buttons={[
            { text: "Call Now: 082993 62367", href: "tel:08299362367" },
            { text: "Request Service", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="AC Repair Hero Section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          features={[
            {
              id: "1",              title: "AC Repair",              description: "Quick diagnosis and repair of faulty air conditioning units. Same-day service for critical breakdowns.",              imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "AC repair service"
            },
            {
              id: "2",              title: "AC Installation",              description: "Professional installation of new AC units with proper ventilation and electrical setup.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149366666.jpg",              imageAlt: "AC installation service"
            },
            {
              id: "3",              title: "AC Servicing",              description: "Regular maintenance and cleaning to keep your AC running efficiently and extend lifespan.",              imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "AC maintenance service"
            },
            {
              id: "4",              title: "Emergency Service",              description: "24/7 emergency breakdown service. We're always ready when your AC fails during peak heat.",              imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "Emergency AC service"
            }
          ]}
          title="Our Services"
          description="Comprehensive AC solutions tailored to your needs"
          tag="Services"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Get Free Quote", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          title="Delhi's Most Trusted AC Service Provider"
          description="With years of experience serving Sonipat and Delhi neighborhoods, we've built our reputation on reliability, fair pricing, and expert technicians. Every repair comes with a warranty, and we're transparent about costs before we start work."
          metrics={[
            { value: "208+", title: "Google Reviews (4.8★)" },
            { value: "24/7", title: "Emergency Availability" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg"
          imageAlt="Professional AC technician at work"
          useInvertedBackground={true}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          metrics={[
            { id: "1", value: "₹0 Hidden Costs", description: "Transparent pricing quoted upfront" },
            { id: "2", value: "≤2 Hours", description: "Average response time in Delhi" },
            { id: "3", value: "12 Months", description: "Warranty on all repairs" }
          ]}
          title="Why Choose Us"
          description="Key reasons customers trust AC Repair Delhi"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              role: "Homeowner",              company: "Jahangirpuri, Delhi",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "happy customer satisfied client person portrait"
            },
            {
              id: "2",              name: "Priya Sharma",              role: "Business Owner",              company: "Sonipat",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "customer review male portrait professional headshot"
            },
            {
              id: "3",              name: "Amit Verma",              role: "Apartment Manager",              company: "Delhi NCR",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "female customer satisfied person testimonial portrait"
            },
            {
              id: "4",              name: "Neha Gupta",              role: "Homeowner",              company: "Delhi",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "business person professional review client portrait"
            },
            {
              id: "5",              name: "Vikram Singh",              role: "Office Manager",              company: "Delhi",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "happy customer client photo satisfied review"
            },
            {
              id: "6",              name: "Anjali Patel",              role: "Homeowner",              company: "Sonipat",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",              imageAlt: "customer portrait person smiling review photo"
            }
          ]}
          kpiItems={[
            { value: "208+", label: "Happy Customers" },
            { value: "4.8★", label: "Average Rating" },
            { value: "1000+", label: "Services Completed" }
          ]}
          animationType="slide-up"
          title="Real Reviews from Our Customers"
          description="See why 208+ Delhi residents rate us 4.8 stars"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "What areas do you serve?",              content: "We provide AC repair and installation services in Delhi, Sonipat, and nearby areas. Same-day or next-day service available for most locations. Call us at 082993 62367 to confirm service availability for your address."
            },
            {
              id: "2",              title: "Are you available 24/7?",              content: "Yes, we operate 24 hours a day, 7 days a week for emergency AC repairs. Whether it's early morning, late night, or a weekend, we're ready to fix your AC and restore your comfort."
            },
            {
              id: "3",              title: "Do you provide a warranty on repairs?",              content: "Absolutely. All our repairs come with a 12-month warranty on parts and labor. If the same issue reoccurs within this period, we'll fix it for free. Your satisfaction is guaranteed."
            },
            {
              id: "4",              title: "How much does AC repair cost?",              content: "Repair costs vary depending on the issue, but we always provide a transparent quote before starting work. There are no hidden charges. For a specific estimate, call us at 082993 62367 or submit a service request."
            },
            {
              id: "5",              title: "How often should I service my AC?",              content: "We recommend AC servicing every 2-3 months during peak usage (April-September). Regular maintenance improves efficiency, reduces energy bills, and extends the life of your unit."
            },
            {
              id: "6",              title: "Do you install new AC units?",              content: "Yes, we handle complete AC installation for homes and businesses. We help you choose the right capacity, handle electrical work, secure proper ventilation, and ensure optimal performance."
            }
          ]}
          title="Frequently Asked Questions"
          description="Quick answers to common AC repair and service questions"
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",              title: "What if my AC stops working in summer?",              content: "Don't panic! We have emergency technicians on standby 24/7. Call 082993 62367 immediately, and we'll dispatch a technician to your location as soon as possible. Most emergency repairs are completed same-day."
            },
            {
              id: "2",              title: "Can I get a free inspection?",              content: "Yes, we offer free diagnostics for suspected AC issues. Our technician will identify the problem and provide you with a cost estimate before any work begins. No commitment needed."
            },
            {
              id: "3",              title: "Do you offer payment plans?",              content: "For large installations or repairs, we can discuss flexible payment options. Contact us to learn about available plans and financing options suited to your budget."
            }
          ]}
          ctaTitle="Emergency AC Repair?"
          ctaDescription="Call us now or submit your details below. We respond within minutes."
          ctaButton={{ text: "Call: 082993 62367", href: "tel:08299362367" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="AC Repair Delhi"
          copyrightText="© 2025 AC Repair AC Service, AC Installation Delhi | All rights reserved"
          columns={[
            {
              title: "Services",              items: [
                { label: "AC Repair", href: "#services" },
                { label: "AC Installation", href: "#services" },
                { label: "AC Servicing", href: "#services" },
                { label: "Emergency Service", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Call: 082993 62367", href: "tel:08299362367" },
                { label: "Email Support", href: "#" },
                { label: "Bhalswa Jahangirpuri, Delhi", href: "#" },
                { label: "Available 24/7", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
