"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Sparkles, CheckCircle, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="animatedGrid"
      cardStyle="glass-elevated"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="CleanPro"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Professional Cleaning Services"
          description="Keep your home and office spotless. Expert cleaning team ready to serve you with trusted, reliable service."
          tag="Quality Cleaning"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iweskw",
              imageAlt: "Professional cleaning service in action"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4fja8",
              imageAlt: "Office cleaning and sanitization"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=440v84",
              imageAlt: "Residential home cleaning"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vt09bd",
              imageAlt: "Professional cleaning staff"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gtjk8v",
              imageAlt: "Deep cleaning service"
            }
          ]}
          buttons={[
            {
              text: "Get Started",
              href: "#contact"
            },
            {
              text: "Learn More",
              href: "#services"
            }
          ]}
          ariaLabel="Hero section showcasing cleaning services"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="About CleanPro"
          description="We've been keeping homes and offices clean since 2010. Our commitment is to provide exceptional service with integrity."
          tag="Our Story"
          textboxLayout="default"
          contentTag="WHO WE ARE"
          contentTagIcon={CheckCircle}
          contentTitle="Trusted cleaning experts for over a decade"
          contentDescription="CleanPro is dedicated to delivering superior cleaning solutions. We combine professional expertise with environmentally friendly practices to ensure your spaces are not just clean, but healthy."
          contentButtons={[
            {
              text: "Our Values",
              href: "#contact"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygt430"
          imageAlt="Professional cleaning team"
          imagePosition="right"
          useInvertedBackground="noInvert"
          ariaLabel="About section describing CleanPro services and mission"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThirteen
          title="Our Cleaning Services"
          description="Comprehensive solutions for every cleaning need"
          tag="Services"
          textboxLayout="default"
          features={[
            {
              id: "01",
              title: "Residential Cleaning",
              description: "Regular maintenance cleaning for homes. Weekly, bi-weekly, or monthly schedules tailored to your needs."
            },
            {
              id: "02",
              title: "Commercial Cleaning",
              description: "Professional office and workplace cleaning. Scheduled services to keep your business environment pristine."
            },
            {
              id: "03",
              title: "Deep Cleaning",
              description: "Intensive cleaning services for carpets, upholstery, and hard-to-reach areas. Complete sanitization included."
            },
            {
              id: "04",
              title: "Move-in/Move-out",
              description: "Full cleaning service for new homes or offices. Perfect for transitions with meticulous attention to detail."
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          ariaLabel="Service offerings section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEight
          title="Trusted by homeowners and businesses throughout the region"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dpr4iv"
          imageAlt="Professional cleaning results"
          metrics={[
            {
              id: "1",
              value: "14+",
              title: "Years in business"
            },
            {
              id: "2",
              value: "5000+",
              title: "Satisfied customers"
            },
            {
              id: "3",
              value: "100%",
              title: "Quality guarantee"
            },
            {
              id: "4",
              value: "24/7",
              title: "Customer support"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Trust metrics and achievements"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Clients Say"
          description="Real feedback from satisfied customers"
          tag="Testimonials"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Homeowner",
              quote: "CleanPro transformed our home. The team is professional, punctual, and thorough. We couldn't be happier with the results.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Office Manager",
              quote: "We switched to CleanPro for our office and have seen a significant improvement. Our employees feel better in a clean workspace.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emily Rodriguez, Business Owner",
              quote: "Outstanding service from start to finish. The attention to detail is remarkable. Highly recommend for any cleaning needs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906600169-weh4ibgu.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Kim, Resident",
              quote: "Best cleaning service in town. They handle everything with care. Our home has never looked better.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "David Kim"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience professional cleaning? Book your service today and join thousands of satisfied customers."
          animationType="entrance-slide"
          buttons={[
            {
              text: "Book Cleaning Service",
              href: "mailto:info@cleanpro.com"
            },
            {
              text: "Call Us",
              href: "tel:+1234567890"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Contact and booking section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="CleanPro"
          columns={[
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Services",
                  href: "#services"
                },
                {
                  label: "Careers",
                  href: "#careers"
                }
              ]
            },
            {
              title: "Services",
              items: [
                {
                  label: "Residential Cleaning",
                  href: "#services"
                },
                {
                  label: "Commercial Cleaning",
                  href: "#services"
                },
                {
                  label: "Deep Cleaning",
                  href: "#services"
                }
              ]
            },
            {
              title: "Contact",
              items: [
                {
                  label: "Phone",
                  href: "tel:+1234567890"
                },
                {
                  label: "Email",
                  href: "mailto:info@cleanpro.com"
                },
                {
                  label: "Get Quote",
                  href: "#contact"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            }
          ]}
          copyrightText="© CleanPro, 2025. All rights reserved."
          ariaLabel="Site footer with navigation and contact"
        />
      </div>
    </ThemeProvider>
  );
}