"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Resources",          id: "#giveaways"},
        {
          name: "Premium Plan",          id: "#vip-plans"},
        {
          name: "Challenges",          id: "#tournaments"},
        {
          name: "Achievers Hall",          id: "#winners"},
        {
          name: "FAQs",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/shopping-cart-with-bubbles-geometric-shapes-3d-style_23-2152026895.jpg"
      logoAlt="Professor World logo"
      brandName="Professor World"
      button={{
        text: "Join Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "animated-grid"}}
      title="Professor World: Master Your Domain"
      description="Your central hub for exclusive insights, premium resources, and a community dedicated to mastery."
      buttons={[
        {
          text: "Get Started",          href: "#"},
        {
          text: "Explore Plans",          href: "#vip-plans"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",          imageAlt: "Professor World dashboard interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-gift-box-with-golden-balloon_187299-48036.jpg",          imageAlt: "Premium resources section with Join Now button"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036886.jpg",          imageAlt: "Professor World membership dashboard"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg",          imageAlt: "Animated logo of Professor World"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30670.jpg",          imageAlt: "Live stats with animated numbers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-lights-ceiling_53876-95412.jpg",          imageAlt: "Close-up on learning progress chart"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "1",          value: "100K+",          title: "Total Members",          items: [
            "Across all platforms",            "Growing daily"],
        },
        {
          id: "2",          value: "500+",          title: "Active Resources",          items: [
            "Monthly free & premium",            "High-value content"],
        },
        {
          id: "3",          value: "10K+",          title: "Premium Members",          items: [
            "Exclusive access",            "Priority support"],
        },
        {
          id: "4",          value: "1M+",          title: "Challenges Completed",          items: [
            "Skill-building opportunities",            "Empowering learners"],
        },
      ]}
      title="Professor World: Impact in Numbers"
      description="Explore the real-time impact and growth of the Professor World community."
    />
  </div>

  <div id="giveaways" data-section="giveaways">
      <FeatureCardSixteen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Basic Content Access",          "Community Forum",          "Introductory Challenges",          "Limited Support"],
      }}
      positiveCard={{
        items: [
          "Advanced Resources",          "Premium Channels",          "Exclusive Challenges",          "Priority Support",          "Early Access to New Features",          "Dedicated Mentorship",          "Personalized Roadmaps"],
      }}
      title="Professor World: Free vs. Premium Access"
      description="Discover the different tiers of access at Professor World, from foundational knowledge to exclusive premium resources."
    />
  </div>

  <div id="vip-plans" data-section="vip-plans">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "monthly-vip",          title: "Monthly Premium",          price: "$99",          period: "/month",          features: [
            "Resource Access",            "Premium Channels",            "Challenge Opportunities",            "Basic Support"],
          button: {
            text: "Start Monthly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/pink-iridescent-texture-background_23-2151839355.jpg",          imageAlt: "Monthly Professor World Plan"},
        {
          id: "quarterly-vip",          title: "Quarterly Premium",          price: "$249",          period: "/quarter",          features: [
            "Everything in Monthly",            "Extra Resources",            "Priority Support",            "Early Access"],
          button: {
            text: "Go Quarterly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898150.jpg",          imageAlt: "Quarterly Professor World Plan"},
        {
          id: "yearly-vip",          title: "Yearly Premium",          price: "$799",          period: "/year",          features: [
            "Lifetime Access Benefits",            "Highest Priority Support",            "Dedicated Advisor",            "Exclusive Mentorship"],
          button: {
            text: "Commit Yearly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-crystal-ball_23-2149413285.jpg",          imageAlt: "Yearly Professor World Plan"},
      ]}
      title="Professor World: Unlock Your Potential"
      description="Choose a Professor World plan tailored to your learning and growth ambitions, with exclusive benefits and priority access."
    />
  </div>

  <div id="tournaments" data-section="tournaments">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "tournament-1",          name: "Daily Learning Challenge",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-credit-card-shopping_23-2152027052.jpg",          imageAlt: "Daily Learning Challenge"},
        {
          id: "tournament-2",          name: "Weekly Knowledge Bowl",          price: "$50 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/gold-bull-backgrounds-graphics-elements-related-financial-sector_23-2151807626.jpg",          imageAlt: "Weekly Knowledge Bowl"},
        {
          id: "tournament-3",          name: "Monthly Mastery Tournament",          price: "$100 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370367.jpg",          imageAlt: "Monthly Mastery Tournament"},
        {
          id: "tournament-4",          name: "Annual Grand Challenge",          price: "$250 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/2023-new-year-celebration_23-2150161905.jpg",          imageAlt: "Annual Grand Challenge"},
        {
          id: "tournament-5",          name: "Beginner Learning League",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-bitcoin-illustration_23-2151611157.jpg",          imageAlt: "Beginner Learning League"},
        {
          id: "tournament-6",          name: "Strategy Showdown",          price: "$75 Entry",          imageSrc: "http://img.b2bpic.net/free-vector/flat-vertical-poster-template-back-school-season_23-2150606097.jpg",          imageAlt: "Strategy Showdown"},
      ]}
      title="Professor World: Learning Challenges"
      description="Engage in challenges, climb the leaderboard, and master new skills in our interactive learning competitions."
    />
  </div>

  <div id="winners" data-section="winners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "KnowledgeSeekerX",        "MasterMind",        "InsightInnovator",        "SkillSharper",        "MindArchitect",        "GrowthAchiever",        "WisdomCrafter",        "AdeptLearner",        "Virtuoso" ]}
      title="Professor World: Hall of Achievers"
      description="Celebrating the members who have achieved mastery and excelled in our challenges."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I access free content?",          content: "To access free content, simply create an account. For premium resources, you'll need an active premium membership."},n        {
          id: "faq-2",          title: "What are premium membership benefits?",          content: "Premium members get exclusive access to advanced resources, specialized channels, unique challenge opportunities, priority support, and special bonuses."},n        {
          id: "faq-3",          title: "How are challenge winners selected?",          content: "Winners are selected automatically through a transparent system, ensuring fairness. Results are announced regularly."},n        {
          id: "faq-4",          title: "Can I upgrade my premium plan?",          content: "Yes, you can upgrade your premium plan at any time through your user dashboard. The system will automatically adjust your current subscription."},n        {
          id: "faq-5",          title: "What kind of learning resources do you provide?",          content: "Our resources cover various domains and skills, provided by expert professors and mentors. Premium members get access to a wider range of content and personalized guidance."},n        {
          id: "faq-6",          title: "Is Professor World suitable for beginners?",          content: "Absolutely! We offer resources and a supportive community for learners of all levels, including beginner-friendly challenges and educational content."},n      ]}
      title="Professor World: Common Questions"
      description="Find quick answers to common questions about Professor World, our resources, and membership."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Professor World: Get in Touch"
      description="Have questions or need support? Reach out to the Professor World team."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/view-woman-wearing-purple-scarf-women-s-day-celebration_23-2151257622.jpg"
      imageAlt="Professor World customer support interface"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9399.jpg"
      imageAlt="Abstract black and blue background"
      logoText="Professor World"
      columns={[
        {
          title: "Community",          items: [
            {
              label: "Resources",              href: "#giveaways"},
            {
              label: "Challenges",              href: "#tournaments"},
            {
              label: "Achievers Hall",              href: "#winners"},
          ],
        },
        {
          title: "Membership",          items: [
            {
              label: "Premium Plans",              href: "#vip-plans"},
            {
              label: "Referral System",              href: "#"},
            {
              label: "Achievement System",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Live Chat",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Professor World. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}