"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "AI Chat",
          id: "/chat",
        },
        {
          name: "Wellness Toolkit",
          id: "/wellness",
        },
        {
          name: "My Profile",
          id: "#",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"
      logoAlt="HerCalm Logo"
      brandName="HerCalm"
      button={{
        text: "Join Now",
        href: "#cta-banner",
      }}
    />
  </div>

  <div id="wellness-practices" data-section="wellness-practices">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "pcos-yoga-1",
          name: "Restorative Yoga",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-crouching-woman-yoga-mat_23-2148285228.jpg",
          imageAlt: "Restorative Yoga for PCOS",
        },
        {
          id: "pcos-strength-1",
          name: "Strength Training",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-training-with-kettlebells_23-2149358138.jpg",
          imageAlt: "Strength Training for PCOS",
        },
        {
          id: "pcos-breathing-1",
          name: "4-7-8 Breathing",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-teen-meditating-nature_23-2147562534.jpg",
          imageAlt: "4-7-8 Breathing",
        },
        {
          id: "pcos-eating-1",
          name: "Anti-Inflammatory Eating",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowls-with-spices-round-plate-turmeric-salt-black-pepper-red-pepper-chopped-vegetables-white-surface_140725-63068.jpg",
          imageAlt: "Anti-Inflammatory Eating",
        },
        {
          id: "pcos-sleep-1",
          name: "Sleep Ritual",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-enjoying-yogurt-bed_23-2147888594.jpg",
          imageAlt: "Sleep Ritual",
        },
        {
          id: "pcos-walking-1",
          name: "Daily Walking",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/female-friends-exercising-by-lake-together_23-2148730619.jpg",
          imageAlt: "Daily Walking",
        },
        {
          id: "irregular-yoga-1",
          name: "Hormonal Yoga Flow",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-doing-sport_23-2150310600.jpg",
          imageAlt: "Hormonal Yoga Flow",
        },
        {
          id: "irregular-nadi-1",
          name: "Nadi Shodhana",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-beautiful-woman-close-eyes-pouting-waiting-kiss_176420-26134.jpg",
          imageAlt: "Nadi Shodhana",
        },
        {
          id: "irregular-cardio-1",
          name: "Low-Impact Cardio",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-fit-young-woman-holding-water-bottle-her-hand_23-2147944541.jpg",
          imageAlt: "Low-Impact Cardio",
        },
        {
          id: "irregular-seed-1",
          name: "Seed Cycling Protocol",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowls-with-seeds-copy-space_23-2148287502.jpg",
          imageAlt: "Seed Cycling Protocol",
        },
        {
          id: "irregular-sun-1",
          name: "Morning Sun Ritual",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-with-beauty-products_1157-31060.jpg",
          imageAlt: "Morning Sun Ritual",
        },
        {
          id: "irregular-castor-1",
          name: "Castor Oil Pack Therapy",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-medicines-with-ginger_23-2148776431.jpg",
          imageAlt: "Castor Oil Pack Therapy",
        },
        {
          id: "general-box-1",
          name: "Box Breathing",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-living-room-decoratio_23-2148188876.jpg",
          imageAlt: "Box Breathing",
        },
        {
          id: "general-journal-1",
          name: "Cycle Journaling",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168603.jpg",
          imageAlt: "Cycle Journaling",
        },
        {
          id: "general-yin-1",
          name: "Yin Yoga",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/serene-silhouette-meditating-tranquil-autumn-mountain-generated-by-ai_188544-20171.jpg",
          imageAlt: "Yin Yoga",
        },
        {
          id: "general-synced-1",
          name: "Cycle-Synced Training",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/headphones-sports-equipment-near-clipboard_23-2147735019.jpg",
          imageAlt: "Cycle-Synced Training",
        },
        {
          id: "general-supplement-1",
          name: "Supplement Guide",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-beet-radish-garlic-onions-white-table_140725-134037.jpg",
          imageAlt: "Supplement Guide",
        },
        {
          id: "general-ashwagandha-1",
          name: "Ashwagandha Ritual",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/pouring-hot-tea-glass_1150-19286.jpg",
          imageAlt: "Ashwagandha Ritual",
        },
      ]}
      title="HerCalm Wellness Toolkit"
      description="Explore a curated collection of practices and protocols for PCOS, irregular periods, and general well-being. Find your path to harmony and empowerment."
    />
  </div>

  <div id="wellness-partners" data-section="wellness-partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Natura Health",
        "Biome Balance",
        "Cycle Sync Labs",
        "Mindful Bloom Therapy",
        "Vitality Collective",
        "Aura Botanicals",
        "Flow State Institute",
      ]}
      title="Trusted by Experts & Partners"
      description="Collaborating with leading names in health and wellness to bring you the best resources."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="site-footer" data-section="site-footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"
      logoAlt="HerCalm Logo"
      logoText="HerCalm"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
