"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Box, Briefcase, Building, Droplets, Home, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Why Choose Us",          id: "#why-choose-us"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Book Now",        href: "#contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69n8lu"
      logoAlt="MMaxiCleaning Services Logo"
      brandName="MMaxiCleaning Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="MMaxiCleaning Services"
      description="Clean Spaces. Better Places."
      testimonials={[
        {
          name: "",          handle: "@sarah_home",          testimonial: "MMaxiCleaning transformed my home! It's spotless and feels so fresh. Highly recommend their deep cleaning service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-with-cleaning-product-rag_23-2148456983.jpg",          imageAlt: "Customer Sarah L."},
        {
          name: "",          handle: "@office_manager",          testimonial: "Our office has never looked better. The team is professional, efficient, and pays great attention to detail. Fantastic service!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg",          imageAlt: "Customer John P."},
        {
          name: "",          handle: "@emily_reviews",          testimonial: "",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-woman-plaid-shirt-cap-wearing-rubber-gloves-looking-up-smiling-cheerfully-dreaming-standing-green-background_141793-110683.jpg",          imageAlt: "Customer Emily R."},
        {
          name: "",          handle: "@david_biz",          testimonial: "After our renovation, the post-construction cleanup was immense. MMaxiCleaning handled it perfectly. Our new space is immaculate.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheerful-young-man_140725-106396.jpg",          imageAlt: "Customer David M."},
        {
          name: "Maria K.",          handle: "@maria_clean",          testimonial: "The weekly cleaning service keeps my house consistently tidy. It's such a relief to come home to a clean space. Excellent team!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-young-housewife-using-spray-cleaning_1262-5412.jpg",          imageAlt: "Customer Maria K."},
      ]}
      testimonialRotationInterval={5000}
      tag="Professional Cleaning You Can Trust"
      buttons={[
        {
          text: "Book Your Service Today",          href: "#contact"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev81lacX1MoMWLTrGr3aM3kNnp/uploaded-1781047503500-90ut5lxv.jpg"
      imageAlt="Clean, modern living room after professional cleaning"
      mediaAnimation="none"
      tagIcon={Sparkles}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/upset-young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-spray-bottle-looking-with-sad-expression-standing-green-wall_141793-60664.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/amazed-female-male-with-dirty-clothes-faces-being-pleasantly-surprised-finish-work-very-quickly-cheerful-woman-holding-sponge-washing-spray-her-husband-with-brush-sponge_273609-7825.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-bottle-with-cleaning-supplies-sponge-looking-smiling-standing-green-wall_141793-60703.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-wearing-rubber-gloves_141793-47446.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520634.jpg",          alt: "Customer 5"},
      ]}
      marqueeItems={[
        {
          type: "text-icon",          text: "Residential Cleaning",          icon: Home,
        },
        {
          type: "text-icon",          text: "Office Cleaning",          icon: Building,
        },
        {
          type: "text-icon",          text: "Deep Cleaning",          icon: Droplets,
        },
        {
          type: "text-icon",          text: "Move In/Out Cleaning",          icon: Box,
        },
        {
          type: "text-icon",          text: "Post-Construction",          icon: Briefcase,
        },
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "residential",          title: "Residential Cleaning",          descriptions: [
            "Enjoy a cleaner, healthier home without the stress."],
          imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-matcha-tea-facebook-template_23-2151231221.jpg",          imageAlt: "Residential Cleaning Icon"},
        {
          id: "office",          title: "Office Cleaning",          descriptions: [
            "A clean workspace boosts productivity and leaves a great impression."],
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-cleaning-indoors_23-2150454567.jpg",          imageAlt: "Office Cleaning Icon"},
        {
          id: "post-construction",          title: "Post-Construction Cleaning",          descriptions: [
            "We remove the dust and debris so your property is move-in ready."],
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-squeegee-logo-design-template_23-2150156788.jpg",          imageAlt: "Post-Construction Cleaning Icon"},
        {
          id: "move-in-out",          title: "Move In / Move Out Cleaning",          descriptions: [
            "Moving is stressful enough. We'll take care of the cleaning."],
          imageSrc: "http://img.b2bpic.net/free-vector/shipping-delivery-hand-drawn-icon-pack-designers-developers-icons-shipment-shipping-up-upload-box-delivery-package-packages-vector_1057-11213.jpg",          imageAlt: "Move In / Move Out Cleaning Icon"},
        {
          id: "deep-cleaning",          title: "Deep Cleaning",          descriptions: [
            "A deeper clean for a fresher, healthier environment."],
          imageSrc: "http://img.b2bpic.net/free-vector/housewife-cleaning-home-with-vacuum-cleaner-sofa-house-room-flat-vector-illustration-household-housekeeping_74855-13139.jpg",          imageAlt: "Deep Cleaning Icon"},
        {
          id: "one-time-cleaning",          title: "One Time Cleaning",          descriptions: [
            "Perfect for occasional deep cleans or special events."],
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-home-cleaning-service-digital-tablet_53876-120073.jpg",          imageAlt: "One Time Cleaning Icon"},
        {
          id: "weekly-cleaning",          title: "Weekly Cleaning",          descriptions: [
            "Ideal for consistent cleanliness and routine maintenance."],
          imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-front-side_187299-39655.jpg",          imageAlt: "Weekly Cleaning Icon"},
        {
          id: "bi-weekly-cleaning",          title: "Bi-Weekly Cleaning",          descriptions: [
            "A popular choice for regular upkeep without daily hassle."],
          imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-coffee-illustration-personal-organizer-reminder-calendar_53876-120343.jpg",          imageAlt: "Bi-Weekly Cleaning Icon"},
        {
          id: "monthly-cleaning",          title: "Monthly Cleaning",          descriptions: [
            "Great for maintaining a good level of cleanliness with less frequent visits."],
          imageSrc: "http://img.b2bpic.net/free-vector/calendar-symbol-multiple-set_78370-9024.jpg",          imageAlt: "Monthly Cleaning Icon"},
      ]}
      title="Our Services & Cleaning Options"
      description="Discover our comprehensive range of professional cleaning solutions and choose the frequency that best fits your needs. From one-time deep cleans to regular scheduled maintenance, we've got you covered."
    />
  </div>

  <div id="about-us" data-section="about-us">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "About Us"},
        {
          type: "text",          content: "MMaxiCleaning Services is a professional cleaning company dedicated to helping homeowners and businesses maintain clean, comfortable, and welcoming spaces. We focus on reliability, attention to detail, and professional service, providing residential, office, move-in/move-out, post-construction, and deep cleaning solutions. Our goal is to make every space cleaner, healthier, and easier to enjoy. Founded on the principles of integrity and customer satisfaction, we strive to exceed expectations with every service."
        },
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev81lacX1MoMWLTrGr3aM3kNnp/uploaded-1781047503500-90ut5lxv.jpg",          alt: "Team cleaning a modern home interior"
        }
      ]}
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "trustworthy-reliable",          value: "",          title: "Trustworthy & Reliable",          items: [
            "You can count on us to care for your space like it's our own."]
        },
        {
          id: "trained-professional-team",          value: "",          title: "Trained & Professional Team",          items: [
            "Our team is highly trained, friendly, and detail-oriented."]
        },
        {
          id: "attention-to-detail",          value: "",          title: "Attention to Detail",          items: [
            "We don't just clean, we make every corner shine."]
        },
        {
          id: "flexible-scheduling",          value: "",          title: "Flexible Scheduling",          items: [
            "We work around your schedule to make it easy for you."]
        },
      ]}
      title="Why Choose MMaxiCleaning Services?"
      description="Experience the MMaxiCleaning difference with our commitment to excellence and unparalleled service."
    />
  </div>

  <div id="service-areas" data-section="service-areas">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Hamilton",        "Burlington",        "Oakville",        "Stoney Creek",        "Guelph",        "Mississauga",        "Milton",        "Ancaster"]}
      title="Proudly Serving"
      speed={40}
      description="MMaxiCleaning Services is pleased to offer professional cleaning solutions across a wide range of communities."
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready for a Cleaner Space? We're Here to Help!"
      buttons={[
        {
          text: "Call Now",          href: "tel:+19055160276"},
        {
          text: "Get a Free Estimate",          href: "#contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69n8lu"
      logoAlt="MMaxiCleaning Services Logo"
      logoText="MMaxiCleaning Services"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about-us"},
            {
              label: "Why Choose Us",              href: "#why-choose-us"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Residential Cleaning",              href: "#services"},
            {
              label: "Office Cleaning",              href: "#services"},
            {
              label: "Post-Construction Cleaning",              href: "#services"},
            {
              label: "Move In / Move Out Cleaning",              href: "#services"},
            {
              label: "Deep Cleaning",              href: "#services"},
          ],
        },
        {
          title: "Contact & Social",          items: [
            {
              label: "Phone: 905-516-0276",              href: "tel:+19055160276"},
            {
              label: "Email: info@mmaxicleaning.com",              href: "mailto:info@mmaxicleaning.com"},
            {
              label: "Facebook",              href: "https://facebook.com/mmaxiclean"},
            {
              label: "Instagram",              href: "https://instagram.com/mmaxiclean"},
            {
              label: "TikTok",              href: "https://tiktok.com/@mmaxiclean"},
          ],
        },
        {
          title: "Areas",          items: [
            {
              label: "Hamilton",              href: "#service-areas"},
            {
              label: "Burlington",              href: "#service-areas"},
            {
              label: "Oakville",              href: "#service-areas"},
            {
              label: "Stoney Creek",              href: "#service-areas"},
            {
              label: "Guelph",              href: "#service-areas"},
          ],
        },
      ]}
      copyrightText="© 2023 MMaxiCleaning Services. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}