"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Cloud, Heart, Lightbulb, Scale, Sparkles } from "lucide-react";

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="hero-intro" data-section="hero-intro">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Unlock Your Inner Harmony with HerCalm"
      description="Personalized cycle health, mental well-being, and PCOS support, powered by your empathetic AI companion. Your journey to balance begins here."
      buttons={[
        {
          text: "Meet Your AI Companion",          href: "/chat"},
        {
          text: "Explore Wellness Toolkit",          href: "/wellness"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-blonde-girl-with-flowers-standing-autumn-park-near-lake-woman-wearing-beige-sweater-girl-posing-photo-sunny-day_1157-51513.jpg",          alt: "Sarah Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-color-wall_343596-5248.jpg",          alt: "Michael Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/hipster-woman-smile-away-enjoy-with-summer-field-evening-with-vintage-tone-filter_1150-1168.jpg",          alt: "Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-potted-plants_23-2149412616.jpg",          alt: "David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-posing-camera-city-park_1262-19158.jpg",          alt: "A woman smiling"},
      ]}
      avatarText="Join 10,000+ women finding calm"
      imageSrc="http://img.b2bpic.net/free-photo/metaverse-virtual-love-collage_52683-89575.jpg"
      imageAlt="HerCalm app interface with AI chat and floating wellness elements"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Holistic Health",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Balanced Hormones",          icon: Scale,
        },
        {
          type: "text-icon",          text: "Mental Clarity",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Stress Relief",          icon: Cloud,
        },
        {
          type: "text-icon",          text: "Empowered Living",          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="features-overview" data-section="features-overview">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "AI Wellness Companion",          description: "Get empathetic, personalized guidance and support for your unique health journey.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg",            imageAlt: "AI Companion Icon"},
          phoneTwo: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fckpno",            imageAlt: "AI Companion Icon"},
          buttons: [
            {
              text: "Start Chatting",              href: "/chat"},
          ]
        },
        {
          title: "Personalized Wellness Toolkit",          description: "Access curated practices for PCOS, irregular periods, mental health, and general well-being.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retreat-sticker-collection_23-2149351494.jpg",            imageAlt: "Wellness Toolkit Icon"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-vector/meditation-sign-template-design_742173-15907.jpg",            imageAlt: "Wellness Toolkit Icon"},
          buttons: [
            {
              text: "Explore Toolkit",              href: "/wellness"},
          ]
        },
        {
          title: "Intuitive Cycle Tracking",          description: "Understand your body's rhythm, track symptoms, and predict upcoming phases with ease.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415324.jpg",            imageAlt: "Cycle Tracking Icon"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/calendar-with-flowers-sanitary-towels_23-2148025714.jpg",            imageAlt: "Cycle Tracking Icon"},
          buttons: [
            {
              text: "Track My Cycle",              href: "#cycle-tracker"},
          ]
        },
        {
          title: "Customized Health Insights",          description: "Receive bespoke recommendations and educational content based on your unique profile.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg",            imageAlt: "Personalized Insights Icon"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-neurological-image_482257-119587.jpg",            imageAlt: "Personalized Insights Icon"},
          buttons: [
            {
              text: "Get Insights",              href: "/chat"},
          ]
        },
      ]}
      showStepNumbers={false}
      title="Your Holistic Wellness Journey Begins Here"
      description="Discover personalized tools and insights for every aspect of your well-being, designed to empower you."
    />
  </div>

  <div id="breathing-exercise" data-section="breathing-exercise">
      <MediaAbout
      useInvertedBackground={true}
      title="Find Your Calm: Guided Breathing"
      description="Experience immediate tranquility with our 4-2-6 guided breathing exercise. Tap the pulsing orb to synchronize with your breath and release tension."
      buttons={[
        {
          text: "Start Breathing Exercise",          href: "#"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg"
      imageAlt="Pulsing orb for guided breathing exercise"
    />
  </div>

  <div id="cycle-tracker" data-section="cycle-tracker">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "cycle-calendar-preview",          name: "Your Personalized Cycle View",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg",          imageAlt: "HerCalm cycle tracking calendar interface"},
      ]}
      title="Intuitive Cycle Tracking"
      description="Understand your body's rhythm and anticipate your needs. Our calendar-style tracker provides clear insights into your phases and symptoms."
      buttons={[
        {
          text: "View My Cycle",          href: "#"},
      ]}
    />
  </div>

  <div id="wellness-preview" data-section="wellness-preview">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "pcos-yoga",          name: "Restorative Yoga for PCOS",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-practicing-yoga-outside_176420-841.jpg",          imageAlt: "Woman in restorative yoga pose"},
        {
          id: "irregular-seed-cycling",          name: "Seed Cycling Protocol",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/various-seeds-sesame-flax-seed-sunflower-seeds-pumpkin-seeds-salads_114579-20580.jpg",          imageAlt: "Various seeds for seed cycling"},
        {
          id: "general-box-breathing",          name: "Box Breathing for Calm",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/woman-performing-yoga-home_107420-96337.jpg",          imageAlt: "Minimalist graphic for box breathing"},
        {
          id: "general-cycle-journaling",          name: "Cycle Journaling",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-oranges-female-hand-pinecones-beige-shawl-notepad-dark-surface_140725-63283.jpg",          imageAlt: "Open journal with pen"},
      ]}
      title="Your Personalized Wellness Toolkit"
      description="Explore a taste of our curated practices for PCOS, irregular periods, and general well-being. Find your path to harmony."
      buttons={[
        {
          text: "View All 16 Practices",          href: "/wellness"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Consultant",          company: "Bloom Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-executives-strategizing-new-project-inclusive-business-environment_482257-124674.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Chloe Davies",          role: "Marketing Director",          company: "Vital Glow",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",          imageAlt: "Chloe Davies"},
        {
          id: "3",          name: "Priya Sharma",          role: "Wellness Coach",          company: "Inner Peace Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg",          imageAlt: "Priya Sharma"},
        {
          id: "4",          name: "Jessica Lee",          role: "Entrepreneur",          company: "HerGrowth Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-blue-eyed-woman-smiles-happily-keeps-hands-together-expresses-positive-emotions-feels-glad-hear-good-news-dressed-knitted-clothes-isolated-pink-background_273609-61089.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "5",          name: "Maria Garcia",          role: "Healthcare Professional",          company: "Holistic Healing Clinic",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive_1098-2482.jpg",          imageAlt: "Maria Garcia"},
        {
          id: "6",          name: "Aisha Khan",          role: "Mindfulness Educator",          company: "Zenith Wellness",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-woman-staring-afar_23-2148248537.jpg",          imageAlt: "Aisha Khan"},
      ]}
      kpiItems={[
        {
          value: "95%",          label: "Improved Mood"},
        {
          value: "89%",          label: "Better Cycle Health"},
        {
          value: "92%",          label: "Reduced Stress"},
      ]}
      title="Voices of Empowerment"
      description="Hear how HerCalm is transforming lives and supporting women on their wellness journey to health and harmony."
    />
  </div>

  <div id="cta-banner" data-section="cta-banner">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Thrive?"
      title="Begin Your Journey to Harmonious Well-being"
      description="Connect with your personal AI companion and unlock a world of personalized wellness insights tailored just for you."
      imageSrc="http://img.b2bpic.net/free-photo/frozen-raspberries_23-2148176310.jpg"
      imageAlt="Abstract representation of AI and wellness"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email for updates"
      buttonText="Join HerCalm"
      termsText="By joining, you agree to receive empowering wellness insights from HerCalm."
    />
  </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>
  );
}
