"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "/about" },
        { name: "Features", id: "features" },
        { name: "Services", id: "services" },
        { name: "Pricing", id: "pricing" },
        { name: "Contact", id: "contact" },
        { name: "Privacy", id: "/privacy" },
      ]}
      brandName="TemizEv"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "gradient-bars" }}
      title="TemizEv: 3 Years of Pristine Living"
      description="Experience professional, reliable apartment cleaning services tailored for your home in Turkey. Trusted by hundreds."
      mediaItems={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVd2bSqZ1s8K4Mf2y0fPlDjkRF/uploaded-1778375541390-ojme2eff.jpg", imageAlt: "Clean living room" },
        { imageSrc: "http://img.b2bpic.net/free-photo/service-person-cleaning-kitchen-appliances_259150-59446.jpg", imageAlt: "Sparkling kitchen" },
        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-messy-bedroom-with-clothing_23-2149363778.jpg", imageAlt: "Tidy bedroom" }
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven animationType="slide-up" textboxLayout="split" useInvertedBackground={true} metrics={[{ id: "m1", value: "1,200+", title: "Apartments Cleaned", description: "Successfully serviced properties", imageSrc: "http://img.b2bpic.net/free-photo/dripping-paint-letter-y_23-2148185126.jpg" }, { id: "m2", value: "3 Years", title: "Experience", description: "Reliable service since 2021", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-apron-yellow-glove-looking-camera_23-2148222275.jpg" }, { id: "m3", value: "98%", title: "Satisfaction", description: "Highly satisfied clients", imageSrc: "http://img.b2bpic.net/free-photo/top-view-calendar-with-world-day-peace_23-2148630441.jpg" }]} title="Our Impact" description="Evidence of our commitment to excellence." />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix textboxLayout="default" useInvertedBackground={false} features={[{ title: "Eco-Friendly", description: "Safe for you and your pets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVd2bSqZ1s8K4Mf2y0fPlDjkRF/uploaded-1778373132989-k6sp1m17.webp" }, { title: "Expert Team", description: "Professionally trained and vetted.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg" }, { title: "On-Time Service", description: "Punctuality is our priority.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-notebook_23-2148708832.jpg" }]} title="Why Choose TemizEv?" description="We bring a higher standard of care to every apartment we clean." />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={true} products={[{ id: "s1", name: "Studio Cleanup", price: "700 TRY", imageSrc: "http://img.b2bpic.net/free-photo/homely-cozy-spring-interior-living-room_169016-3567.jpg" }, { id: "s2", name: "Standard Flat", price: "1000 TRY", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVd2bSqZ1s8K4Mf2y0fPlDjkRF/uploaded-1778372392032-v39nvc3u.png" }, { id: "s3", name: "Deep Cleaning", price: "1700 TRY", imageSrc: "http://img.b2bpic.net/free-photo/girl-making-bed-morning-daily-routine-girl-making-bed-after-sleeping_169016-67941.jpg" }]} title="Our Services" description="Choose the perfect plan for your lifestyle." />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight animationType="slide-up" textboxLayout="default" useInvertedBackground={false} plans={[{ id: "p1", badge: "Economy", price: "700 TRY", subtitle: "Basic maintenance", buttons: [{ text: "Book Now" }], features: ["Dusting", "Vacuuming", "Floor mopping"] }, { id: "p2", badge: "Popular", price: "1000 TRY", subtitle: "Total apartment care", buttons: [{ text: "Book Now" }], features: ["Full kitchen", "Bathrooms", "Living areas"] }]} title="Transparent Pricing" description="Simple packages for every budget." />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve useInvertedBackground={true} testimonials={[{ id: "t1", name: "Ayşe Y.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVd2bSqZ1s8K4Mf2y0fPlDjkRF/uploaded-1778373878812-fm3qgcre.jpg" }, { id: "t2", name: "Mehmet K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVd2bSqZ1s8K4Mf2y0fPlDjkRF/uploaded-1778373883388-vl02bnhn.jpg" }]} cardTitle="Client Voices" cardTag="Trusted Service" cardAnimation="slide-up" />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble textboxLayout="default" useInvertedBackground={false} faqs={[{ id: "q1", title: "Do you bring your own tools?", content: "Yes, we bring all professional supplies." }, { id: "q2", title: "Is the staff vetted?", content: "Every staff member goes through a rigorous check." }]} title="Common Questions" description="Find quick answers to your cleaning needs." faqsAnimation="slide-up" />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm useInvertedBackground={true} title="Request a Quote" description="Tell us your needs and get a free estimate." inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]} textarea={{ name: "message", placeholder: "Apartment details..." }} imageSrc="http://img.b2bpic.net/free-photo/gardening-gloves-tools-rope-peat-pots-hanging-rope-with-clothespin-against-wooden-wall_23-2148181208.jpg" mediaPosition="right" />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia imageSrc="http://img.b2bpic.net/free-photo/bushes-lavender-courtyard_627829-14110.jpg" logoText="TemizEv" columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "#" }] }]} copyrightText="© 2024 TemizEv Cleaning Services" />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}