"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Zap, Home, Star, Clock, Shield } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why MJ", id: "why-mj" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Book Now", id: "booking" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="MJ Cleaning"
          bottomLeftText="Family-Owned & Insured"
          bottomRightText="Same-Day Available"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="MJ Cleaning"
          description="Your Home. Immaculate. Experience luxury cleaning with obsessive attention to detail, last-minute availability, and genuine care. Family-owned by Jacy, trusted by hundreds."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Your Clean", href: "#booking" },
            { text: "Get Free Quote", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight-with-bokeh_169016-14073.jpg"
          imageAlt="Sparkling clean luxury home with dramatic lighting"
          frameStyle="card"
        />
      </div>

      <div id="trust-bar" data-section="trust-bar">
        <MediaSplitTabsAbout
          title="Why Thousands Choose MJ"
          description="Family-owned since day one, we treat our team well—and it shows in their work. Same-day availability, 5-star rated, and obsessively detail-oriented."
          tabs={[
            {
              id: "family-owned",              label: "Family-Owned",              description: "Built by Jacy with heart and integrity. We're not just a cleaning company—we're your neighbors who care about your home as much as you do."
            },
            {
              id: "same-day",              label: "Same-Day Available",              description: "Last-minute event? Emergency clean? We're here for you. Need it today? Call us and we'll make it happen."
            },
            {
              id: "detail-focused",              label: "Obsessive Detail",              description: "We don't cut corners. Every baseboard, every window sill, every corner gets the attention it deserves."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg"
          imageAlt="MJ Cleaning professional team"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Services"
          description="Residential deep cleans, move-outs, post-construction, and commercial solutions. Each service customized to YOUR needs."
          products={[
            {
              id: "residential-deep",              brand: "Residential",              name: "Deep Clean",              price: "Starting $199",              rating: 5,
              reviewCount: "847",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-with-blurred-elements_23-2148253535.jpg",              imageAlt: "Professional residential deep cleaning"
            },
            {
              id: "move-out",              brand: "Move Services",              name: "Move-Out/In Clean",              price: "Starting $299",              rating: 5,
              reviewCount: "512",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-bokeh-light-streaks-background_1017-2787.jpg",              imageAlt: "Move-out cleaning getting deposit back"
            },
            {
              id: "post-construction",              brand: "Renovation",              name: "Post-Construction Clean",              price: "Starting $349",              rating: 5,
              reviewCount: "423",              imageSrc: "https://img.b2bpic.net/free-vector/light-effects-background_2065-17.jpg",              imageAlt: "Post-construction debris cleanup"
            },
            {
              id: "commercial",              brand: "Commercial",              name: "Office & Commercial",              price: "Custom Quote",              rating: 5,
              reviewCount: "634",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-blurred-blue-background-with-bokeh-generative-ai_169016-30508.jpg",              imageAlt: "Professional commercial office cleaning"
            }
          ]}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="why-mj" data-section="why-mj">
        <FeatureCardTwentyOne
          title="What Sets MJ Apart"
          description="Beyond clean—we deliver peace of mind. Here's what our clients love about us."
          tag="Our Difference"
          tagIcon={Sparkles}
          buttons={[
            { text: "Learn More", href: "#testimonials" }
          ]}
          accordionItems={[
            {
              id: "detailed-checklists",              title: "Detailed Custom Checklists",              content: "We create a unique cleaning checklist for YOUR specific needs. No two homes are alike, and neither are our cleaning plans. Every detail is documented and personalized."
            },
            {
              id: "trained-teams",              title: "Highly Trained Teams",              content: "Our staff is background-checked, insured, and trained to luxury standards. We invest in our team because great people deliver great results. When you book MJ, you get excellence."
            },
            {
              id: "flexible-scheduling",              title: "Flexible Same-Day Scheduling",              content: "Last-minute availability is our specialty. Need a clean today? Call us. Next week? Done. We work around YOUR schedule, not the other way around."
            },
            {
              id: "own-supplies",              title: "We Bring Everything",              content: "No need to provide supplies or worry about what's being used. We bring professional-grade equipment and eco-friendly products. You just enjoy the result."
            },
            {
              id: "communication",              title: "Flawless Communication",              content: "You'll get updates before, during, and after. No surprises, no guessing. Jacy personally oversees quality to ensure you're always impressed."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/dull-pastel-with-gold-glitter-background_53876-97496.jpg"
          imageAlt="Detailed cleaning checklist and quality assurance"
          useInvertedBackground="noInvert"
          mediaPosition="right"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Cleaner than when we moved in. This is the only cleaning company I trust with my home. Jacy's attention to detail is absolutely obsessive—in the best way possible."
          rating={5}
          author="Sarah Mitchell, Homeowner"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "David Chen" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Jessica Lopez" },
            { src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "Michael Torres" },
            { src: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Emily Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "James Patrick" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="By The Numbers"
          description="The impact of choosing MJ Cleaning for your home and business."
          metrics={[
            {
              id: "1",              value: "2,400+",              title: "homes cleaned",              description: "Happy clients across residential and commercial",              icon: Home
            },
            {
              id: "2",              value: "4.9/5",              title: "stars",              description: "Consistently highest-rated in our market",              icon: Star
            },
            {
              id: "3",              value: "Same-Day",              title: "available",              description: "Last-minute bookings welcomed and prioritized",              icon: Clock
            },
            {
              id: "4",              value: "100%",              title: "insured",              description: "Background-checked, professional, trustworthy",              icon: Shield
            }
          ]}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about booking MJ Cleaning."
          faqs={[
            {
              id: "1",              title: "How quickly can you accommodate a same-day booking?",              content: "Call us directly at your earliest convenience. We maintain same-day slots specifically for last-minute requests. Most can be confirmed within 2 hours."
            },
            {
              id: "2",              title: "What's included in a residential deep clean?",              content: "Everything. Baseboards, ceiling fans, light fixtures, interior windows, cabinet tops, appliance interiors, and more. We build a custom checklist for your home."
            },
            {
              id: "3",              title: "Do you bring your own supplies?",              content: "Yes. We arrive fully equipped with professional-grade tools and eco-friendly products. Nothing to provide but your home."
            },
            {
              id: "4",              title: "Are you insured and background-checked?",              content: "Absolutely. Every team member is fully insured, background-checked, and trained to luxury standards. Your home is in safe hands."
            },
            {
              id: "5",              title: "What's your guarantee if I'm not satisfied?",              content: "We stand behind our work. If you're not completely satisfied, we'll re-clean at no charge. Your satisfaction is our obsession."
            },
            {
              id: "6",              title: "How do I book or get a custom quote?",              content: "Contact us via phone, email, or our booking form. Mention your service type, property size, and any special requests, and Jacy will personally ensure you get exactly what you need."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight-with-bokeh_169016-14073.jpg"
          imageAlt="Sparkling clean home interior"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="left"
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactCenter
          tag="Ready?"
          title="Book Your Clean Today"
          description="Need it now? Call us: (555) 123-4567. Or fill out the form below and Jacy will personally confirm your booking within 2 hours."
          tagIcon={Zap}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@email.com"
          buttonText="Get a Quote"
          termsText="We respect your privacy. Same-day slots limited—book early or call for instant confirmation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Residential Deep Clean", href: "#services" },
                { label: "Move-Out/In Clean", href: "#services" },
                { label: "Post-Construction", href: "#services" },
                { label: "Commercial Cleaning", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About MJ", href: "#why-mj" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Book Now", href: "#booking" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: hello@mjcleaning.com", href: "mailto:hello@mjcleaning.com" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Trust",              items: [
                { label: "Family-Owned" },
                { label: "Fully Insured" },
                { label: "Background-Checked" },
                { label: "5-Star Rated" }
              ]
            }
          ]}
          bottomLeftText="© 2024 MJ Commercial & Residential Cleaning LLC. All rights reserved."
          bottomRightText="Crafted with care by Jacy"
        />
      </div>
    </ThemeProvider>
  );
}