"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "About",          id: "about"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Mountain Top Cooling"
      button={{
        text: "Call Now: (555) COOL-AIR",        href: "tel:5552665247"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="Premium Heating & Air Solutions"
      description="Peak Performance When You Need It Most. Emergency Service Available 24/7."
      buttons={[
        {
          text: "Schedule Service",          href: "#contact"},
        {
          text: "Get Quote",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=1",          imageAlt: "Mountain View 1"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=2",          imageAlt: "Mountain View 2"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=3",          imageAlt: "Mountain View 3"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=4",          imageAlt: "Mountain View 4"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=5",          imageAlt: "Mountain View 5"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=6",          imageAlt: "Mountain View 6"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Why Choose Mountain Top Cooling?"
      description={[
        "When your comfort is on the line, trust the experts who go above and beyond. Mountain Top Cooling delivers premium HVAC solutions with the reliability of mountain-solid craftsmanship.",        "Available within hours, not days. We offer true 24/7 emergency service and same-day installations.",        "Led by Master Technician Matt, your trusted HVAC professional with years of expert experience."]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Heating Services",          description: "Emergency furnace repair, gas & propane installation, and energy efficiency upgrades.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=1",            imageAlt: "Heating"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=2",            imageAlt: "Heating"}
        },
        {
          title: "Cooling Services",          description: "AC installation, preventive maintenance plans, and indoor air quality improvements.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=1",            imageAlt: "Cooling"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=2",            imageAlt: "Cooling"}
        },
        {
          title: "Commercial Services",          description: "Specialized solutions for office spaces, retail, hospitality, and property management contracts.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1",            imageAlt: "Commercial"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1",            imageAlt: "Commercial"}
        },
      ]}
      showStepNumbers={true}
      title="Premium HVAC Solutions"
      description="Comprehensive heating, cooling, and commercial climate services tailored for comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Erin Walsh",          role: "Homeowner",          company: "Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg"},
        {
          id: "2",          name: "Abbie Long",          role: "Homeowner",          company: "Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg"},
        {
          id: "3",          name: "David Tonioli",          role: "Homeowner",          company: "Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
        {
          id: "4",          name: "Linda Tonioli",          role: "Homeowner",          company: "Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg"},
        {
          id: "5",          name: "Customer Five",          role: "Homeowner",          company: "Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-casual-woman-showing-thumbs-up-isolated-purple-space_141793-92371.jpg"},
      ]}
      title="What Our Customers Say"
      description="Read authentic experiences from our valued clients."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Ready to Experience Peak Comfort?"
      description="Call us now at (555) COOL-AIR for 24/7 emergency support or schedule a service online."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "How can we help you today?",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343050.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pfdcq"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775766248282-rpt76c1y.jpg"
      logoText="Mountain Top Cooling"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Emergency Service",              href: "#contact"},
            {
              label: "Heating",              href: "#services"},
            {
              label: "Cooling",              href: "#services"},
            {
              label: "Commercial",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Reviews",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}