"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Clock, Zap, Award, Wind } from 'lucide-react';

export default function VisaliaHVACPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Visalia Heating & Cooling"
          navItems={[
            { name: 'Services', id: 'services' },
            { name: 'Why Us', id: 'about' },
            { name: 'Process', id: 'process' },
            { name: 'Reviews', id: 'testimonials' },
            { name: 'Contact', id: 'contact' },
          ]}
          button={{ text: 'Schedule Service', href: 'contact' }}
        />
      </div>

      <div id="hero" data-section="hero" className="relative min-h-screen w-full">
        <HeroCentered
          title="HVAC Done Right — The First Time."
          description="On-time. Efficient. Thorough. Serving Visalia homeowners with expert heating, cooling, ductwork, and air quality solutions."
          background={{ variant: 'circleGradient' }}
          avatars={[
            {
              src: 'http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg',
              alt: 'Professional HVAC Unit Installation',
            },
          ]}
          avatarText="Most Repairs Completed in Under an Hour"
          buttons={[
            { text: 'Schedule Service Today', href: 'contact' },
            { text: 'Call Now for Fast Repair', href: 'tel:+1-555-0123' },
          ]}
          buttonAnimation="slide-up"
          className="relative"
        />
      </div>

      <div id="about" data-section="about" className="py-16 md:py-24">
        <AboutMetric
          title="Why Homeowners Trust Us. We Respect Your Time. We Respect Your Home. We Deliver Real Results."
          metrics={[
            { icon: Clock, label: 'On-Time Arrival', value: '99.5%' },
            { icon: Zap, label: 'Avg. Completion', value: '<1 Hour' },
            { icon: Award, label: 'Customer Rating', value: '5-Star' },
            { icon: Wind, label: 'Air Quality Improvement', value: 'Guaranteed' },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services" className="py-16 md:py-24">
        <ProductCardOne
          title="Our Services"
          description="Complete HVAC solutions for every season and comfort need."
          tag="Expert Solutions"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: '1',
              name: 'AC Repair',
              price: 'Fast Diagnostics',
              imageSrc: 'http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg?_wi=1',
              imageAlt: 'AC Repair Service',
            },
            {
              id: '2',
              name: 'Heating Repair',
              price: 'Reliable Warmth',
              imageSrc: 'http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg?_wi=1',
              imageAlt: 'Heating Repair Service',
            },
            {
              id: '3',
              name: 'Preventive Maintenance',
              price: 'Year-Round Care',
              imageSrc: 'http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg?_wi=1',
              imageAlt: 'Preventive Maintenance',
            },
            {
              id: '4',
              name: 'Duct & Vent Services',
              price: 'Improved Airflow',
              imageSrc: 'http://img.b2bpic.net/free-photo/abstract-metallic-surface-wallpaper_23-2148846062.jpg?_wi=1',
              imageAlt: 'Duct Services',
            },
            {
              id: '5',
              name: 'Ductless Mini-Split',
              price: 'Seamless Installation',
              imageSrc: 'http://img.b2bpic.net/free-photo/medium-shot-smiley-man-campervan_23-2149268838.jpg',
              imageAlt: 'Mini-Split Installation',
            },
            {
              id: '6',
              name: 'Thermostat Installation',
              price: 'Smart Control',
              imageSrc: 'http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg',
              imageAlt: 'Smart Thermostat',
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="py-16 md:py-24">
        <TestimonialCardTwo
          title="Consistently 5-Star Service"
          description="Real feedback from our satisfied Visalia homeowners."
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: '1',
              name: 'Sarah Johnson',
              role: 'Homeowner',
              testimonial: 'In just under an hour, everything was running smoothly again. Their professionalism and efficiency were evident from start to finish.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1',
              imageAlt: 'Sarah Johnson',
            },
            {
              id: '2',
              name: 'Michael Chen',
              role: 'Property Manager',
              testimonial: 'We\'re breathing easier and delighted with the improved airflow. The team was thorough, knowledgeable, and stress-free.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2',
              imageAlt: 'Michael Chen',
            },
            {
              id: '3',
              name: 'Emily Rodriguez',
              role: 'Business Owner',
              testimonial: 'Our A/C has never run smoother. Clear communication, attention to detail, and results we can actually feel in our home.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3',
              imageAlt: 'Emily Rodriguez',
            },
            {
              id: '4',
              name: 'David Kim',
              role: 'Homeowner',
              testimonial: 'They arrived early, diagnosed the problem immediately, and left the place spotless. This is precision comfort at its finest.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4',
              imageAlt: 'David Kim',
            },
            {
              id: '5',
              name: 'Jennifer Martinez',
              role: 'Homeowner',
              testimonial: 'Licensed, insured, and incredibly trustworthy. They explained everything clearly and delivered exactly what they promised.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=5',
              imageAlt: 'Jennifer Martinez',
            },
            {
              id: '6',
              name: 'Robert Thompson',
              role: 'Homeowner',
              testimonial: 'Five stars isn\'t enough. Professional team, fast service, and my home feels perfect. Highly recommend them to anyone.',
              imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=6',
              imageAlt: 'Robert Thompson',
            },
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="process" data-section="process" className="py-16 md:py-24">
        <FeatureCardSix
          title="The Visalia Process"
          description="Four simple steps to comfort restoration."
          tag="How We Work"
          features={[
            {
              id: 1,
              title: 'Schedule',
              description: 'Call or book online. We fit into your schedule, often same-day.',
              imageSrc: 'http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg?_wi=2',
            },
            {
              id: 2,
              title: 'Diagnose',
              description: 'Thorough inspection. Clear explanation of what\'s happening.',
              imageSrc: 'http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg?_wi=2',
            },
            {
              id: 3,
              title: 'Fix',
              description: 'Efficient, precise repair or installation with expertise.',
              imageSrc: 'http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg?_wi=2',
            },
            {
              id: 4,
              title: 'Comfort Restored',
              description: 'Noticeable airflow and performance improvement you can feel immediately.',
              imageSrc: 'http://img.b2bpic.net/free-photo/abstract-metallic-surface-wallpaper_23-2148846062.jpg?_wi=2',
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: 'Get Started Today', href: 'contact' }]}
        />
      </div>

      <div id="trust" data-section="trust" className="py-12 md:py-16">
        <SocialProofOne
          title="Trusted by Visalia"
          description="Serving hundreds of satisfied homeowners across the region."
          tag="Local Leaders"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            'Licensed & Insured',
            'EPA Certified',
            'BBB Accredited',
            'Same-Day Service',
            '30+ Years Experience',
            '5-Star Rated',
            '24/7 Emergency Support',
            'Free Diagnostics',
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact" className="py-16 md:py-24">
        <ContactText
          text="Your home should feel perfect. If your system is making noise, if airflow feels uneven, or if your energy bills are rising, don't wait. We're ready to restore your comfort."
          animationType="entrance-slide"
          background={{ variant: 'plain' }}
          useInvertedBackground={false}
          buttons={[
            { text: 'Schedule Your Service Today', href: 'tel:+1-555-0123' },
            { text: 'Book Online', href: '#' },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg?_wi=3"
          imageAlt="Professional HVAC technician at work"
          logoText="Visalia Heating & Cooling"
          copyrightText="© 2025 Visalia Heating & Cooling | Precision Comfort. Every Time."
          columns={[
            {
              title: 'Services',
              items: [
                { label: 'AC Repair', href: '#services' },
                { label: 'Heating Repair', href: '#services' },
                { label: 'Maintenance', href: '#services' },
                { label: 'Ductwork', href: '#services' },
              ],
            },
            {
              title: 'Company',
              items: [
                { label: 'About Us', href: '#about' },
                { label: 'Our Process', href: '#process' },
                { label: 'Reviews', href: '#testimonials' },
                { label: 'Contact', href: '#contact' },
              ],
            },
            {
              title: 'Contact',
              items: [
                { label: 'Phone: (559) 000-0123', href: 'tel:+1-559-000-0123' },
                { label: 'Email: service@visaliahvac.com', href: 'mailto:service@visaliahvac.com' },
                { label: '24/7 Emergency Service', href: 'tel:+1-559-000-0123' },
                { label: 'Visalia, CA', href: '#' },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
