"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Briefcase, Clock, DollarSign, Globe, Heart, LeafyGreen, Sparkles, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Why Join",          id: "why-join"},
        {
          name: "Products",          id: "products"},
        {
          name: "Success Stories",          id: "success-stories"},
        {
          name: "FAQs",          id: "faqs"},
        {
          name: "Contact",          id: "contact"},
      ]}
      button={{
        text: "Get Started",        href: "#contact"}}
      brandName="Forever Living Opportunity"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Unlock Your Potential with Forever Living"
      description="Join a global family of entrepreneurs transforming lives through health, wellness, and financial freedom. Build your legacy with us."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          alt: "Smiling woman"},
        {
          src: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-show-finger-up_627829-5307.jpg",          alt: "Smiling man"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149546186.jpg",          alt: "Smiling older woman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",          alt: "Smiling older man"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-business-caucasian-man-black-suit-office-background_609648-1007.jpg",          alt: "Confident business owner"},
      ]}
      avatarText="Join our thriving community of over 10 million entrepreneurs worldwide!"
      buttons={[
        {
          text: "Discover the Opportunity",          href: "#why-join"},
        {
          text: "Become a Member",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Start Your Journey",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Global Reach",          icon: Globe,
        },
        {
          type: "text-icon",          text: "Health & Wellness",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Financial Growth",          icon: TrendingUp,
        },
        {
          type: "text-icon",          text: "Supportive Community",          icon: Briefcase,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Your Journey to Success Starts Here"
      buttons={[
        {
          text: "Learn About Our Mission",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="why-join" data-section="why-join">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Globe,
          title: "Global Opportunity",          description: "Expand your business worldwide and connect with diverse markets."},
        {
          icon: LeafyGreen,
          title: "Quality Products",          description: "Promote wellness with our trusted, natural aloe vera and bee-derived products."},
        {
          icon: Clock,
          title: "Flexible Hours",          description: "Build your business on your terms, fitting around your lifestyle."},
        {
          icon: Users,
          title: "Supportive Community",          description: "Grow with mentors and peers who are invested in your success."},
        {
          icon: DollarSign,
          title: "Financial Freedom",          description: "Earn commissions, bonuses, and incentives with a proven compensation plan."},
      ]}
      title="Why Choose the Forever Living Business?"
      description="Experience unparalleled benefits, from global reach to personal growth, all within a supportive network."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",          name: "Aloe Vera Gel",          price: "$29.99",          variant: "1 Liter",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238283.jpg",          imageAlt: "Forever Living Aloe Vera Gel"},
        {
          id: "prod-2",          name: "Forever Bee Pollen",          price: "$18.50",          variant: "100 Tablets",          imageSrc: "http://img.b2bpic.net/free-photo/various-kinds-honey-glass-jars-honeycomb-pollen_114579-13196.jpg",          imageAlt: "Forever Living Bee Pollen"},
        {
          id: "prod-3",          name: "Forever Arctic Sea",          price: "$32.70",          variant: "120 Softgels",          imageSrc: "http://img.b2bpic.net/free-photo/omega-3-supplement-capsule-ai-generated_268835-18659.jpg",          imageAlt: "Forever Living Arctic Sea"},
        {
          id: "prod-4",          name: "Forever Bright Toothgel",          price: "$7.50",          variant: "130g",          imageSrc: "http://img.b2bpic.net/free-photo/glass-aloe-vera-juice-put-wooden-cutting-board_1150-28057.jpg",          imageAlt: "Forever Living Bright Toothgel"},
        {
          id: "prod-5",          name: "Aloe Propolis Crème",          price: "$23.00",          variant: "113g",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-experiencing-skin-disease_23-2151159352.jpg",          imageAlt: "Forever Living Aloe Propolis Creme"},
        {
          id: "prod-6",          name: "Aloe Jojoba Shampoo",          price: "$21.00",          variant: "296ml",          imageSrc: "http://img.b2bpic.net/free-photo/aloe-vera-leaves-with-beauty-cream-bottle_23-2148173866.jpg",          imageAlt: "Forever Living Aloe Jojoba Shampoo"},
      ]}
      title="Our Bestselling Wellness Products"
      description="Explore our acclaimed range of health and wellness products, essential for a thriving lifestyle and a successful Forever Living business."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m-1",          value: "160+",          title: "Countries",          description: "Our global presence spans continents, offering limitless market potential.",          imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg",          imageAlt: "World map"},
        {
          id: "m-2",          value: "40+",          title: "Years of Excellence",          description: "A legacy built on quality products and a powerful business model.",          imageSrc: "http://img.b2bpic.net/free-photo/medieval-crown-royalty-still-life_23-2150385409.jpg",          imageAlt: "Vintage clock"},
        {
          id: "m-3",          value: "Millions",          title: "FBOs Worldwide",          description: "Join a vast, empowering community of successful Forever Business Owners.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203571.jpg",          imageAlt: "Diverse group of people"},
      ]}
      title="Impact & Growth at a Glance"
      description="Discover the impressive scale and enduring success of the Forever Living business opportunity."
    />
  </div>

  <div id="success-stories" data-section="success-stories">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t-1",          name: "Sarah Johnson",          role: "Team Leader",          company: "FL Success Team",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "t-2",          name: "Michael Chen",          role: "Business Owner",          company: "Aloe Global",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",          imageAlt: "Michael Chen"},
        {
          id: "t-3",          name: "Emily Rodriguez",          role: "Supervisor",          company: "Wellness Path",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48200.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "t-4",          name: "David Kim",          role: "Marketing Director",          company: "Pure Health Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3937.jpg",          imageAlt: "David Kim"},
        {
          id: "t-5",          name: "Jessica Lee",          role: "New FBO",          company: "Forever Dreams",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-with-smile-white-wall-work-job-office-female-business-meetings_140725-65034.jpg",          imageAlt: "Jessica Lee"},
      ]}
      title="Real Stories, Real Success"
      description="Hear directly from individuals who have transformed their lives by joining the Forever Living family and seizing the opportunity."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I become a Forever Business Owner (FBO)?",          content: "Becoming an FBO is straightforward. Simply reach out to us, and we'll guide you through the initial steps to officially join the Forever Living family."},
        {
          id: "faq-2",          title: "What kind of support will I receive as an FBO?",          content: "As an FBO, you'll gain access to extensive training programs, a dedicated mentor, and a vibrant global community committed to your success. We believe in building together."},
        {
          id: "faq-3",          title: "Are there any upfront costs to join Forever Living?",          content: "There is a small initial investment for your FBO starter kit, which provides essential tools and products. We'll ensure full transparency regarding all costs during your inquiry."},
        {
          id: "faq-4",          title: "Can I manage my Forever Living business flexibly?",          content: "Absolutely! Our business model is designed for flexibility, allowing you to build your enterprise part-time or full-time, fitting it seamlessly into your current lifestyle."},
        {
          id: "faq-5",          title: "How do Forever Living products stand out?",          content: "Forever Living products are renowned for their high quality, primarily featuring pure aloe vera and bee-derived ingredients, backed by rigorous research and development for maximum efficacy."}
      ]}
      sideTitle="Common Questions About Forever Living"
      sideDescription="Get answers to frequently asked questions about starting and growing your Forever Living business."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Connect with Us"
      title="Ready to Start Your Forever Living Journey?"
      description="Join thousands globally who have transformed their lives through health, wellness, and a thriving business. Fill out the form below to connect with a mentor and learn how to become a Forever Business Owner."
      inputPlaceholder="Enter your email"
      buttonText="Discover More"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Forever Living Global"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Why Join",              href: "#why-join"},
            {
              label: "Our Products",              href: "#products"}
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#faqs"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Partner Login",              href: "#"}
          ],
        },
      ]}
      copyrightText="© 2024 Forever Living Products. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
