"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: "Features",
          id: "features",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      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: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358964.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",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cleaning-house_23-2149530805.jpg",
          imageAlt: "Fresh apartment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561160.jpg",
          imageAlt: "Detail clean",
        },
      ]}
      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: "http://img.b2bpic.net/free-photo/close-up-cleaning-products-with-copy-space_23-2148224103.jpg",
          imageAlt: "Cleaning supplies",
        },
        {
          title: "Expert Team",
          description: "Professionally trained and vetted.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg",
          imageAlt: "Cleaner",
        },
        {
          title: "On-Time Service",
          description: "Punctuality is our priority.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-notebook_23-2148708832.jpg",
          imageAlt: "Scheduling",
        },
      ]}
      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: "500 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/homely-cozy-spring-interior-living-room_169016-3567.jpg",
        },
        {
          id: "s2",
          name: "Standard Flat",
          price: "800 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/cleaning-tools-space-left_23-2147699402.jpg",
        },
        {
          id: "s3",
          name: "Deep Cleaning",
          price: "1200 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-making-bed-morning-daily-routine-girl-making-bed-after-sleeping_169016-67941.jpg",
        },
        {
          id: "s4",
          name: "Move-In Clean",
          price: "1500 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/unfocused-room_1203-451.jpg",
        },
        {
          id: "s5",
          name: "Post-Renovation",
          price: "2000 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/young-dark-haired-woman-cleaning-lamp-kitchen_259150-59456.jpg",
        },
        {
          id: "s6",
          name: "Bi-Weekly Care",
          price: "600 TRY",
          imageSrc: "http://img.b2bpic.net/free-photo/organized-cabinet-home_23-2148857503.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: "500 TRY",
          subtitle: "Basic maintenance",
          buttons: [
            {
              text: "Book Now",
            },
          ],
          features: [
            "Dusting",
            "Vacuuming",
            "Floor mopping",
          ],
        },
        {
          id: "p2",
          badge: "Popular",
          price: "800 TRY",
          subtitle: "Total apartment care",
          buttons: [
            {
              text: "Book Now",
            },
          ],
          features: [
            "Full kitchen",
            "Bathrooms",
            "Living areas",
            "Windows",
          ],
        },
        {
          id: "p3",
          badge: "Premium",
          price: "1200 TRY",
          subtitle: "Deep clean detail",
          buttons: [
            {
              text: "Book Now",
            },
          ],
          features: [
            "Walls",
            "Inside cabinets",
            "Deep steam clean",
            "Oven",
          ],
        },
      ]}
      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: "http://img.b2bpic.net/free-photo/group-graphic-designers-smiling-while-working-computer_1170-791.jpg",
        },
        {
          id: "t2",
          name: "Mehmet K.",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg",
        },
        {
          id: "t3",
          name: "Zeynep S.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804642.jpg",
        },
        {
          id: "t4",
          name: "Can D.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-albinism-relaxing-with-aromatherapy-candle_23-2150321744.jpg",
        },
        {
          id: "t5",
          name: "Elif A.",
          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",
        },
      ]}
      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.",
        },
        {
          id: "q3",
          title: "Can I cancel easily?",
          content: "Yes, 24-hour notice is enough.",
        },
      ]}
      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",
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
        },
      ]}
      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: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 TemizEv Cleaning Services"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
