"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Home, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Spritzin"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Pristine Spaces, Tailored for You."
      description="Spritzin Cleaning Co brings premium, dependable cleaning services to Northwest and West London. From standard maintenance to deep post-construction cleans."
      testimonials={[
        {
          name: "Clara P.",
          handle: "West London",
          testimonial: "The best move-out clean I have ever had.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/espresso-machine-bottle-olive-oil_181624-14425.jpg",
          imageAlt: "luxury cleaning service modern home",
        },
        {
          name: "James R.",
          handle: "NW London",
          testimonial: "Prompt, professional, and thorough. Highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-office-cleaning_23-2149374445.jpg",
          imageAlt: "luxury cleaning service modern home",
        },
        {
          name: "Sarah W.",
          handle: "Chelsea",
          testimonial: "Reliable and incredibly detail-oriented.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-packing-things-near-sofa_23-2147758888.jpg",
          imageAlt: "luxury cleaning service modern home",
        },
        {
          name: "Mark L.",
          handle: "Notting Hill",
          testimonial: "Great experience, house looks brand new.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-photographer-street_23-2147654337.jpg",
          imageAlt: "luxury cleaning service modern home",
        },
        {
          name: "Elena D.",
          handle: "Hammersmith",
          testimonial: "The gold standard for London cleaning.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
          imageAlt: "luxury cleaning service modern home",
        },
      ]}
      buttons={[
        {
          text: "Book Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/espresso-machine-bottle-olive-oil_181624-14425.jpg"
      imageAlt="Professional cleaning services in London"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/housework-young-dark-haired-woman-looking-busy-while-doing-housework_259150-59475.jpg",
          alt: "Housework",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-posing-with-mop_23-2148464974.jpg",
          alt: "Woman with mop",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358992.jpg",
          alt: "Man doing cleaning",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358967.jpg",
          alt: "Service professional",
        },
        {
          src: "http://img.b2bpic.net/free-photo/low-angle-man-cleaning_23-2148514816.jpg",
          alt: "Cleaner at work",
        },
      ]}
      avatarText="Trusted by 500+ happy London residents."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Excellence in Every Detail"
      description="We specialize in high-end cleaning services for busy professionals and homeowners who demand precision. Our team is fully insured, vetted, and trained in modern sanitation techniques."
      bulletPoints={[
        {
          title: "Premium Standards",
          description: "We don't cut corners; we clean them.",
        },
        {
          title: "Flexible Scheduling",
          description: "Available 7 days a week across NW and W London.",
        },
        {
          title: "Eco-Friendly Products",
          description: "Safe for you, your pets, and the environment.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/people-taking-care-office-cleaning_23-2149374445.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Standard Maintenance",
          description: "Perfect for keeping your home refreshed regularly.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-packing-things-near-sofa_23-2147758888.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/crop-man-carrying-things-box_23-2147782375.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/espresso-machine-bottle-olive-oil_181624-14425.jpg",
          imageAlt: "deep cleaning kitchen tools",
        },
        {
          title: "Deep Cleaning",
          description: "Comprehensive top-to-bottom scrub and sanitation.",
          icon: Shield,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design-style_23-2150700252.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-bathroom-cleaning-products_23-2150829701.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-office-cleaning_23-2149374445.jpg",
          imageAlt: "deep cleaning kitchen tools",
        },
        {
          title: "Move-In / Out",
          description: "Detailed cleaning for smooth transitions.",
          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-blanket_23-2148195315.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-packing-bag-training-sports-girl-going-training-preparing-training_169016-67494.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-photographer-street_23-2147654337.jpg",
          imageAlt: "deep cleaning kitchen tools",
        },
      ]}
      title="Our Specialized Cleaning Services"
      description="Whether you need a weekly upkeep or a post-renovation deep clean, we have a service designed for your needs."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "std",
          badge: "Popular",
          price: "£120",
          subtitle: "Standard Clean",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Kitchen surfaces",
            "Vacuuming",
            "Bathroom",
          ],
        },
        {
          id: "deep",
          badge: "Pro",
          price: "£250",
          subtitle: "Deep Clean",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Standard + Inside Cabinets",
            "Windows",
            "Deep Carpet",
          ],
        },
        {
          id: "move",
          badge: "Expert",
          price: "£350",
          subtitle: "Move In/Out",
          buttons: [
            {
              text: "Select",
              href: "#contact",
            },
          ],
          features: [
            "Full Deep Clean",
            "Appliances",
            "Detailing",
          ],
        },
      ]}
      title="Transparent Pricing"
      description="Competitive rates for premium London cleaning services."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact"
      tag="Trusted Professionalism"
      metrics={[
        {
          id: "m1",
          value: "500+",
          description: "Homes Cleaned",
        },
        {
          id: "m2",
          value: "98%",
          description: "Satisfaction Rate",
        },
        {
          id: "m3",
          value: "10+",
          description: "Expert Cleaners",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah W.",
          role: "Chelsea",
          testimonial: "Impeccable service every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-photographer-street_23-2147654337.jpg",
        },
        {
          id: "t2",
          name: "Mark L.",
          role: "Notting Hill",
          testimonial: "The move-in clean saved us so much time.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
        },
        {
          id: "t3",
          name: "Elena D.",
          role: "Hammersmith",
          testimonial: "Very professional and friendly staff.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-making-surprise-her-boyfriend_23-2148363624.jpg",
        },
        {
          id: "t4",
          name: "David G.",
          role: "Paddington",
          testimonial: "Finally found a cleaning company I trust.",
          imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-looks-into-camera-holds-tablet-cheerful-dark-haired-lady-grey-stylish-jacket-widely-smiles-poses-house-yard_197531-18562.jpg",
        },
        {
          id: "t5",
          name: "Anna S.",
          role: "Ealing",
          testimonial: "Fantastic attention to detail.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
        },
      ]}
      title="Loved by Londoners"
      description="Don't just take our word for it."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Are you insured?",
          content: "Yes, we are fully insured.",
        },
        {
          id: "f2",
          title: "Do I need to be home?",
          content: "No, we can hold keys.",
        },
        {
          id: "f3",
          title: "Can I cancel?",
          content: "24h notice is required.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Ready for a pristine home? Let's get started."
      buttons={[
        {
          text: "Contact Us",
          href: "mailto:hello@spritzin.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
          ],
        },
        {
          items: [
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Spritzin Cleaning Co."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
