"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="FreshWipe Co."
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Freshness on Demand: Your Everyday Essential Wet Wipes"
      description="Discover our premium range of wet wipes, crafted for ultimate cleanliness, comfort, and convenience. Perfect for every need, from personal care to household hygiene."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mother-wearing-clothes-her-baby-baby-healthcare-hygiene-concept_169016-63367.jpg",
          imageAlt: "Happy baby with FreshWipe Co. baby wipes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-person-pouring-liquid-soap-into-hand-another-person_181624-45367.jpg",
          imageAlt: "Person sanitizing hands with FreshWipe Co. hand sanitizing wipes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-beautiful-young-woman-showing-beauty-products-camera-recommending_1258-281648.jpg",
          imageAlt: "Woman removing makeup with FreshWipe Co. makeup remover wipes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-video-chats-records-vlog-while-sits-kitchen-floor-cute-girl-takes-selfie_1258-200050.jpg",
          imageAlt: "Person cleaning a surface with FreshWipe Co. household cleaning wipes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-by-train-talking-phone-while-wearing-medical-mask_23-2149042947.jpg",
          imageAlt: "Traveler using FreshWipe Co. travel wipes on a journey",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/size-woman-doing-stretching-exercises_1157-38690.jpg",
          imageAlt: "Person wiping gym equipment with FreshWipe Co. gym wipes",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="The FreshWipe Difference: Quality and Care in Every Wipe"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Harmful Chemicals",
          "Harsh on Skin",
          "Dry Out Quickly",
          "Ineffective Cleaning",
        ],
      }}
      positiveCard={{
        items: [
          "Hypoallergenic Formula",
          "Moisturizing & Soothing",
          "Stays Moist Longer",
          "Deep Cleansing Action",
        ],
      }}
      title="Gentle Clean, Powerful Results"
      description="Compare the FreshWipe advantage. Our wipes are designed with superior ingredients for both effectiveness and skin health."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "baby-wipes",
          name: "Baby Care Wipes",
          price: "$5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-whale-toy_53876-75063.jpg",
          imageAlt: "Package of FreshWipe Co. baby wipes",
        },
        {
          id: "hand-sanitizing-wipes",
          name: "Hand Sanitizing Wipes",
          price: "$3.49",
          imageSrc: "http://img.b2bpic.net/free-photo/wet-wipes_187299-45909.jpg",
          imageAlt: "Pack of FreshWipe Co. hand sanitizing wipes",
        },
        {
          id: "makeup-remover-wipes",
          name: "Makeup Remover Wipes",
          price: "$4.99",
          imageSrc: "http://img.b2bpic.net/free-photo/cleaning-face-only-by-natural-cosmetics_329181-15015.jpg",
          imageAlt: "Package of FreshWipe Co. makeup remover wipes",
        },
        {
          id: "household-cleaning-wipes",
          name: "Household Cleaning Wipes",
          price: "$6.99",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-various-cleaning-products_23-2150829658.jpg",
          imageAlt: "Package of FreshWipe Co. household cleaning wipes",
        },
        {
          id: "travel-wipes",
          name: "Travel Wipes",
          price: "$2.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-cup-with-defocused-girl_23-2148472311.jpg",
          imageAlt: "Package of FreshWipe Co. travel wipes",
        },
        {
          id: "pet-wipes",
          name: "Pet Grooming Wipes",
          price: "$5.49",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-carrying-her-pet-dog-special-carrier-bag_52683-109801.jpg",
          imageAlt: "Package of FreshWipe Co. pet grooming wipes",
        },
      ]}
      title="Explore Our Range of Wet Wipes"
      description="From baby care to general purpose, find the perfect FreshWipe for your needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Commitment to Excellence"
      tag="Our Impact"
      metrics={[
        {
          id: "metric-1",
          value: "10M+",
          description: "Wipes Sold Globally",
        },
        {
          id: "metric-2",
          value: "99%",
          description: "Customer Satisfaction Rate",
        },
        {
          id: "metric-3",
          value: "100%",
          description: "Eco-Friendly Packaging",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "test-1",
          name: "Sarah Johnson",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-holding-her-cute-little-baby-hand-while-happily-using-her-tablet_574295-5552.jpg",
          imageAlt: "Portrait of Sarah Johnson",
        },
        {
          id: "test-2",
          name: "John Davis",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-man-working-tablet_23-2148422257.jpg",
          imageAlt: "Portrait of John Davis",
        },
        {
          id: "test-3",
          name: "Emily Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg",
          imageAlt: "Portrait of Emily Rodriguez",
        },
        {
          id: "test-4",
          name: "David Kim",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-florist-woman-portret-looking-camera-smiling-using-fertil-soil-with-shovel-white-ceramic-pot-houseplants-prepared-replanting-house-decoration_482257-4789.jpg",
          imageAlt: "Portrait of David Kim",
        },
        {
          id: "test-5",
          name: "Maria Garcia",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-traveler-with-backpack-gesturing-victory-sign_179666-33937.jpg",
          imageAlt: "Portrait of Maria Garcia",
        },
      ]}
      cardTitle="What Our Customers Say"
      cardTag="Happy Users"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "EcoCert Certified",
        "Dermatest Approved",
        "Safe for Kids",
        "Hospital Grade",
        "Vegan Friendly",
        "Cruelty-Free",
        "Bio-degradable",
      ]}
      title="Trusted by Families and Professionals"
      description="Our quality has earned the trust of various partners and certifications, ensuring peace of mind with every use."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Are FreshWipes safe for sensitive skin?",
          content: "Yes, all FreshWipe Co. products are dermatologically tested and formulated to be hypoallergenic, making them gentle and safe for sensitive skin.",
        },
        {
          id: "faq-2",
          title: "Are FreshWipes biodegradable?",
          content: "We are committed to sustainability. Many of our products are made with plant-based fibers and are designed to be biodegradable. Please check individual product descriptions for details.",
        },
        {
          id: "faq-3",
          title: "Where can I buy FreshWipes?",
          content: "FreshWipe Co. products are available online through our website and at select retail partners. Visit our 'Shop' section to find a retailer near you or make a direct purchase.",
        },
        {
          id: "faq-4",
          title: "Do you offer bulk discounts for businesses?",
          content: "Yes, we offer competitive pricing and bulk discounts for businesses and institutions. Please contact our sales team through the form below for a custom quote.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to common questions about FreshWipe Co. products and services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Connect with FreshWipe Co."
      description="Have questions or feedback? We'd love to hear from you. Fill out the form below and we'll get back to you shortly."
      inputPlaceholder="Enter your email"
      buttonText="Submit"
      termsText="By clicking Submit you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Products",
          items: [
            {
              label: "Baby Wipes",
              href: "#products",
            },
            {
              label: "Sanitizing Wipes",
              href: "#products",
            },
            {
              label: "Household Wipes",
              href: "#products",
            },
            {
              label: "Travel Wipes",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Mission",
              href: "#about",
            },
            {
              label: "Sustainability",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="FreshWipe Co."
      copyrightText="© 2024 FreshWipe Co. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
