"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Star, Clock, CheckCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Clayton Flash"
          bottomLeftText="Surrey, BC"
          bottomRightText="1-800-FLASH-NOW"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Professional House Cleaning in Surrey You Can Trust"
          description="Reliable, thorough, and stress-free cleaning services for busy homeowners. On-time service with friendly, trustworthy staff."
          tag="4.9★ Rated Locally Owned"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now", href: "tel:1-800-FLASH-NOW" },
            { text: "Get a Free Quote", href: "#contact" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/sweet-home_1098-16153.jpg?_wi=1", imageAlt: "Spotless clean living room" },
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-spray-cleanser-cleaning-oven-home-kitchen_231208-13610.jpg?_wi=1", imageAlt: "Professional cleaning service in action" },
            { imageSrc: "http://img.b2bpic.net/free-photo/processing-workplace-kitchen-with-antiseptic_169016-19959.jpg?_wi=1", imageAlt: "Thorough deep cleaning of home" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Why homeowners across Surrey trust Clayton Flash Cleaning"
          metrics={[
            { icon: Star, label: "Google Reviews", value: "4.9★ (15+)" },
            { icon: Clock, label: "Always On Time", value: "100%" },
            { icon: CheckCircle, label: "Services Offered", value: "5 Types" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Our Cleaning Services"
          description="Choose from flexible cleaning solutions tailored to your home and lifestyle."
          features={[
            {
              id: "regular",              title: "Regular House Cleaning",              description: "Weekly or bi-weekly cleaning keeping your home fresh and organized. Perfect for busy families who want consistent cleanliness without the stress.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-spray-cleanser-cleaning-oven-home-kitchen_231208-13610.jpg?_wi=2",              imageAlt: "Regular house cleaning service"
            },
            {
              id: "deep",              title: "Deep Cleaning",              description: "Comprehensive cleaning service that tackles every corner of your home. Includes baseboards, inside appliances, and hard-to-reach areas for maximum freshness.",              imageSrc: "http://img.b2bpic.net/free-photo/processing-workplace-kitchen-with-antiseptic_169016-19959.jpg?_wi=2",              imageAlt: "Professional deep cleaning service"
            },
            {
              id: "moveout",              title: "Move-In / Move-Out Cleaning",              description: "Prepare your home for moving with thorough pre-move or post-move cleaning. Ensures your new space is spotless or your old place is perfectly cleaned for the next owners.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-house_53876-30618.jpg",              imageAlt: "Move-out property cleaning service"
            },
            {
              id: "onetime",              title: "One-Time Cleaning",              description: "Special cleaning for specific needs like post-party cleanup, spring cleaning, or preparing for guests. No commitments, just excellent one-off service.",              imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-clean-mirror_1157-45532.jpg",              imageAlt: "One-time special cleaning service"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardTwentySeven
          title="Why Choose Clayton Flash Cleaning"
          description="We're not just another cleaning company. Here's what sets us apart."
          features={[
            {
              id: "reliability",              title: "Always On Time",              description: "We respect your time and schedule. Our team arrives when promised, every single time. No waiting, no excuses.",              imageSrc: "http://img.b2bpic.net/free-photo/sweet-home_1098-16153.jpg?_wi=2",              imageAlt: "On-time cleaning service"
            },
            {
              id: "thorough",              title: "Extremely Thorough",              description: "We don't cut corners. Every surface is cleaned with attention to detail. Your home shines inside and out.",              imageSrc: "http://img.b2bpic.net/free-photo/processing-workplace-kitchen-with-antiseptic_169016-19959.jpg?_wi=3",              imageAlt: "Thorough detailed cleaning"
            },
            {
              id: "friendly",              title: "Super Friendly Team",              description: "Our staff is courteous, respectful, and genuinely care about your satisfaction. You'll look forward to their visits.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-bottle-spray-cleanser-cleaning-oven-home-kitchen_231208-13610.jpg?_wi=3",              imageAlt: "Friendly professional cleaning team"
            },
            {
              id: "competitive",              title: "Competitive Rates",              description: "Premium quality doesn't have to cost a fortune. We offer fair pricing for exceptional service. No hidden fees.",              imageSrc: "http://img.b2bpic.net/free-photo/sweet-home_1098-16153.jpg?_wi=3",              imageAlt: "Affordable professional cleaning"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Debbie",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Debbie - Customer Review"
            },
            {
              id: "2",              name: "Hakiem Gittens",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Hakiem Gittens - Customer Review"
            },
            {
              id: "3",              name: "Anthony Chopin",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              imageAlt: "Anthony Chopin - Customer Review"
            },
            {
              id: "4",              name: "Maria Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "Maria Rodriguez - Customer Review"
            }
          ]}
          cardTitle="Over 100+ satisfied customers in Surrey trust Clayton Flash Cleaning for their homes"
          cardTag="See what they say"
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <FeatureCardTwentySeven
          title="Ready for a Spotless Home?"
          description="Join hundreds of happy homeowners in Surrey who've discovered the stress-free difference of Clayton Flash Cleaning."
          tag="No Long-Term Contracts Required"
          buttons={[
            { text: "Call Now: 1-800-FLASH-NOW", href: "tel:1-800-FLASH-NOW" },
            { text: "Get Your Free Quote", href: "#contact" }
          ]}
          features={[]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Your Free Cleaning Quote"
          ctaDescription="Reach out today. We respond within 24 hours with a personalized quote for your home."
          ctaButton={{ text: "Start Now", href: "tel:1-800-FLASH-NOW" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do you determine pricing?",              content: "We provide free, no-obligation quotes based on your home size, cleaning type, and specific needs. Our pricing is transparent with no hidden fees."
            },
            {
              id: "2",              title: "Are your cleaners background-checked?",              content: "Yes, absolutely. All our team members are thoroughly screened and vetted. Your home and family safety is our top priority."
            },
            {
              id: "3",              title: "Do you offer recurring cleaning schedules?",              content: "We offer flexible scheduling options: weekly, bi-weekly, monthly, or one-time services. Choose what works best for your lifestyle and budget."
            },
            {
              id: "4",              title: "What if I'm not satisfied with the cleaning?",              content: "Your satisfaction is guaranteed. If you're not happy with our service, we'll come back and re-clean at no extra cost."
            },
            {
              id: "5",              title: "Do you use eco-friendly products?",              content: "We use professional-grade cleaning products that are effective and safe for your family and pets. We're happy to discuss specific product preferences."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Clayton Flash Cleaning"
          columns={[
            {
              items: [
                { label: "Services", href: "#services" },
                { label: "Why Choose Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              items: [
                { label: "Get a Quote", href: "#contact" },
                { label: "Call Now", href: "tel:1-800-FLASH-NOW" },
                { label: "Service Areas", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
