"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { BookOpen, Crown, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Mission",          id: "#mission"},
        {
          name: "Opportunity",          id: "#opportunity"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Partnership",          id: "#partnership"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Join Now",        href: "#contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51hn4q"
      logoAlt="KarmaNest Logo"
      brandName="KarmaNest"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Sanatan Gyan Har Ghar Tak – Learning aur Earning ka Anmol Avsar"
      description="KarmaNest ke &quot;Har Ghar Geeta Mission&quot; ke madhyam se, hum digital Bhagwat Geeta, Vaidik Mantropasana, aur Sampoorna Hanuman Series ke zariye Sanatan Gyan ko har ghar tak pahuchana chahte hain. Iske sath hi hum ek genuine business opportunity pradan kar rahe jismein aap ghar baithe seekh sakte hain aur kama bhi sakte hain. Bhakti bhi, Business bhi, Income bhi!"
      buttons={[
        {
          text: "Join Now",          href: "#contact"},
        {
          text: "Start Your Spiritual Business",          href: "#opportunity"},
      ]}
      carouselItems={[
        {
          id: "carousel-1",          imageSrc: "http://img.b2bpic.net/free-photo/zen-stones-balanced-beach-with-copy-space-sunrise-light-meditation-relaxation-ai-generative_123827-23551.jpg",          imageAlt: "Bhagavad Gita ancient book with light"},
        {
          id: "carousel-2",          imageSrc: "http://img.b2bpic.net/free-photo/spiritual-awakening-concept_23-2150771635.jpg",          imageAlt: "Hanuman statue"},
        {
          id: "carousel-3",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-celebrating-tamil-new-year_23-2151210743.jpg",          imageAlt: "Vedic mantras chanting in a sacred space"},
        {
          id: "carousel-4",          imageSrc: "http://img.b2bpic.net/free-photo/guitar-music-outdoors_23-2148079177.jpg",          imageAlt: "Person meditating with business growth chart"},
        {
          id: "carousel-5",          imageSrc: "http://img.b2bpic.net/free-photo/wellness-practices-self-care-world-health-day_23-2151256759.jpg",          imageAlt: "Family learning Bhagavad Gita"},
        {
          id: "carousel-6",          imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416456.jpg",          imageAlt: "Digital spiritual books on a tablet"},
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="mission" data-section="mission">
      <AboutMetric
      useInvertedBackground={true}
      title="Hamara Pavitra Mission: Sanatan Gyan Ka Prasar"
      metrics={[
        {
          icon: BookOpen,
          label: "Sanatan Pustakein",          value: "100K+"},
        {
          icon: Users,
          label: "Gyan Prasarak",          value: "5000+"},
        {
          icon: Sparkles,
          label: "Atma Santushti",          value: "Anant"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="opportunity" data-section="opportunity">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Gyan Vriddhi: Sanatan Grantho ka Gehra Adhyayan",          description: "Digital Bhagwat Geeta, Vaidik Mantropasana, aur Sampoorna Hanuman Series ke madhyam se adhyatmik gyan mein vikas karein.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207312.jpg",            imageAlt: "Spiritual learning app on a phone screen"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-meditating_23-2149031301.jpg",            imageAlt: "Person studying a spiritual book"}
        },
        {
          title: "Vyapar Vikas: Ghar Baithe Aamdani Ka Avsar",          description: "Hamare saath judkar, aap ghar se hi Sanatan gyan ko logon tak pahuchakar ek achhi aamdani kama sakte hain.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-growing-charts-office-desk_23-2152020635.jpg",            imageAlt: "Business chart with spiritual growth elements"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-wedding-planner_23-2150328525.jpg",            imageAlt: "Person managing an online store for spiritual products"},
          buttons: [
            {
              text: "Learn & Earn",              href: "#partnership"},
          ]
        },
        {
          title: "Sanatan Saathi: Ek Majboot Samuday ka Hissa Banein",          description: "Samman vicharon wale logon ke saath judkar, ek majboot adhyatmik aur vyaparik samuday ka hissa banein.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-sitting-couch-using-laptop-tablet_53876-30369.jpg",            imageAlt: "Online community for spiritual discussion"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/diverse-friends-students-shoot_53876-47012.jpg",            imageAlt: "Diverse group of happy people"},
          buttons: [
            {
              text: "Mission Se Judein",              href: "#contact"},
          ]
        },
      ]}
      showStepNumbers={true}
      title="Apna Adhyatmik Vyapar Shuru Karein"
      description="KarmaNest ke sath, aap ghar baithe Sanatan Gyan prapt kar sakte hain aur ek safal vyapar bhi bana sakte hain. Hamara uddeshya aapko shikhana aur kamaana dono mein saksham banana hai."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Haoma Spiritual Knowledge Series Sampoorna Hanuman...",          price: "₹14900",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782055.jpg",          imageAlt: "Sampoorna Hanuman Series book cover"},
        {
          id: "p2",          name: "Haoma Vaidik Mantropasana 5 Book Set",          price: "₹15800",          imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-with-note_23-2150063052.jpg",          imageAlt: "Vaidik Mantropasana 5 Book Set"},
        {
          id: "p3",          name: "Haoma Spiritual Knowledge Series Bhagavad Gita Pla...",          price: "₹14900",          imageSrc: "http://img.b2bpic.net/free-photo/open-book-lies-table_8353-1469.jpg",          imageAlt: "Bhagavad Gita Platinum Edition book"},
        {
          id: "p4",          name: "The Upanishads: Spiritual Wisdom Series",          price: "₹12500",          imageSrc: "http://img.b2bpic.net/free-photo/open-book-teapot_181624-29113.jpg",          imageAlt: "Upanishads book cover"},
        {
          id: "p5",          name: "Ramayana: The Divine Epic",          price: "₹13200",          imageSrc: "http://img.b2bpic.net/free-vector/independence-day-poster-template-indian-art-style_52683-14390.jpg",          imageAlt: "Ramayana epic book cover"},
        {
          id: "p6",          name: "Srimad Bhagavatam: The Essence of Sanatan Dharma",          price: "₹16500",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-representation-deity-krishna_23-2151067838.jpg",          imageAlt: "Srimad Bhagavatam book cover"},
      ]}
      title="Hamari Adhyatmik Pustakein"
      description="Haoma Spiritual Knowledge Series ke madhyam se gyan ke sagar mein doob jayein. Har ghar tak Sanatan gyan pahuchane ka hamara prayas."
    />
  </div>

  <div id="partnership" data-section="partnership">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          badge: "Shuruwat",          badgeIcon: Sparkles,
          price: "₹5900",          subtitle: "Basic Learning & Earning",          buttons: [
            {
              text: "Join Now",              href: "#contact"},
          ],
          features: [
            "Digital Bhagwat Geeta Access",            "Basic Business Training",            "Community Forum Access",            "10% Commission on Sales"],
        },
        {
          id: "pro",          badge: "Lokpriya",          badgeIcon: Crown,
          price: "₹9900",          subtitle: "Advanced Learning & Earning",          buttons: [
            {
              text: "Become a Sanatan Partner",              href: "#contact"},
          ],
          features: [
            "Vaidik Mantropasana Series Access",            "Advanced Business Strategy",            "Dedicated Mentorship",            "20% Commission on Sales",            "Exclusive Workshops"],
        },
        {
          id: "premium",          badge: "Sarvottam",          badgeIcon: Star,
          price: "₹14900",          subtitle: "Expert Learning & High Earning",          buttons: [
            {
              text: "Start Your Spiritual Business",              href: "#contact"},
          ],
          features: [
            "Sampoorna Hanuman Series Access",            "Personalized Coaching",            "Priority Support",            "30% Commission on Sales",            "Leadership Opportunities",            "All Previous Features"],
        },
      ]}
      title="Sanatan Partner Banne ke Liye Plans"
      description="Apni adhyatmik aur vyaparik yatra shuru karne ke liye sahi plan chunein. Learning aur earning dono ka avsar."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Anjali Sharma",          role: "Sanatan Saathi",          company: "Gyan Kendra",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/calm-peaceful-explorer-doing-meditation-session-stress-relief-nature_482257-123379.jpg",          imageAlt: "Anjali Sharma"},
        {
          id: "t2",          name: "Rohan Kapoor",          role: "Adhyatmik Uddyami",          company: "Divine Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg",          imageAlt: "Rohan Kapoor"},
        {
          id: "t4",          name: "Vivek Kumar",          role: "KarmaNest Partner",          company: "Spiritual Growth Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-handmade-dreamcatcher_23-2149181368.jpg",          imageAlt: "Vivek Kumar"},
        {
          id: "t5",          name: "Meera Devi",          role: "Learner & Earner",          company: "Atma Gyan",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/concept-covid-social-distancing-lifestyle-closeup-supportive-confident-africanamerican_1258-128131.jpg",          imageAlt: "Meera Devi"},
      ]}
      title="Hamare Safal Saathiyon Ki Kahaniyan"
      description="Un logon ki kahaniyan jo KarmaNest ke saath judkar adhyatmik shanti aur vyaparik safalta dono prapt kar rahe hain."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Sanatan Dharma Parishad",        "Vedic Scholars Forum",        "Hindu Youth Association",        "Spiritual Living Foundation",        "Global Bhakti Movement",        "Dharma Seva Society",        "Ancient Wisdom Institute"]}
      title="Hamare Saath Judein Aur Ek Prabhavshali Samuday ka Hissa Banein"
      description="KarmaNest ke saath, aap ek samriddh adhyatmik aur vyaparik samuday ka hissa ban sakte hain. Hamare partner aapke safalta ke liye pratibaddh hain."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Judein Humare Saath"
      title="Apni Adhyatmik Yatra Shuru Karein"
      description="Hamari mission se judne ke liye ya adhik jankari ke liye, apna vivaran bharein. Hum aapse jald hi sampark karenge. Aap humse +91-8851163324 par bhi sampark kar sakte hain."
      imageSrc="http://img.b2bpic.net/free-photo/defocused-autumn-trees-park-sunrise_23-2147781499.jpg"
      imageAlt="Spiritual meditation background"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Apna Email Yahan Darj Karein"
      buttonText="Submit Details"
      termsText="Submit button par click karke, aap hamari niyam aur sharton se sahmat hain."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51hn4q"
      logoAlt="KarmaNest Logo"
      logoText="KarmaNest"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Mission",              href: "#mission"},
            {
              label: "Opportunity",              href: "#opportunity"},
            {
              label: "Products",              href: "#products"},
            {
              label: "Partnership",              href: "#partnership"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Contact Info",          items: [
            {
              label: "Phone: +91-8851163324",              href: "tel:+918851163324"},
            {
              label: "Email: info@karmanest.com",              href: "mailto:info@karmanest.com"},
            {
              label: "Delhi, India",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 KarmaNest. Published By Subhash Chand. Created under the instruction of Subhash Chand. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}