"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 FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, BarChart, Cog, Link, Mic, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "AI Assistant",
          id: "#ai-assistant",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Insights",
          id: "#insights",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="PLENUM"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "glowing-orb",
      }}
      imagePosition="right"
      title="PLENUM"
      description="AI Commerce Reimagined. Experience the future of shopping with your personal intelligent assistant. Discover, compare, and purchase effortlessly in a truly cinematic universe."
      buttons={[
        {
          text: "Explore Products",
          href: "#products",
        },
        {
          text: "Meet Plenum Bot",
          href: "#ai-assistant",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg"
      imageAlt="Futuristic AI commerce dashboard interface"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
          alt: "Studio portrait of serious plump male in eyeglasses over grey background.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
          alt: "Portrait of festive plump male in eyeglasses and bow tie over dark grey background.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
          alt: "Bearded black man wearing a suit and a felt hat.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
          alt: "Confident African-American businessman in a black classic jacket. Isolated on a dark background.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-responsible-installation-equipment_482257-107511.jpg",
          alt: "Data center computer scientist responsible for installation of equipment",
        },
      ]}
      avatarText="Join 1.5M+ Commerce Innovators"
      marqueeItems={[
        {
          type: "text",
          text: "AI-Powered Discovery",
        },
        {
          type: "text-icon",
          text: "Seamless Integrations",
          icon: Link,
        },
        {
          type: "text",
          text: "Future of Retail",
        },
        {
          type: "text-icon",
          text: "Voice Command Ready",
          icon: Mic,
        },
        {
          type: "text",
          text: "Personalized Experience",
        },
        {
          type: "text-icon",
          text: "Real-time Insights",
          icon: BarChart,
        },
      ]}
    />
  </div>

  <div id="ai-assistant" data-section="ai-assistant">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Meet Your Future"
      title="Plenum Bot: Your Intelligent Commerce Assistant"
      description="Plenum Bot reimagines your commerce journey. From smart recommendations to voice-activated shopping, it's designed to make every interaction seamless and intuitive, always feeling alive."
      subdescription="Harnessing the power of advanced AI, Plenum Bot learns your preferences, anticipates your needs, and provides real-time insights for a truly personalized and luxurious experience, accessible mobile-first."
      icon={Cog}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118102.jpg"
      imageAlt="Futuristic AI assistant bot glowing with neon colors"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "feature-1",
          title: "AI Shopping Reinvented",
          description: "Seamlessly browse, discover, and purchase with AI at your side, making every click and swipe intuitive.",
          tag: "Intelligent",
          imageSrc: "http://img.b2bpic.net/free-photo/virtual-shopping-experience_23-2151952991.jpg",
          imageAlt: "Abstract art of AI shopping",
        },
        {
          id: "feature-2",
          title: "Smart Recommendations",
          description: "Personalized suggestions tailored to your unique tastes and needs, anticipating your desires before you even know them. Cinematic and precise.",
          tag: "Personalized",
          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-tablet-with-black-friday-search_23-2149093523.jpg",
          imageAlt: "Abstract art of smart recommendations",
        },
        {
          id: "feature-3",
          title: "Intuitive Voice Commerce",
          description: "Interact naturally and complete transactions using just your voice, transforming how you engage with products. Effortless and futuristic.",
          tag: "Hands-Free",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-curly-haired-woman-holds-stereo-headphones-hands-listens-music-while-strolls-outdoors-wears-casual-pink-jumper-poses-against-blurred-background-spare-time-concept_273609-56726.jpg",
          imageAlt: "Abstract art of voice commerce",
        },
        {
          id: "feature-4",
          title: "Your Personal AI Assistant",
          description: "Your dedicated bot for product search, comparisons, and shopping guidance, available 24/7. Always on, always intelligent.",
          tag: "Always On",
          imageSrc: "http://img.b2bpic.net/free-vector/beacon-wireless-technology-isometric-web-banner_107791-1914.jpg",
          imageAlt: "Abstract art of personal AI assistant",
        },
      ]}
      title="Unlock a New Dimension of Commerce"
      description="Plenum's core features bring an unparalleled level of intelligence and convenience to your shopping experience, designed with cinematic animations and premium interactions."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",
          name: "Nebula Smart Hub",
          price: "₹29,999",
          variant: "Cosmic Purple",
          imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-high-tech-vr-glasses-while-surrounded-by-bright-blue-neon-colors_23-2151255068.jpg",
          imageAlt: "Nebula Smart Hub",
        },
        {
          id: "prod-2",
          name: "Aether Drone X",
          price: "₹55,499",
          variant: "Electric Blue",
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189249.jpg",
          imageAlt: "Aether Drone X",
        },
        {
          id: "prod-3",
          name: "Holo Projector Mini",
          price: "₹34,999",
          variant: "Cyan Glow",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-special-effect-captured_23-2149043544.jpg",
          imageAlt: "Holo Projector Mini",
        },
        {
          id: "prod-4",
          name: "Vortex Smart Speaker",
          price: "₹12,799",
          variant: "Deep Black",
          imageSrc: "http://img.b2bpic.net/free-photo/person-reading-place-reviews-laptop_482257-76759.jpg",
          imageAlt: "Vortex Smart Speaker",
        },
        {
          id: "prod-5",
          name: "Quantum AR Glasses",
          price: "₹79,999",
          variant: "Midnight Blue",
          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-vr-goggles_23-2147771068.jpg",
          imageAlt: "Quantum AR Glasses",
        },
        {
          id: "prod-6",
          name: "Aura Personal Bot",
          price: "₹42,500",
          variant: "Neon Purple",
          imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736849.jpg",
          imageAlt: "Aura Personal Bot",
        },
      ]}
      title="Curated for Tomorrow's Consumer"
      description="Explore a universe of trending and personalized products, hand-picked by Plenum's AI. Every item feels premium, presented with luxury visuals and smooth animations."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          tag: "Essential",
          tagIcon: Sparkles,
          price: "₹999",
          period: "per month",
          description: "Unlock foundational AI insights and smart product discovery.",
          button: {
            text: "Start Free Trial",
          },
          featuresTitle: "Includes:",
          features: [
            "AI Product Search",
            "Smart Recommendations (Basic)",
            "Personalized Feed",
            "Standard Analytics",
          ],
        },
        {
          id: "pro",
          tag: "Pro Growth",
          tagIcon: Zap,
          price: "₹2,499",
          period: "per month",
          description: "Accelerate your business with advanced AI tools and comprehensive analytics.",
          button: {
            text: "Get Pro",
          },
          featuresTitle: "Everything in Essential, plus:",
          features: [
            "Voice Commerce Integration",
            "Advanced AI Comparisons",
            "Priority Support",
            "Enhanced Security Protocols",
          ],
        },
        {
          id: "enterprise",
          tag: "Enterprise AI",
          tagIcon: Award,
          price: "Custom",
          period: "",
          description: "Tailored AI solutions for large-scale commerce operations, built for your enterprise.",
          button: {
            text: "Contact Sales",
          },
          featuresTitle: "Everything in Pro, plus:",
          features: [
            "Dedicated AI Model Training",
            "Custom Integrations",
            "24/7 Enterprise Support",
            "Advanced Compliance & Audit",
          ],
        },
      ]}
      title="Elevate Your Commerce Experience"
      description="Choose the Plenum plan that fits your ambition, from intelligent essentials to ultimate AI mastery, with a premium feel for every tier."
    />
  </div>

  <div id="insights" data-section="insights">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Pioneering the Future of Digital Retail"
      tag="Impact & Innovation"
      tagAnimation="slide-up"
      metrics={[
        {
          id: "metric-1",
          value: "10x",
          description: "Faster product discovery with AI-powered search, reducing time to purchase.",
        },
        {
          id: "metric-2",
          value: "92%",
          description: "Increase in customer satisfaction through personalized AI recommendations.",
        },
        {
          id: "metric-3",
          value: "75%",
          description: "Reduction in customer support queries thanks to Plenum Bot's capabilities.",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Anjali Sharma",
          role: "CEO",
          company: "InnovateX",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254447.jpg",
          imageAlt: "Anjali Sharma",
        },
        {
          id: "2",
          name: "Kiran Rao",
          role: "CTO",
          company: "NextGen Solutions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-server-hub-facility-monitoring-server-infrastructure-using-device_482257-112709.jpg",
          imageAlt: "Kiran Rao",
        },
        {
          id: "3",
          name: "Priya Singh",
          role: "Marketing Director",
          company: "BrandForge",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
          imageAlt: "Priya Singh",
        },
        {
          id: "4",
          name: "Rahul Kumar",
          role: "Product Manager",
          company: "DigitalCraft",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
          imageAlt: "Rahul Kumar",
        },
        {
          id: "5",
          name: "Deepa Menon",
          role: "Founder",
          company: "Evolve AI",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122921.jpg",
          imageAlt: "Deepa Menon",
        },
        {
          id: "6",
          name: "Vikramjeet Singh",
          role: "Lead AI Researcher",
          company: "CogniFlow",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
          imageAlt: "Vikramjeet Singh",
        },
      ]}
      kpiItems={[
        {
          value: "4.9/5",
          label: "User Rating",
        },
        {
          value: "20M+",
          label: "Products Analyzed",
        },
        {
          value: "1.5M+",
          label: "Active Users",
        },
      ]}
      title="What Our Pioneers Say"
      description="Join the ranks of innovators and entrepreneurs who are transforming their businesses and shopping experiences with Plenum."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TechHive",
        "Quantum Labs",
        "Aether Corp",
        "Nexus Systems",
        "Hyperlane Group",
        "Echo Innovations",
        "Vortex Dynamics",
        "CogniStream",
        "OptiMind Solutions",
      ]}
      title="Trusted by Industry Innovators"
      description="Plenum is backed by visionary leaders and adopted by cutting-edge companies worldwide, shaping the future of AI commerce."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What is PLENUM and how does it revolutionize commerce?",
          content: "PLENUM is an AI-powered futuristic commerce ecosystem, leveraging advanced AI to provide personalized shopping experiences, smart recommendations, and voice commerce. It revolutionizes how you discover, compare, and purchase products.",
        },
        {
          id: "faq-2",
          title: "What are the core capabilities of PLENUM BOT?",
          content: "PLENUM BOT is your intelligent assistant capable of product search, smart comparisons, order tracking, and comprehensive shopping assistance. It learns your preferences to offer highly relevant recommendations.",
        },
        {
          id: "faq-3",
          title: "Is PLENUM mobile-first and secured?",
          content: "Absolutely. PLENUM is built mobile-first, ensuring a premium experience on any device. Our login system uses phone OTP, and all interactions are designed to be secure, private, and encrypted.",
        },
        {
          id: "faq-4",
          title: "What kind of animations and UI can I expect?",
          content: "You can expect a cinematic, highly animated, and luxury UI. We use glassmorphism, glow borders, dynamic shadows, and animated gradients for breathtaking interactions and smooth page transitions.",
        },
        {
          id: "faq-5",
          title: "How does Plenum ensure data privacy?",
          content: "Plenum employs state-of-the-art encryption and privacy protocols. Your data is used exclusively to enhance your personalized shopping experience and is never shared with third parties without your explicit consent. We prioritize your digital security.",
        },
        {
          id: "faq-6",
          title: "Can I integrate Plenum with my existing e-commerce platform?",
          content: "Yes, our Enterprise AI plan offers custom integration solutions tailored to your existing e-commerce infrastructure. Our team works closely with you to ensure a seamless and efficient transition, maximizing the power of AI in your current ecosystem.",
        },
      ]}
      sideTitle="Your Questions, Answered by AI"
      sideDescription="Browse common inquiries about Plenum's platform, Plenum Bot, and the future of AI commerce. Our AI is always here to help clarify your path to the future."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Connect"
      title="Ready to Reimagine Commerce?"
      description="Join the Plenum revolution and step into the future of AI commerce. Enter your email to stay updated on our latest innovations, exclusive offers, and platform updates."
      inputPlaceholder="Enter your email for cosmic updates"
      buttonText="Join the Future"
      termsText="By joining, you agree to receive cinematic updates from Plenum. Secure. Private. Encrypted."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "AI Assistant",
              href: "#ai-assistant",
            },
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Products",
              href: "#products",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#ai-assistant",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Partners",
              href: "#partners",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="PLENUM"
      copyrightText="© 2024 PLENUM. AI Commerce Reimagined. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
