"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { GaugeCircle, Wrench, CalendarCheck2, Star, Sparkles, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dependable HVAC Solutions"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Services", id: "#services" },
            { name: "Products", id: "#products" },
            { name: "Pricing", id: "#pricing" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" }
          ]}
          button={{
            text: "Schedule Service Today",            href: "#contact"
          }}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Reliable Heating & Cooling When You Need It"
          description="Fast, professional HVAC service for residential and commercial properties. Available 24/7 for emergencies."
          background={{
            variant: "plain"
          }}
          buttons={[
            { text: "Schedule Service Today", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-couple-having-videoconference_23-2147859166.jpg"
          imageAlt="HVAC technician checking air conditioner outdoor unit"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="Your Trusted Partner for Home Comfort"
          description="We've been serving the community for over two decades, providing expert HVAC solutions with a focus on reliability, transparency, and rapid response. Our certified technicians are dedicated to ensuring your comfort and safety, offering everything from routine maintenance to emergency repairs and full system installations."
          imageSrc="http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2973.jpg"
          imageAlt="professional HVAC team group photo smiling"
          useInvertedBackground={true}
          mediaAnimation="opacity"
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          animationType="slide-up"
          title="Comprehensive HVAC Services"
          description="From unexpected breakdowns to proactive maintenance, we offer a full spectrum of heating, ventilation, and air conditioning services designed for both residential and commercial needs."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "24/7 Emergency Repair",              description: "Rapid response for heating and cooling emergencies, available day or night to restore your comfort quickly.",              icon: GaugeCircle,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-trying-press-suitcase-close-zipper-packing-clothes-vacation-tourist_1258-270281.jpg", imageAlt: "HVAC technician fixing broken furnace in emergency" },
                { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-party-guy-wearing-black-shirt-blue-hat-holding-party-blower-showing-thumb-up-isolated-olive-green_141793-95264.jpg", imageAlt: "digital thermometer showing comfortable indoor temperature" }
              ]
            },
            {
              title: "System Installation & Replacement",              description: "Expert installation of new, energy-efficient HVAC systems tailored to your property's needs and budget.",              icon: Wrench,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250253.jpg", imageAlt: "new air conditioner installation outside home" },
                { imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176723.jpg", imageAlt: "sparkling clean new HVAC system shining" }
              ]
            },
            {
              title: "Preventative Maintenance",              description: "Routine inspections and tune-ups to extend system lifespan, optimize performance, and prevent costly breakdowns.",              icon: CalendarCheck2,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg", imageAlt: "HVAC technician performing routine AC maintenance" },
                { imageSrc: "http://img.b2bpic.net/free-photo/female-tutor-teaching-male-student-home_23-2148524626.jpg", imageAlt: "clean air filter replacement for HVAC system" }
              ]
            }
          ]}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardFour
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Explore Our Solutions"
          description="Whether you need a new AC installation, furnace repair, or advanced air quality solutions, we offer top-tier products and services to keep your environment perfect."
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "ac",              name: "Central Air Conditioning",              price: "Starting at $3,500",              variant: "High-Efficiency Models",              imageSrc: "http://img.b2bpic.net/free-photo/fan-electronic-air-condition_1203-3634.jpg",              imageAlt: "Modern outdoor air conditioning unit sunny day"
            },
            {
              id: "furnace",              name: "Furnace Installation",              price: "Starting at $2,800",              variant: "Gas & Electric Options",              imageSrc: "http://img.b2bpic.net/free-photo/hand-turning-oven_23-2147958914.jpg",              imageAlt: "High-efficiency residential furnace"
            },
            {
              id: "heat-pump",              name: "Heat Pump Systems",              price: "Starting at $4,200",              variant: "Heating & Cooling Combined",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-warming-up-hands-near-heater_23-2149339534.jpg",              imageAlt: "Heat pump outdoor unit"
            },
            {
              id: "air-purifier",              name: "Indoor Air Quality",              price: "Starting at $600",              variant: "Purifiers & Humidifiers",              imageSrc: "http://img.b2bpic.net/free-photo/virtual-assistant-table_23-2148994203.jpg",              imageAlt: "Indoor air quality purifier"
            },
            {
              id: "thermostat",              name: "Smart Thermostats",              price: "Starting at $250",              variant: "Wi-Fi & Programmable",              imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg",              imageAlt: "Smart thermostat on a modern wall"
            },
            {
              id: "duct-cleaning",              name: "Duct Cleaning Service",              price: "Starting at $350",              variant: "Improve Airflow & Health",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388950.jpg",              imageAlt: "Duct cleaning equipment in ventilation shaft"
            }
          ]}
        />
      </div>
      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          animationType="slide-up"
          title="Flexible Service & Maintenance Plans"
          description="Invest in peace of mind with our tailored service plans, designed to extend the life of your systems, reduce energy costs, and ensure consistent comfort year-round."
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "basic",              badge: "Essential",              badgeIcon: Star,
              price: "$129/year",              subtitle: "Annual basic system check-up",              buttons: [
                { text: "Choose Basic", href: "#contact" }
              ],
              features: [
                "1 Annual Tune-Up",                "Priority Scheduling",                "Filter Replacement",                "System Inspection"
              ]
            },
            {
              id: "plus",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$249/year",              subtitle: "Comprehensive maintenance & savings",              buttons: [
                { text: "Choose Plus", href: "#contact" }
              ],
              features: [
                "2 Annual Tune-Ups (heating & cooling)",                "15% Repair Discount",                "Enhanced System Cleaning",                "Advanced Diagnostics"
              ]
            },
            {
              id: "premium",              badge: "Ultimate Comfort",              badgeIcon: Award,
              price: "$399/year",              subtitle: "All-inclusive peace of mind",              buttons: [
                { text: "Choose Premium", href: "#contact" }
              ],
              features: [
                "2 Annual Tune-Ups + Emergency Checks",                "25% Repair Discount",                "No Dispatch Fee",                "Annual Air Quality Check"
              ]
            }
          ]}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Our Commitment to Excellence"
          description="Numbers speak louder than words. Discover the impact of our dedicated service and customer-first approach."
          textboxLayout="default"
          useInvertedBackground={true}
          metrics={[
            { id: "years", value: "20+", description: "Years of trusted service in the community" },
            { id: "customers", value: "10,000+", description: "Satisfied residential and commercial customers" },
            { id: "response", value: "90%", description: "Emergency calls responded to within 2 hours" }
          ]}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Read heartfelt reviews from satisfied homeowners and business owners who trust us with their comfort."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah J.",              date: "May 2024",              title: "Life-Saver in a Heatwave!",              quote: "Our AC broke down on the hottest day of the year. Dependable HVAC was here within an hour and had it fixed before dinner. Truly life-savers!",              tag: "Residential",              avatarSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-blonde-slavic-woman-stands-with-raised-fists-purple_141793-69490.jpg",              avatarAlt: "Sarah J. avatar",              imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior-design_23-2151983191.jpg",              imageAlt: "Cozy living room"
            },
            {
              id: "2",              name: "Michael Chen",              date: "April 2024",              title: "Excellent Commercial Service",              quote: "We rely on Dependable HVAC for our office building's maintenance. Their preventative plans save us headaches and keep our tenants comfortable. Highly recommend!",              tag: "Commercial",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset-using-smartphonetalking_158538-20638.jpg",              avatarAlt: "Michael Chen avatar",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149831296.jpg",              imageAlt: "Modern office building"
            },
            {
              id: "3",              name: "Emily R.",              date: "March 2024",              title: "Transparent & Professional",              quote: "The technician explained everything clearly and gave us options for our furnace repair without any pressure. The pricing was fair and transparent.",              tag: "Residential",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186647.jpg",              avatarAlt: "Emily R. avatar",              imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2803.jpg",              imageAlt: "Residential house exterior"
            },
            {
              id: "4",              name: "David K.",              date: "February 2024",              title: "Fast & Efficient Installation",              quote: "They installed our new AC unit quickly and efficiently. The team was punctual, tidy, and very knowledgeable. Our home has never been more comfortable!",              tag: "Residential",              avatarSrc: "http://img.b2bpic.net/free-photo/sport-man-with-helmet_1154-127.jpg",              avatarAlt: "David K. avatar",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-spiral-staircase-inside-building_181624-17757.jpg",              imageAlt: "Commercial building lobby"
            },
            {
              id: "5",              name: "Jessica L.",              date: "January 2024",              title: "Great Value for Maintenance Plan",              quote: "Signing up for their maintenance plan was a smart decision. Our systems run perfectly, and we appreciate the priority service and discounts.",              tag: "Residential",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",              avatarAlt: "Jessica L. avatar",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-creative-journaling_23-2150561854.jpg",              imageAlt: "Comfortable bedroom interior"
            }
          ]}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find quick answers to common inquiries about our HVAC services, emergency calls, and maintenance plans."
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "q1",              title: "What areas do you serve?",              content: "We proudly serve residential and commercial clients across [Your City/Region] and surrounding areas. Contact us to confirm service availability in your specific location."
            },
            {
              id: "q2",              title: "Do you offer 24/7 emergency services?",              content: "Yes, we understand that HVAC emergencies can happen at any time. Our certified technicians are available 24/7 for urgent heating and cooling repairs."
            },
            {
              id: "q3",              title: "What is included in your maintenance plans?",              content: "Our maintenance plans include regular tune-ups, filter replacements, system inspections, priority scheduling, and discounts on repairs. Specific benefits vary by plan tier."
            }
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Schedule Your Service Today"
          description="Ready for reliable heating, cooling, or emergency service? Contact us now to book an appointment or get a free estimate."
          background={{
            variant: "plain"
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg"
          imageAlt="HVAC office with staff"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Your Email"
          buttonText="Request a Quote"
          termsText="By requesting a quote, you agree to our terms and conditions."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Dependable HVAC Solutions"
          columns={[
            {
              title: "Services",              items: [
                { label: "Emergency Repair", href: "#services" },
                { label: "Installations", href: "#services" },
                { label: "Maintenance Plans", href: "#pricing" },
                { label: "Air Quality", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Dependable HVAC Solutions. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
