"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Activity, Gauge, Home } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Shop Now",          id: "#products"},
        {
          name: "How It Works",          id: "#features"},
        {
          name: "Our Mission",          id: "#about"},
        {
          name: "Contact Us",          id: "#contact"},
      ]}
      brandName="TAPE IT JO"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="START BREATHING BETTER"
      description="Because Nothing Matters More"
      tag="★★★★★4.8/5 stars | 120,000+ customers"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Shop Nose Strips",          href: "#products"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-resting-listening-music_140725-16409.jpg",          imageAlt: "Man running with nasal strip"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-through-fingers-red-tank-top-pants-looking-distrustful-front-view_176474-45823.jpg",          imageAlt: "Woman sleeping with nasal strip"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/yoga-equipment-indoors_23-2148741924.jpg",          imageAlt: "Close up of nasal strip on nose"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-strong-man-gym-doing-cardio_343596-1314.jpg",          imageAlt: "Woman cycling with nasal strip"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-couple-bed_23-2148379061.jpg",          imageAlt: "Man doing push-ups with nasal strip"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-leaning-cheek-palms-as-pillow-black-t-shirt_176474-81727.jpg",          imageAlt: "Healthy lifestyle with nasal strips"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="The world calls it a nose strip. JORDAN CALLS IT"
      description={[
        "TAPE IT is engineered to enhance nasal breathing, offering immediate relief and promoting overall well-being. Improve your sleep quality, boost athletic performance, and reduce snoring with our scientifically designed strips. We believe that nothing matters more than how you breathe."]}
      buttons={[
        {
          text: "Learn More",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
      showBorder={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Breathing",          description: "Breathe more freely, instantly. TAPE IT gently lifts your nasal passages to improve airflow right away, making every breath more efficient.",          imageSrc: "http://img.b2bpic.net/free-photo/nature-suffocated-by-co2-pollution_23-2150858397.jpg",          imageAlt: "Person breathing deeply"},
        {
          title: "Sleep",          description: "Sleep deeper, wake up refreshed. By stabilizing your nasal passages, TAPE IT promotes unobstructed airflow, reducing mouth breathing and supporting deeper, more restorative sleep cycles.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-stratching-hands-waking-up-happy-positive-enjoying-morning-time-bedroom-interior-light-background_141793-46028.jpg",          imageAlt: "Person sleeping peacefully"},
        {
          title: "Exercise",          description: "Boost performance, recover faster. Improved nasal breathing during exercise enhances oxygen uptake, leading to greater endurance, reduced fatigue, and quicker recovery post-workout.",          imageSrc: "http://img.b2bpic.net/free-photo/human-technology-concept-handsome-african-american-male-using-earphones-listening-music-his-mobile-phone_273609-1219.jpg",          imageAlt: "Athlete running on track"},
      ]}
      title="WHY IT WORKS"
      description="Discover the scientific benefits of optimized nasal breathing."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          value: "97.5%",          title: "Breathed easier",          description: "Users reported easier nasal breathing from the very first use.",          icon: Gauge,
        },
        {
          id: "metric-2",          value: "94.3%",          title: "Restful sleep",          description: "Noticed deeper, more restful sleep, waking up feeling refreshed.",          icon: Home,
        },
        {
          id: "metric-3",          value: "92.1%",          title: "Improved performance",          description: "Experienced significant improvements in athletic endurance and recovery.",          icon: Activity,
        },
      ]}
      title="YOUR BREATHING SHOULD DO MORE"
      description="Real results from real users who chose to breathe better with TAPE IT."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "nasal-strips-1",          name: "Original Nasal Strips (30-pack)",          price: "$19.99",          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-puzzled-standing-white-wall_141793-56736.jpg",          imageAlt: "TAPE IT Original Nasal Strips 30-pack"},
        {
          id: "nasal-strips-2",          name: "Sensitive Skin Nasal Strips (30-pack)",          price: "$22.99",          imageSrc: "http://img.b2bpic.net/free-photo/future-mother-keeps-shoes-baby_8353-5121.jpg",          imageAlt: "TAPE IT Sensitive Skin Nasal Strips 30-pack"},
        {
          id: "nasal-strips-3",          name: "Extra Strength Nasal Strips (30-pack)",          price: "$21.99",          imageSrc: "http://img.b2bpic.net/free-photo/woman-folding-menstrual-cup-medium-shot_23-2149734183.jpg",          imageAlt: "TAPE IT Extra Strength Nasal Strips 30-pack"},
        {
          id: "nasal-strips-4",          name: "Original Nasal Strips (90-pack)",          price: "$49.99",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-holding-hands-head-medical-uniform-mask-looking-confident_176474-81552.jpg",          imageAlt: "TAPE IT Original Nasal Strips 90-pack"},
        {
          id: "nasal-strips-5",          name: "Travel Pack Assorted (10-pack)",          price: "$8.99",          imageSrc: "http://img.b2bpic.net/free-photo/collagen-white-stick-with-glass-water_185193-162486.jpg",          imageAlt: "TAPE IT Travel Pack Assorted Nasal Strips 10-pack"},
        {
          id: "nasal-strips-6",          name: "Kids Nasal Strips (20-pack)",          price: "$14.99",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-putting-medical-mask-face-protection_23-2148802176.jpg",          imageAlt: "TAPE IT Kids Nasal Strips 20-pack"},
      ]}
      title="Shop Our Collection"
      description="Find the perfect nasal strip to elevate your breathing, sleep, and performance."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Forbes",        "Men's Health",        "Runner's World",        "Healthline",        "Sleep Foundation",        "ESPN",        "GQ Sport"]}
      title="MAKING HEADLINES ON"
      description="Featured in leading health and fitness publications."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Maya D.",          role: "Yoga Instructor",          testimonial: "I was honestly surprised how much easier breathing felt the first night. My sleep improved almost immediately, and I feel more focused in my morning practice.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-o_140725-85441.jpg",          imageAlt: "Maya D."},
        {
          id: "t2",          name: "Salwa M.",          role: "CrossFit Athlete",          testimonial: "Super comfortable and actually stays on all night. I wake up feeling way more refreshed, ready to tackle my workouts. A game-changer for recovery!",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-with-water-bottles_23-2149557871.jpg",          imageAlt: "Salwa M."},
        {
          id: "t3",          name: "David P.",          role: "Marathon Runner",          testimonial: "TAPE IT nasal strips have significantly improved my oxygen intake during long runs. I feel less fatigued and can maintain my pace for longer. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-headband-wristband-holding_141793-56330.jpg",          imageAlt: "David P."},
        {
          id: "t4",          name: "Jessica L.",          role: "Busy Mom",          testimonial: "As a busy mom, quality sleep is crucial. These strips help me breathe better, reducing my snoring and giving me the restful sleep I desperately need. Thank you, TAPE IT!",          imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg",          imageAlt: "Jessica L."},
        {
          id: "t5",          name: "Mark S.",          role: "Gym Enthusiast",          testimonial: "I used to struggle with nasal congestion during my workouts. TAPE IT opened up my airways, allowing for deeper breaths and a more effective gym session.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-products-skin-cleaner_197531-32379.jpg",          imageAlt: "Mark S."},
      ]}
      title="SEE THEIR REACTIONS"
      description="Hear what our customers have to say about their TAPE IT experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Are these Nose strips safe for sensitive skins?",          content: "We hear you! Most nose strips are made with hypoallergenic, medical-grade adhesive that's gentle on most skin. But everyone's different, right? If you have super sensitive skin, do a quick patch test on your arm before sticking it on your nose. That way, you can see if it causes any irritation."},
        {
          id: "faq-2",          title: "What if I have Asthma or Allergies?",          content: "No worries at all. TAPE IT is designed to help improve nasal airflow and reduce congestion, which can be beneficial if you have asthma or allergies. Always consult with your doctor if you have specific medical conditions or concerns."},
        {
          id: "faq-3",          title: "How long can I wear the strips?",          content: "You can comfortably wear TAPE IT nasal strips for up to 12 hours. They are designed for extended wear, making them perfect for a full night's sleep or an intense workout session."},
        {
          id: "faq-4",          title: "Are they reusable?",          content: "For optimal hygiene and adhesive effectiveness, TAPE IT nasal strips are designed for single use only. Each strip is engineered to provide maximum lift and comfort for one application."},
      ]}
      title="EVERYTHING YOU NEED TO KNOW"
      description="Your most common questions, answered."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready to transform your breathing, sleep, and performance? Get in touch with us today!"
      buttons={[
        {
          text: "Contact Support",          href: "mailto:support@tapeitjo.com"},
        {
          text: "Visit Our Store",          href: "#products"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/yoga-mat-water-bottle-assortment_23-2149442713.jpg"
      imageAlt="Gym product nasal strips lifestyle"
      logoText="TAPE IT JO"
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Shop Now",              href: "#products"},
            {
              label: "How It Works",              href: "#features"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "Our Mission",              href: "#about"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Where to Find Us",              href: "/locations"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "/privacy"},
            {
              label: "Terms of Service",              href: "/terms"},
          ],
        },
      ]}
      copyrightText="© 2024 TAPE IT JO. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
