"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Education",          id: "#education"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="The Vegan Marie"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="The Vegan Marie"
      description="Premium herbal teas, roots, powders, sea moss blends, detox herbs, and handcrafted wellness remedies designed to nourish the body naturally."
      buttons={[
        {
          text: "Shop Herbal Teas",          href: "#products"},
        {
          text: "Explore Herbal Powders",          href: "#products"},
        {
          text: "Start Your Wellness Journey",          href: "#about"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-products_23-2148132622.jpg",          imageAlt: "Floating vibrant herbs with elegant glass jars"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-with-cup-tea-candles-cookies-knitted-elements_169016-45077.jpg",          imageAlt: "Steaming cup of herbal tea with botanicals"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/green-vegetable-frame-with-nuts-avocado_53876-106110.jpg",          imageAlt: "Golden sea moss gel in an elegant container"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-coffee-coffee-beans-wooden-plate_114579-73608.jpg",          imageAlt: "Assortment of vibrant herbal powders"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-running-their-hands-through-grass_23-2148629843.jpg",          imageAlt: "Hands gently holding fresh green herbs"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-spa-tools-arrangement_23-2150911769.jpg",          imageAlt: "Serene natural healing sanctuary with warm wood"},
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Rooted in Natural Healing"
      description="The Vegan Marie is a family-owned herbal wellness brand dedicated to providing organic, plant-based remedies. We believe in the profound power of herbs to nourish the mind, body, and spirit, crafting each blend with real, high-quality ingredients sourced sustainably. Our mission is to empower your wellness journey through nature's finest offerings."
      imageSrc="http://img.b2bpic.net/free-photo/man-harvest-pick-fresh-green-tea-leaves-high-land-tea-field-chiang-mai-thailand_1150-8986.jpg"
      imageAlt="Caring hands holding a variety of fresh green herbs, symbolizing natural healing and family-owned wellness."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Immunity Boost",          title: "Fortify Your Defenses",          subtitle: "Shield Your System Naturally",          description: "Harness the power of nature to strengthen your immune system and maintain robust health year-round with our potent herbal blends.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-nuts-salted-tasty-along-with-cinnamon-dark-wooden-desk-nut-snack-shell-nuts_140725-22748.jpg",          imageAlt: "Elderberry and Echinacea herbs for immunity"},
        {
          tag: "Gentle Detox",          title: "Purify & Renew",          subtitle: "Cleanse Your Body's Sanctuary",          description: "Support your body's natural cleansing process with our potent herbal detox blends, promoting rejuvenation and a refreshed feeling from within.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-medicinal-spices-herbs_23-2148776490.jpg",          imageAlt: "Dandelion root and Burdock root for detox"},
        {
          tag: "Natural Energy",          title: "Revitalize Your Spirit",          subtitle: "Unleash Inner Vitality",          description: "Reclaim your vibrant energy and vitality with nourishing plant-based remedies designed to naturally uplift your spirit and sustain focus.",          imageSrc: "http://img.b2bpic.net/free-photo/natural-spa-sand-bowls-leaves_23-2148724057.jpg",          imageAlt: "Moringa and Maca powder for energy"},
        {
          tag: "Clear Breathing",          title: "Breathe Easy",          subtitle: "Respiratory Comfort Enhanced",          description: "Support respiratory health with soothing herbs crafted to promote clear and comfortable breathing, fostering a sense of lightness and ease.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-meditating-outdoors_23-2148247126.jpg",          imageAlt: "Mullein and Eucalyptus for respiratory wellness"},
        {
          tag: "Calm & Balance",          title: "Find Your Serenity",          subtitle: "Peace for Mind & Body",          description: "Unwind and de-stress with our calming herbal teas and remedies, expertly blended to guide you towards profound relaxation and inner peace.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sick-woman-with-soup_23-2149149776.jpg",          imageAlt: "Lavender and Chamomile for relaxation"},
        {
          tag: "Gut Health",          title: "Nourish Your Gut",          subtitle: "Digestive Harmony Achieved",          description: "Promote healthy digestion and a balanced gut flora with our gentle and effective herbal support, ensuring your internal wellness is optimized.",          imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-gluten-free-vegetable-fusilli-pasta_114579-12387.jpg",          imageAlt: "Ginger and Peppermint for digestive wellness"},
      ]}
      title="Experience Holistic Wellness"
      description="Discover how our carefully curated herbal blends support your body's natural balance and enhance your daily vitality across multiple dimensions of health."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-tea",          brand: "The Vegan Marie",          name: "Serene Harmony Herbal Tea",          price: "$24.99",          rating: 5,
          reviewCount: "45 Reviews",          imageSrc: "http://img.b2bpic.net/free-vector/modern-wedding-invitation-card-leaves-design_44538-3252.jpg",          imageAlt: "Elegant glass jar of Serene Harmony Herbal Tea"},
        {
          id: "prod-powder",          brand: "The Vegan Marie",          name: "Golden Glow Turmeric Blend",          price: "$32.99",          rating: 5,
          reviewCount: "30 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/cookies-baking-oven_23-2147962795.jpg",          imageAlt: "Golden Glow Turmeric Blend powder in a wooden bowl"},
        {
          id: "prod-seamoss",          brand: "The Vegan Marie",          name: "Ocean's Bounty Sea Moss Gel",          price: "$28.99",          rating: 5,
          reviewCount: "55 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721376.jpg",          imageAlt: "Jar of Ocean's Bounty Sea Moss Gel"},
        {
          id: "prod-detox",          brand: "The Vegan Marie",          name: "Pure Cleanse Detox Powder",          price: "$38.99",          rating: 4,
          reviewCount: "22 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-some-quality-time-spa-hotel-outdoors_23-2149037102.jpg",          imageAlt: "Pure Cleanse Detox Powder in elegant packaging"},
        {
          id: "prod-tincture",          brand: "The Vegan Marie",          name: "Digestive Elixir Tincture",          price: "$29.99",          rating: 5,
          reviewCount: "18 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/mugs-near-cinnamon-plants-nuts-board_23-2148081011.jpg",          imageAlt: "Small glass bottle of Digestive Elixir Tincture"},
        {
          id: "prod-kit",          brand: "The Vegan Marie",          name: "Wellness Discovery Kit",          price: "$65.00",          rating: 5,
          reviewCount: "15 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/some-bath-accessories_93675-128283.jpg",          imageAlt: "Collection of The Vegan Marie products in elegant packaging"},
      ]}
      title="Our Premium Herbal Collections"
      description="Explore handcrafted wellness remedies designed to nourish your body naturally and elevate your daily ritual with the purest plant-based ingredients."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "500K+",          description: "Lives Impacted Globally"},
        {
          id: "metric-2",          value: "100%",          description: "Organic & Sustainably Sourced"},
        {
          id: "metric-3",          value: "25+",          description: "Years of Herbal Expertise"},
      ]}
      title="Our Commitment to Your Wellness"
      description="Dedicated to purity, potency, and your journey to natural health. We stand by our promise of providing the highest quality herbal remedies."
    />
  </div>

  <div id="education" data-section="education">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Herbal Wisdom & Wellness Lifestyle"
      description="Deepen your understanding of plant-based healing and holistic living with our educational resources, guides, and insightful articles."
      blogs={[
        {
          id: "blog-1",          category: "Herbal Wisdom",          title: "The Power of Adaptogens for Stress Relief",          excerpt: "Explore how herbs like Ashwagandha and Holy Basil can help your body adapt to stress and promote balance, fostering a calm and resilient state.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21262.jpg",          imageAlt: "Ashwagandha roots and herbs",          authorName: "The Vegan Marie Team",          authorAvatar: "/images/author-avatar.jpg",          date: "July 15, 2024"
        },
        {
          id: "blog-2",          category: "Wellness Lifestyle",          title: "Crafting Your Daily Detox Ritual with Herbs",          excerpt: "Learn simple ways to incorporate detoxifying herbs into your daily routine for enhanced cleansing, vitality, and overall well-being.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-decoration-wood-background_1150-6739.jpg",          imageAlt: "Herbal ingredients for a detox tea",          authorName: "The Vegan Marie Team",          authorAvatar: "/images/author-avatar.jpg",          date: "July 18, 2024"
        },
        {
          id: "blog-3",          category: "Natural Healing",          title: "Sea Moss Benefits: Your Guide to Mineral-Rich Wellness",          excerpt: "Dive deep into the incredible nutritional benefits of sea moss and discover how this marine superfood supports overall health and vitality.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-ingredients_23-2148869888.jpg",          imageAlt: "Sea moss in clear water",          authorName: "The Vegan Marie Team",          authorAvatar: "/images/author-avatar.jpg",          date: "July 22, 2024"
        }
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah L.",          role: "Yoga Instructor",          company: "Inner Peace Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-african-female-florist-cutting-stems-workplace-white-wall_176420-12239.jpg",          imageAlt: "Portrait of Sarah L., a yoga instructor"},
        {
          id: "2",          name: "Michael T.",          role: "Nutritionist",          company: "Holistic Health",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-healthy_23-2149243047.jpg",          imageAlt: "Portrait of Michael T., a nutritionist"},
        {
          id: "3",          name: "Emily R.",          role: "Wellness Blogger",          company: "Green Living Blog",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notebook-with-assortment-bowls-with-powder_23-2148774946.jpg",          imageAlt: "Portrait of Emily R., a wellness blogger with herbs"},
        {
          id: "4",          name: "David K.",          role: "Entrepreneur",          company: "Mindful Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446548.jpg",          imageAlt: "Portrait of David K., an entrepreneur in a natural setting"},
        {
          id: "5",          name: "Jessica M.",          role: "Stay-at-Home Parent",          company: "Private",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-friends-looking-recipe-smartphone-while-cooking_23-2148708930.jpg",          imageAlt: "Portrait of Jessica M., a stay-at-home parent"},
      ]}
      kpiItems={[
        {
          value: "98%",          label: "Customer Satisfaction"},
        {
          value: "100%",          label: "Organic Sourcing"},
        {
          value: "50+",          label: "Herbal Varieties"},
      ]}
      title="Real Stories, Real Healing"
      description="Hear from our community about their transformative journey with The Vegan Marie's natural wellness remedies and holistic approach to health."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What makes The Vegan Marie's herbs unique?",          content: "Our herbs are sourced from trusted organic farms, ensuring purity and potency. We focus on sustainable practices and handcrafted blends designed for maximum natural healing and effectiveness."},
        {
          id: "faq-2",          title: "How can herbs support my wellness journey?",          content: "Herbs offer a natural approach to supporting various bodily functions, from boosting immunity to promoting relaxation. Our educational resources provide guidance on incorporating them into your lifestyle safely and effectively."},
        {
          id: "faq-3",          title: "Are your products truly plant-based and organic?",          content: "Absolutely. All of our products are 100% plant-based, vegan, and certified organic. We are committed to providing you with the purest ingredients for your holistic healing journey, free from artificial additives."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-autumn-food-wooden-table_23-2148234226.jpg"
      imageAlt="Various herbs, roots, and powders arranged on a wooden table, symbolizing natural healing and a holistic approach."
      mediaAnimation="slide-up"
      title="Your Herbal Wellness Questions, Answered"
      description="Find clarity on our products, ingredients, and the philosophy behind natural healing. We're here to guide you on your journey."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Connect With Us"
      title="Start Your Wellness Journey Today"
      description="Have questions or need personalized guidance on your path to natural healing? Reach out to our herbal experts."
      inputPlaceholder="Enter your email for wellness tips"
      buttonText="Join Our Community"
      termsText="By joining, you agree to receive wellness insights and special offers from The Vegan Marie."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="The Vegan Marie"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "Herbal Teas",              href: "#products"},
            {
              label: "Herbal Powders",              href: "#products"},
            {
              label: "Sea Moss Blends",              href: "#products"},
            {
              label: "Remedies & Roots",              href: "#products"},
          ],
        },
        {
          title: "Learn",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Herbal Benefits",              href: "#features"},
            {
              label: "Wellness Education",              href: "#education"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Shipping & Returns",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 The Vegan Marie. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
