"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Globe, GraduationCap, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="medium"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Metrics",          id: "#metrics"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="AMPLIFYZ StudyOS"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "sparkles-gradient"}}
      title="AMPLIFYZ StudyOS – Learn Smarter. Score Higher."
      description="The AI-powered learning ecosystem that transforms any study material into beautiful notes, flashcards, mind maps, quizzes, and personalized plans. Amplify Your Potential."
      buttons={[
        {
          text: "Get Started Free",          href: "#contact"},
        {
          text: "Explore Features",          href: "#features"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",          imageAlt: "AMPLIFYZ StudyOS Dashboard showing analytics"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-124737.jpg",          imageAlt: "AI-generated study notes interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036884.jpg",          imageAlt: "Interactive flashcard engine"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/women-collaborating-office_23-2147656652.jpg",          imageAlt: "Dynamic AI-generated mind map"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-woman-sitting-notebook_23-2149001154.jpg",          imageAlt: "AI question generator and mock test UI"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/working-homewhite-caucasian-male-adult-wear-casual-cloth-working-with-desktop-check-analysing-business-data-chart-dinining-table-home-home-isolate-quarantine-ideaswork-remote-concept_609648-2142.jpg",          imageAlt: "Performance analytics dashboard"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "ai-study-bot",          title: "AI Study Bot",          author: "24/7 Advanced AI Tutor",          description: "Solve doubts, explain concepts step-by-step, answer questions from uploaded material, explain diagrams, and simplify difficult topics with voice interaction support.",          tags: [
            "AI Tutoring",            "Doubt Solving"],
          imageSrc: "http://img.b2bpic.net/free-photo/robot-working-as-librarian-instead-humans_23-2150912053.jpg",          imageAlt: "AI Study Bot illustration"},
        {
          id: "smart-notes-generator",          title: "Smart Notes Generator",          author: "Effortless Note Creation",          description: "Upload PDFs, images, textbooks, or handwritten notes, and our AI automatically creates beautifully formatted notes, summaries, formula sheets, and last-minute revision guides.",          tags: [
            "Notes",            "Summaries"],
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-working-with-it_1134-86.jpg",          imageAlt: "Smart Notes Generator illustration"},
        {
          id: "ai-question-generator",          title: "AI Question Generator",          author: "Tailored Practice Questions",          description: "Generate MCQs, Assertion-Reason, Short/Long Answer, and Case Study questions at Easy, Medium, Hard, and Olympiad/JEE Advanced difficulty levels.",          tags: [
            "Quizzes",            "Exam Prep"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250207.jpg",          imageAlt: "AI Question Generator illustration"},
        {
          id: "flashcard-engine",          title: "Flashcard Engine",          author: "Master Active Recall",          description: "Automatically create flashcards from any material. Leverage active recall, spaced repetition, and progress tracking to reinforce your learning effectively.",          tags: [
            "Flashcards",            "Revision"],
          imageSrc: "http://img.b2bpic.net/free-photo/view-school-items-arrangement_23-2149001122.jpg",          imageAlt: "Flashcard Engine illustration"},
        {
          id: "mind-map-generator",          title: "Mind Map Generator",          author: "Visual Learning Unlocked",          description: "Convert any chapter into interactive mind maps, concept trees, and visual learning boards to connect topics and enhance your understanding.",          tags: [
            "Mind Maps",            "Visual Learning"],
          imageSrc: "http://img.b2bpic.net/free-photo/paint-brush-purple-paper-background_127675-2558.jpg",          imageAlt: "Mind Map Generator illustration"},
        {
          id: "study-planner",          title: "Study Planner",          author: "Adaptive Schedules",          description: "Get AI-generated study schedules, exam countdowns, daily/weekly goals, and smart revision plans that adapt automatically based on your progress.",          tags: [
            "Planning",            "Productivity"],
          imageSrc: "http://img.b2bpic.net/free-photo/big-screen-financial-department-office-shows-stock-exchange-indices_482257-91771.jpg",          imageAlt: "Study Planner illustration"},
      ]}
      title="All-in-One Learning Ecosystem"
      description="Replace multiple student apps with a single, intuitive platform combining AI tutoring, smart note generation, revision tools, exam preparation, and personalized learning systems."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "study-hours",          value: "1M+",          description: "Study Hours Logged by Students"},
        {
          id: "completion-rate",          value: "90%",          description: "Average Chapter Completion Rate"},
        {
          id: "score-increase",          value: "20%",          description: "Average Score Increase on Mock Tests"},
        {
          id: "active-users",          value: "100K+",          description: "Active Students Globally"},
      ]}
      title="Quantify Your Progress"
      description="Track your learning journey with intuitive dashboards and performance analytics to understand your strengths, weaknesses, and areas for improvement. Achieve your academic goals with data-driven insights."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Priya Sharma",          handle: "@priya_studies",          testimonial: "AMPLIFYZ StudyOS is a game-changer! The AI tutor clarifies doubts instantly, and the smart notes generator saves hours. My scores have significantly improved!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",          imageAlt: "Priya Sharma"},
        {
          id: "2",          name: "Amit Kumar",          handle: "@amit_jee_prep",          testimonial: "As a JEE aspirant, this platform is a blessing. The AI question generator with difficulty levels is spot on, and the mind maps help me visualize complex physics concepts.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",          imageAlt: "Amit Kumar"},
        {
          id: "3",          name: "Neha Singh",          handle: "@neha_college",          testimonial: "The adaptive study planner keeps me on track, and the flashcard engine is perfect for quick revisions. It's truly an all-in-one solution for college studies.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/calm-serious-woman-with-long-pony-tail-wears-transparent-glasses-green-jumper-looks-attentively-camera-poses-pink-studio_273609-38843.jpg",          imageAlt: "Neha Singh"},
        {
          id: "4",          name: "Rahul Verma",          handle: "@rahul_exams",          testimonial: "The performance analytics are incredibly detailed, showing exactly where I need to focus. AMPLIFYZ StudyOS has made exam prep less stressful and more efficient.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-young-woman-wears-casual-sweater-has-hair-bun-looks-with-calm-facial-expressions-poses-against-pink-neon-space_176532-11529.jpg",          imageAlt: "Rahul Verma"},
        {
          id: "5",          name: "Sarita Devi",          handle: "@sarita_med",          testimonial: "For NEET preparation, the specific question types and comprehensive mock tests are invaluable. The AI revision assistant helps me consolidate topics effectively.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg",          imageAlt: "Sarita Devi"},
        {
          id: "6",          name: "Vivek Raj",          handle: "@vivek_learns",          testimonial: "I love the gamification features! Earning badges and competing on leaderboards makes studying fun and keeps me motivated. Highly recommend AMPLIFYZ StudyOS!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",          imageAlt: "Vivek Raj"},
      ]}
      showRating={true}
      title="Hear From Our Students"
      description="Thousands of students are transforming their study habits, learning faster, and achieving higher scores with AMPLIFYZ StudyOS. Read their success stories."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      plans={[
        {
          id: "free",          tag: "Starter",          price: "₹0",          period: "/month",          description: "Access essential AI learning tools.",          button: {
            text: "Get Started Free",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Limited AI Usage",            "Basic Note Generation",            "Standard Flashcards",            "Community Access"],
        },
        {
          id: "pro",          tag: "Recommended",          tagIcon: Sparkles,
          price: "₹499",          period: "/month",          description: "Supercharge your studies with advanced AI.",          button: {
            text: "Go Pro",            href: "#contact"},
          featuresTitle: "All Starter features, plus:",          features: [
            "Unlimited AI Usage",            "Unlimited Note Generation",            "Advanced Analytics",            "AI Mock Exams",            "AI Voice Tutor",            "Personalized Study Plans"],
        },
        {
          id: "premium",          tag: "Ultimate",          price: "₹999",          period: "/month",          description: "Complete learning mastery and dedicated support.",          button: {
            text: "Get Premium",            href: "#contact"},
          featuresTitle: "All Pro features, plus:",          features: [
            "Dedicated Mentoring Session",            "Priority Support",            "Exclusive Content Access",            "Early Access to New Features"],
        },
      ]}
      title="Unlock Your Full Potential with AMPLIFYZ Pro"
      description="Choose the plan that suits your academic ambitions. Upgrade to AMPLIFYZ Pro for unlimited access to advanced AI features and personalized mentoring."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Mission: Amplify Student Success"
      metrics={[
        {
          icon: GraduationCap,
          label: "Students Supported",          value: "100K+"},
        {
          icon: Zap,
          label: "AI Features Integrated",          value: "10+"},
        {
          icon: Globe,
          label: "Learning Modes",          value: "5"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "StudyFlow",        "EduNest",        "ScholarBridge",        "BrainWave AI",        "Academia Pro",        "LearnSphere",        "InsightEd",        "Quantum Learning"]}
      title="Trusted by Aspiring Achievers"
      description="Join a growing community of students, educators, and institutions leveraging AMPLIFYZ StudyOS to redefine their learning experience and achieve academic excellence."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What kind of study materials can I upload?",          content: "You can upload PDF files, images, screenshots, textbooks, and even handwritten notes. Our AI processes them to generate notes, flashcards, and more."},
        {
          id: "2",          title: "How does the AI tutor work?",          content: "Our 24/7 AI tutor can solve doubts, explain concepts step-by-step, answer questions from uploaded material, explain diagrams, and simplify difficult topics. It also supports voice interaction!"},
        {
          id: "3",          title: "Is there a free trial for AMPLIFYZ Pro?",          content: "We offer a Free plan that provides essential AI learning tools. For the full experience with unlimited AI usage and advanced features, you can subscribe to AMPLIFYZ Pro."},
        {
          id: "4",          title: "How does the gamification system work?",          content: "Students earn XP, coins, and badges for studying and completing tasks. You can achieve different levels like 'Study Warrior' or 'Physics Champion' and compete on leaderboards to stay motivated."},
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to the most common questions about AMPLIFYZ StudyOS features, pricing, and how our AI helps you learn smarter."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Ready to Amplify Your Learning?"
      description="Join the waitlist for early access, or reach out to us for any inquiries. Our team is dedicated to helping you succeed in your academic journey."
      inputPlaceholder="Enter your email"
      buttonText="Join Waitlist"
      termsText="By joining the waitlist, you agree to receive updates from AMPLIFYZ StudyOS."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg"
      imageAlt="Abstract futuristic background"
      logoText="AMPLIFYZ StudyOS"
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Performance",              href: "#metrics"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "#"},
            {
              label: "Community",              href: "#social-proof"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 AMPLIFYZ StudyOS. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
