"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Services", id: "services" },
              { name: "Testimonials", id: "testimonials" },
              { name: "FAQ", id: "faq" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Mountain Top Cooling"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitDualMedia
            background={{ variant: "gradient-bars" }}
            title="Elite HVAC Comfort for Middleboro Homes"
            description="Fast, professional HVAC installation, maintenance, and emergency repair. When comfort matters, trust the experts at Mountain Top Cooling."
            tag="Expert HVAC Services"
            buttons={[{ text: "Call 617-417-6584", href: "tel:617-417-6584" }]}
            mediaItems={[
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775768725847-kuzo8bm3.jpg", imageAlt: "Company Logo" },
              { imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=2", imageAlt: "HVAC Professional" }
            ]}
            mediaAnimation="slide-up"
            rating={5}
            ratingText="Top-rated service in Middleboro"
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            useInvertedBackground={true}
            title="Driven by Quality, Defined by Service"
            description="Founded by Matt McDermott, Mountain Top Cooling provides premium residential and commercial HVAC care. From emergency repairs to bespoke ductwork design, we ensure your home remains an oasis of comfort year-round."
            metrics={[
              { value: "100%", title: "Satisfaction Rate" },
              { value: "24/7", title: "Emergency Support" },
              { value: "1hr", title: "Avg Response Time" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg?_wi=1"
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardTwentyEight
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
              { id: "2", title: "Commercial Services", subtitle: "Large scale climate control", category: "Commercial", value: "Expert" },
              { id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
              { id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
              { id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
            ]}
            title="Comprehensive HVAC Solutions"
            description="Custom climate control solutions tailored to your unique requirements."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive
            textboxLayout="default"
            useInvertedBackground={true}
            testimonials={[
              { id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "Customer", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg", imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=3", imageAlt: "luxury hvac modern equipment" },
              { id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "Customer", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg?_wi=2", imageAlt: "matt mcdermott hvac expert" },
              { id: "3", name: "David Linda Tonioli", date: "Dec 28, 2025", title: "Homeowner", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg", imageAlt: "happy customer testimonial portrait" },
              { id: "4", name: "John Doe", date: "Dec 20, 2025", title: "Homeowner", quote: "Fast, clean, and reliable service. My go-to HVAC company now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2836.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageAlt: "happy customer testimonial portrait" },
              { id: "5", name: "Jane Smith", date: "Dec 15, 2025", title: "Homeowner", quote: "Excellent work installing our new furnace. Temperature never dropped.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "happy customer testimonial portrait" },
            ]}
            title="What Our Neighbors Are Saying"
            description="Proudly recommended by the Middleboro community for reliable, fast, and pleasant HVAC expertise."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "1", title: "Does Mountain Top Cooling provide free estimates for HVAC services?", content: "Yes, we provide comprehensive, transparent estimates for all installations and complex repairs." },
              { id: "2", title: "What makes Mountain Top Cooling different from other HVAC companies?", content: "We prioritize fast response times, professional expertise, and a personalized, neighborly approach that ensures high-quality results." },
              { id: "3", title: "What services do Mountain Top Cooling provide for HVAC needs?", content: "We provide residential and commercial HVAC installation, emergency repairs, preventative maintenance, ductwork design, and mini split systems." },
            ]}
            title="Frequently Asked Questions"
            description="Answers to common concerns about our HVAC services."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={true}
            background={{ variant: "plain" }}
            tag="Get in touch"
            title="Ready for Exceptional Comfort?"
            description="Reach out to Matt McDermott at Mountain Top Cooling for reliable HVAC service in Middleboro, MA."
            buttons={[
              { text: "Call 617-417-6584", href: "tel:617-417-6584" },
              { text: "Email Us", href: "mailto:info@mountaintopcooling.com" },
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBase
            columns={[
              { title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }, { label: "Maintenance", href: "#" }] },
              { title: "Hours", items: [{ label: "Sun: 08am-06pm", href: "#" }, { label: "Mon-Fri: 9am-5pm", href: "#" }, { label: "Sat: 08am-06pm", href: "#" }] },
              { title: "Contact", items: [{ label: "617-417-6584", href: "tel:617-417-6584" }] },
            ]}
            logoText="Mountain Top Cooling"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}