"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";

export default function HvacPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="Kiran School"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Enquire Now", href: "#contact" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Excellence in Academic Environments"
            description="Kiran School provides high-standard HVAC solutions tailored for educational facilities. We ensure optimal air quality and temperature control to support learning excellence year-round."
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg", alt: "Teacher" },
              { src: "http://img.b2bpic.net/free-photo/blond-girl-show-teeth-warn-can-stand-herself-bite-fool-around-grimacing-funny-wearing-purple-hoodie_1258-253873.jpg", alt: "Student" },
              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "Administrator" },
            ]}
            avatarText="Trusted by 200+ schools"
            buttons={[
              { text: "Our Solutions", href: "#services" },
              { text: "Get in Touch", href: "#contact" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg"
            imageAlt="Modern school classroom with climate control"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            tag="Our Mission"
            title="Fostering Comfortable Learning Spaces"
            description="Kiran School specializes in the unique HVAC demands of educational buildings. We focus on silent, energy-efficient, and healthy air circulation to maximize student focus and administrative productivity."
            metrics={[
              { value: "15+", title: "Years of school expertise" },
              { value: "99%", title: "Air quality compliance" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/teen-friends-reading-near-railing_23-2147864036.jpg"
            imageAlt="Technician checking classroom ventilation"
            mediaBadge={{ text: "Certified Partner" }}
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardOne
            title="Educational HVAC Services"
            description="Comprehensive systems management for modern learning facilities."
            buttons={[{ text: "Request Consultation", href: "#contact" }]}
            buttonAnimation="slide-up"
            features={[
              { title: "Smart Climate Control", description: "Automated temperature scheduling for varying classroom occupancy.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg", imageAlt: "Smart thermostat" },
              { title: "Air Quality Systems", description: "HEPA filtration and purification for healthier learning environments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-using-nebulizer_23-2150535943.jpg", imageAlt: "Air filtration unit" },
              { title: "Maintenance Contracts", description: "Scheduled maintenance programs to minimize facility downtime.", imageSrc: "http://img.b2bpic.net/free-photo/young-loader-showing-something-clipboard-uniform-front-view_176474-21430.jpg", imageAlt: "Maintenance checklist" }
            ]}
            gridVariant="uniform-all-items-equal"
            uniformGridCustomHeightClasses="aspect-square"
            gridClassName="md:!grid-cols-3"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <FeatureBorderGlow
          title="Why Kiran School"
          description="Dedicated expertise for your institution's climate needs."
          features={[
            { icon: ShieldCheck, title: "Safety Standards", description: "Certified safety protocols for all school environments." },
            { icon: Wrench, title: "Educational Expertise", description: "Technicians experienced in working within school schedules." },
            { icon: DollarSign, title: "Budget Conscious", description: "Maximizing energy efficiency to lower operational costs." }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <FeatureCardEight
          title="Our Implementation Process"
          description="Clear, structured steps to upgrade your school's climate."
          features={[
            { title: "Facility Assessment", description: "Full audit of existing ventilation and heating systems.", imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-using-tablet-pc_74855-5131.jpg", imageAlt: "Audit" },
            { title: "System Design", description: "Tailored plans that respect academic timetables.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-481.jpg", imageAlt: "Planning" },
            { title: "Installation", description: "Disruption-free installation during off-hours.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-electrician-installing-holder-ceiling-light_23-2148087646.jpg", imageAlt: "Install" },
            { title: "System Handover", description: "Comprehensive training for your facility staff.", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898697.jpg", imageAlt: "Handover" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            title="Trusted by Educators"
            description="Hear from school administrators who trust our specialized services."
            testimonials={[
              { id: "1", name: "Dr. Sarah Chen", handle: "Principal", testimonial: "Kiran School transformed our building climate. The system is silent, efficient, and our staff noticed an immediate difference in comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-female-office_23-2148411861.jpg" },
              { id: "2", name: "Mark Thompson", handle: "Facility Manager", testimonial: "Professionalism is their hallmark. They managed the entire retrofit without interrupting a single school day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" }
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Frequently Asked Questions"
            buttons={[{ text: "Contact Our Team", href: "#contact" }]}
            buttonAnimation="slide-up"
            faqsAnimation="slide-up"
            useInvertedBackground={false}
            faqs={[
              { id: "1", title: "Can you work during school holidays?", content: "Yes, we specialize in scheduling installations and heavy maintenance during school breaks to avoid any disruption to the learning process." },
              { id: "2", title: "Are your technicians vetted?", content: "All our staff undergo thorough background checks and are fully insured for working within sensitive educational environments." },
              { id: "3", title: "How do you manage energy costs?", content: "We integrate smart HVAC solutions and high-efficiency systems that significantly lower school energy consumption over time." }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Get a Quote"
            tagIcon={Phone}
            title="Ready to Upgrade Your Facility?"
            description="Reach out to discuss a customized HVAC strategy that supports your institution's success."
            buttons={[
              { text: "Request Site Visit", href: "#contact" },
              { text: "Call (555) 555-5555", href: "tel:5555555555" }
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="Kiran School"
            imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892962.jpg"
            columns={[
              { title: "Services", items: [{ label: "System Design", href: "#" }, { label: "Installation", href: "#" }, { label: "Maintenance", href: "#" }] },
              { title: "Contact", items: [{ label: "Email Us", href: "mailto:support@kiranschool.com" }, { label: "Book Appointment", href: "#" }] }
            ]}
            copyrightText="© 2025 | Kiran School"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}