"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="large"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="PristineClean"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "gradient-bars",
      }}
      title="A Spotless Space, Every Single Time"
      description="Experience premium, eco-friendly cleaning services tailored to your home and office needs. Reliability and quality you can trust."
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/brown-sofa-white-living-room-with-copy-space_43614-886.jpg"
      imageAlt="Professional cleaning services"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/picture-frame-cabinet-with-scandinavian-home-interior_53876-153300.jpg",
          alt: "Interior cleaning detail",
        },
        {
          src: "http://img.b2bpic.net/free-photo/picture-frame-wooden-sideboard-table_53876-139769.jpg",
          alt: "Modern home decor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/simple-living-room-interior_53876-146255.jpg",
          alt: "Living room clean space",
        },
        {
          src: "http://img.b2bpic.net/free-photo/living-room-interior_1048-8224.jpg",
          alt: "Pristine living area",
        },
        {
          src: "http://img.b2bpic.net/free-photo/relaxed-moments-work-close-up-portrait-positive-housemaid-leaning-bed-browsing-messaging-via-smartphone-smiling-being-good-mood-while-cleaning-hotel-room_176420-11943.jpg",
          alt: "Smiling cleaning professional",
        },
      ]}
      avatarText="Trusted by 500+ local families"
      marqueeItems={[
        {
          type: "text",
          text: "Eco-Friendly Products",
        },
        {
          type: "text",
          text: "100% Satisfaction Guaranteed",
        },
        {
          type: "text",
          text: "Fully Vetted Staff",
        },
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "text",
          text: "Available 24/7",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Residential Cleaning",
          description: "Keep your home pristine with our recurring cleaning options.",
          imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-doing-sports-home-fitness-workout-home-fitness-exercises-rubber-mat_169016-67753.jpg",
        },
        {
          title: "Commercial Maintenance",
          description: "Professional janitorial services for business and office spaces.",
          imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-low-view_23-2148497295.jpg",
        },
        {
          title: "Move-In/Move-Out",
          description: "Deep cleaning for seamless transitions between residences.",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-box-with-things_23-2147758891.jpg",
        },
      ]}
      title="Our Specialized Cleaning Services"
      description="We offer a wide range of professional cleaning solutions using advanced techniques and high-quality supplies."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Commitment"
      title="Why Choose PristineClean?"
      description="We don't just clean spaces; we create healthier, more comfortable environments for our clients. Our dedicated team is trained, background-checked, and committed to excellence."
      subdescription="Every clean is backed by our 100% satisfaction guarantee."
      icon={Shield}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-man-cleaning-his-house_23-2148119206.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "1",
          title: "Assessment",
          description: "Tailored cleaning plan.",
          imageSrc: "http://img.b2bpic.net/free-photo/pillows-should-be-white-like-snow-good-looking-near-woman-maid-uniform-making-bed-working-as-housecleaner-hotel-owners-house-being-focused-her-duties-while-cleaning-bedroom_176420-11934.jpg",
        },
        {
          id: "m2",
          value: "2",
          title: "Execution",
          description: "Detailed multi-point clean.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-cleaning-building_23-2150454565.jpg",
        },
        {
          id: "m3",
          value: "3",
          title: "Verification",
          description: "Final quality check.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358985.jpg",
        },
      ]}
      title="Our Proven Process"
      description="A structured approach to ensure consistency and perfection in every corner."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Basic",
          price: "$99",
          subtitle: "Essential touch-up",
          features: [
            "Kitchen surfaces",
            "Vacuuming",
            "Dusting",
          ],
        },
        {
          id: "p2",
          badge: "Standard",
          price: "$189",
          subtitle: "Deep residential clean",
          features: [
            "All basic features",
            "Bathroom deep clean",
            "Window wiping",
          ],
        },
        {
          id: "p3",
          badge: "Premium",
          price: "$299",
          subtitle: "Comprehensive care",
          features: [
            "All standard features",
            "Carpet steam clean",
            "Oven interior",
          ],
        },
      ]}
      title="Flexible Cleaning Plans"
      description="Transparent pricing for every budget and lifestyle."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg",
        },
        {
          id: "t2",
          name: "James Chen",
          role: "Office Manager",
          company: "TechCorp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
        },
        {
          id: "t3",
          name: "Elena Rodriguez",
          role: "Mom",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg",
        },
        {
          id: "t4",
          name: "David Smith",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-cleaning-woman-casual-clothes-rubber-gloves-looking-making-call-me-gesture_141793-129034.jpg",
        },
        {
          id: "t5",
          name: "Anna Williams",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
        },
      ]}
      title="Loved by Our Customers"
      description="See why hundreds of happy families trust us with their homes."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you provide your own supplies?",
          content: "Yes, we use eco-friendly, premium cleaning supplies.",
        },
        {
          id: "q2",
          title: "Are your cleaners insured?",
          content: "Absolutely, all our professionals are fully vetted and insured.",
        },
        {
          id: "q3",
          title: "Can I cancel my recurring service?",
          content: "Yes, you can manage or cancel your service anytime.",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Everything you need to know about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      title="Ready for a Cleaner Space?"
      description="Schedule your first cleaning session today. Get a free quote in less than a minute."
      imageSrc="http://img.b2bpic.net/free-photo/hairdresser-with-protective-face-mask-cleaning-salon-after-haircut_637285-9047.jpg"
      mediaAnimation="slide-up"
      tag="Contact Us"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="PristineClean"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
