"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Briefcase, Leaf, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="DENTOXE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="DENTOXE"
      description="Modern toothpaste tablets designed for a cleaner, easier brushing experience. No mess, no waste, no compromise on fresh breath."
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-natural-products-assortment_23-2149413908.jpg"
      imageAlt="DENTOXE toothpaste tablets and a toothbrush"
      showDimOverlay={false}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Why DENTOXE?"
      description="We believe oral care should be simple, sustainable, and effective. DENTOXE tablets offer a revolutionary approach to dental hygiene, eliminating messy tubes, reducing plastic waste, and providing a superior clean wherever you go."
      bulletPoints={[
        {
          title: "Mess-Free & Convenient",
          description: "No more squeezing, leaking tubes, or sticky bathroom counters. Just pop a tablet and brush.",
          icon: Sparkles,
        },
        {
          title: "Travel-Friendly",
          description: "TSA-approved and perfectly portable. Slip them into your carry-on without a second thought.",
          icon: Briefcase,
        },
        {
          title: "Eco-Conscious Choice",
          description: "Our tablets come in refillable, recyclable packaging, helping you reduce your plastic footprint.",
          icon: Leaf,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/oral-hygiene-teeth-care-concept-curly-haired-woman-cleans-teeth-with-floss-cleans-tongue-with-cleaner-uses-toothbrush-toothpaste-poses-home_273609-38925.jpg"
      imageAlt="Person brushing teeth with a DENTOXE tablet"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Perfectly Portioned",
          subtitle: "Each tablet contains the optimal amount of cleaning agents, ensuring consistent freshness and effectiveness every time.",
          category: "Efficiency",
          value: "Optimal Dose",
        },
        {
          id: "f2",
          title: "Activated Freshness",
          subtitle: "Our advanced formula activates with saliva, releasing powerful ingredients that leave your mouth feeling incredibly clean and refreshed.",
          category: "Experience",
          value: "Minty Burst",
        },
        {
          id: "f3",
          title: "Gentle on Gums",
          subtitle: "Formulated with sensitive smiles in mind, DENTOXE gently cleans without harsh abrasives, promoting gum health.",
          category: "Care",
          value: "Sensitive Safe",
        },
      ]}
      title="Unlock a Superior Clean"
      description="Experience the future of oral hygiene with DENTOXE. Our innovative tablets deliver targeted benefits for a healthier, brighter smile and a simpler routine."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Mint Bliss (30-day supply)",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-cosmetic-tube-white-background_187299-46385.jpg",
          imageAlt: "DENTOXE Mint Bliss toothpaste tablets",
          rating: 5,
        },
        {
          id: "p2",
          name: "Charcoal Clean (30-day supply)",
          price: "$14.99",
          imageSrc: "http://img.b2bpic.net/free-photo/orange-plate-crispy-black-chips-stone_114579-87010.jpg",
          imageAlt: "DENTOXE Charcoal Clean toothpaste tablets",
          rating: 4,
        },
        {
          id: "p3",
          name: "Berry Burst (30-day supply)",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/typical-brazilian-freezies-with-fruits-still-life_23-2150187384.jpg",
          imageAlt: "DENTOXE Berry Burst toothpaste tablets",
          rating: 5,
        },
        {
          id: "p4",
          name: "Wintergreen (90-day supply)",
          price: "$34.99",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-girl-with-bouquet-parsley-standing-kitchen-cooking_1258-193429.jpg",
          imageAlt: "DENTOXE Wintergreen multi-pack toothpaste tablets",
          rating: 5,
        },
        {
          id: "p5",
          name: "Sensitive Solution (30-day supply)",
          price: "$13.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919883.jpg",
          imageAlt: "DENTOXE Sensitive Solution toothpaste tablets",
          rating: 4,
        },
        {
          id: "p6",
          name: "Mix & Match (Custom 60-day supply)",
          price: "$25.99",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-colorful-glitter-transparent-jar-blue-background_181624-25131.jpg",
          imageAlt: "DENTOXE Mix & Match custom toothpaste tablets",
          rating: 5,
        },
      ]}
      title="Our Signature Flavors"
      description="Discover your new favorite way to brush. Explore our range of refreshing toothpaste tablet flavors, each crafted for a delightful clean."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          tag: "Monthly",
          price: "$12.99",
          period: "/month",
          description: "Perfect for trying out DENTOXE and enjoying fresh breath.",
          button: {
            text: "Get Started",
            href: "#products",
          },
          featuresTitle: "Includes:",
          features: [
            "30-Day Supply",
            "Single Flavor Choice",
            "Recyclable Packaging",
            "Standard Shipping",
          ],
        },
        {
          id: "premium",
          tag: "Best Value",
          tagIcon: Star,
          price: "$9.99",
          period: "/month",
          description: "Save more with our popular subscription, delivered right to your door.",
          button: {
            text: "Subscribe Now",
            href: "#products",
          },
          featuresTitle: "Everything in Monthly, plus:",
          features: [
            "Automatic Replenishment",
            "Mixed Flavor Options",
            "Eco-Friendly Refills",
            "Free Expedited Shipping",
            "Exclusive Discounts",
          ],
        },
      ]}
      title="Flexible Plans for Every Lifestyle"
      description="Choose the DENTOXE plan that best fits your needs, whether you're trying it out or committing to a sustainable brushing routine."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Frequent Traveler",
          testimonial: "DENTOXE has been a game-changer for my travels! No more messy tubes or worrying about TSA. My teeth feel incredibly clean.",
          imageSrc: "http://img.b2bpic.net/free-photo/adorable-thoughtful-satisfied-woman-with-glad-expression-thinks-dreams-about-something-pleasant-has-talk-with-friend-who-tells-funny-life-story-people-positive-emotions-facial-expressions_273609-2591.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "t2",
          name: "Mark C.",
          role: "Software Engineer",
          testimonial: "As a minimalist, I love how compact and efficient DENTOXE tablets are. It's simplified my morning routine and my bathroom counter is so much tidier.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-staircase-holding-map-disposable-cup-looking-camera_23-2148203038.jpg",
          imageAlt: "Mark C.",
        },
        {
          id: "t3",
          name: "Emily R.",
          role: "Environmental Activist",
          testimonial: "Finally, a plastic-free toothpaste that actually works! DENTOXE makes it easy to make a sustainable choice without compromising on quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-speech-bubble-presenting-against-white-background_23-2147890190.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "t4",
          name: "David K.",
          role: "Busy Parent",
          testimonial: "My kids love the Berry Burst flavor, and I love that there's no mess! Family travel is so much easier now. Highly recommend DENTOXE.",
          imageSrc: "http://img.b2bpic.net/free-photo/lady-smile-white-cheerful-internet_1187-6255.jpg",
          imageAlt: "David K.",
        },
        {
          id: "t5",
          name: "Jessica L.",
          role: "Student",
          testimonial: "I always forget to buy toothpaste, but with DENTOXE's subscription, I never run out. Plus, it fits perfectly in my dorm's small bathroom.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-mirror_23-2150100204.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      title="What Our Customers Say"
      description="Don't just take our word for it. Hear from real DENTOXE users who have transformed their brushing experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "National Geographic",
        "Earth Day Network",
        "Travel Magazine",
        "Minimalist Living",
        "Eco Journal",
        "Conscious Consumer",
        "Wanderlust",
      ]}
      title="As Seen In"
      description="Featured by leading voices in sustainability, travel, and modern living."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "How do DENTOXE tablets work?",
          content: "Simply pop a tablet into your mouth, chew gently to form a paste, and then brush as usual with a wet toothbrush. Rinse and enjoy the freshness!",
        },
        {
          id: "q2",
          title: "Are DENTOXE tablets safe for sensitive teeth?",
          content: "Yes, our tablets are formulated to be gentle and effective. We also offer a Sensitive Solution flavor specifically designed for those with sensitive teeth.",
        },
        {
          id: "q3",
          title: "Are your products truly eco-friendly?",
          content: "Absolutely! DENTOXE tablets come in refillable glass jars and compostable refill pouches, significantly reducing plastic waste compared to traditional tubes.",
        },
        {
          id: "q4",
          title: "Can I travel with DENTOXE tablets?",
          content: "Yes, DENTOXE tablets are solid, making them TSA-friendly and perfect for carry-on luggage. No liquid restrictions or messy leaks!",
        },
        {
          id: "q5",
          title: "What is your return policy?",
          content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your DENTOXE purchase, contact us for a full refund or exchange.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about DENTOXE toothpaste tablets."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Questions? We're Here to Help!"
      description="Have a specific inquiry, need support, or just want to share your DENTOXE experience? Send us a message."
      inputPlaceholder="Enter your email address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      videoSrc="http://img.b2bpic.net/free-photo/water-different-environments_23-2151919170.jpg"
      videoAriaLabel="Abstract water droplets background video"
      logoText="DENTOXE"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "All Products",
              href: "#products",
            },
            {
              label: "Subscriptions",
              href: "#pricing",
            },
            {
              label: "Gift Cards",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Mission",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 DENTOXE. All rights reserved."
      imageSrc="http://img.b2bpic.net/free-photo/water-different-environments_23-2151919170.jpg"
      imageAlt="slow motion water drops on leaf green environment"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
