"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Services",          id: "services"},
        {
          name: "Trust",          id: "why-choose"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Green Koolers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "sparkles-gradient"}}
      title="Stay Cool. Stay Comfortable."
      description="Expert AC Sales & Service across Erode. From installation to repair, our technicians deliver fast, clean, and reliable service."
      tag="Trusted Cooling Experts"
      buttons={[
        {
          text: "Book Service Now",          href: "#contact"},
        {
          text: "WhatsApp Us",          href: "https://wa.me/9360033445"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-mini-clipboard-smiling-front-view_176474-21392.jpg?_wi=1",          imageAlt: "Expert Cooling"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-beautiful-woman-sitting-sofa-her-living-room-holding-study-material_1258-201920.jpg?_wi=1",          imageAlt: "Reliable Service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-sitting-table-working-laptop-co-working-office_1153-4314.jpg",          imageAlt: "Fast Installation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-home_23-2149308983.jpg",          imageAlt: "Genuine Spare Parts"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sits-home-sofa-reading-her-notes-holding-notebook-studying-exam-student_1258-201918.jpg",          imageAlt: "Certified Technicians"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-silver-laptop-while-sitting-sofa_1153-4865.jpg",          imageAlt: "Happy Customers"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          label: "Sales",          title: "AC Sales",          items: [
            "All major brands",            "Genuine products",            "Expert guidance"],
        },
        {
          id: "2",          label: "Installation",          title: "Fast Installation",          items: [
            "Same-day available",            "Clean & precise",            "Tested setup"],
        },
        {
          id: "3",          label: "Repair",          title: "Service & Repair",          items: [
            "Gas refilling",            "Leak fixing",            "Cooling optimization"],
        },
        {
          id: "4",          label: "AMC",          title: "Maintenance Plans",          items: [
            "Priority support",            "Annual coverage",            "Service tracking"],
        },
      ]}
      title="Professional AC Solutions"
      description="Comprehensive cooling services tailored for your home and office."
    />
  </div>

  <div id="why-choose" data-section="why-choose">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Why Choose Green Koolers"
      tag="Trusted Excellence"
      metrics={[
        {
          id: "m1",          value: "1000+",          description: "Successful Installations"},
        {
          id: "m2",          value: "95%",          description: "Positive Customer Feedback"},
        {
          id: "m3",          value: "24/7",          description: "Priority Support"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Anand S.",          role: "Homeowner",          company: "Erode",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-safety-helmet-putty-knife-paint-brush-gray-background_141793-15181.jpg",          imageAlt: "ac maintenance kit"},
        {
          id: "2",          name: "Meena R.",          role: "Office Manager",          company: "Erode",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-mini-clipboard-smiling-front-view_176474-21392.jpg?_wi=2",          imageAlt: "ac maintenance kit"},
        {
          id: "3",          name: "Vijay K.",          role: "Resident",          company: "Erode",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg",          imageAlt: "ac maintenance kit"},
        {
          id: "4",          name: "Priya V.",          role: "Homeowner",          company: "Erode",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26541.jpg?_wi=1",          imageAlt: "ac maintenance kit"},
        {
          id: "5",          name: "Suresh M.",          role: "Business Owner",          company: "Erode",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-beautiful-woman-sitting-sofa-her-living-room-holding-study-material_1258-201920.jpg?_wi=2",          imageAlt: "ac maintenance kit"},
      ]}
      title="Trusted by Hundreds"
      description="We continuously improve based on your feedback."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "About Green Koolers"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg",          alt: "Service"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How fast is your service?",          content: "We aim for same-day response times across Erode."},
        {
          id: "q2",          title: "Do you use original parts?",          content: "Yes, we exclusively provide genuine spare parts."},
        {
          id: "q3",          title: "Do you handle all brands?",          content: "Yes, our certified team is trained on all major AC brands."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26541.jpg?_wi=2"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Answers to common concerns."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get in Touch"
      title="AC Not Cooling? We’ll Fix It Today."
      description="Ready to get back to comfort? Our experts are just a call or message away."
      buttons={[
        {
          text: "Call Now",          href: "tel:+919360033445"},
        {
          text: "Book Service",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Services",              href: "#services"},
            {
              label: "About",              href: "#about"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "585, Perundurai Rd, Edayankattuvalasu, Erode, Tamil Nadu 638011",              href: "#"},
            {
              label: "Call: +91 9360033445",              href: "tel:+919360033445"},
          ],
        },
      ]}
      logoText="Green Koolers"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}