"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Target, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Subjects",
          id: "#subjects",
        },
        {
          name: "JEE Details",
          id: "#details",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      brandName="JEE Mastery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="JEE Mastery"
      description="Master IIT JEE with our expert-led curriculum, interactive lessons, and deep-dive problem solving for both JEE Main and Advanced."
      buttons={[
        {
          text: "Get Started",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-holding-books_23-2147664051.jpg?_wi=1",
          imageAlt: "Physics preparation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-science-day-arrangement-with-copy-space_23-2149112688.jpg?_wi=1",
          imageAlt: "Chemistry models",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444928.jpg",
          imageAlt: "Math formulas",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/serious-curly-female-student-studies-online-uses-modern-teblet-wears-spectacles-casual-clothes-browses-internet-poses-outside-against-blurred-background-freelancer-thinks-about-strategy-project_273609-60605.jpg",
          imageAlt: "Tablet learning",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-reading-nook-with-coffee-sunlight_23-2152005176.jpg",
          imageAlt: "Study space",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-graduation-robe-cap-wearing-virtual-reality-headset_23-2148912765.jpg",
          imageAlt: "Success",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Your Path to IIT Success"
      description={[
        "We break down complex JEE concepts into bite-sized, actionable learning modules.",
        "Whether you are targeting JEE Main or striving for a top rank in JEE Advanced, our comprehensive curriculum covers everything you need.",
        "From Mechanics to Calculus, our expert mentors guide you through every step of your preparation.",
      ]}
    />
  </div>

  <div id="subjects" data-section="subjects">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Physics",
          description: "Mechanics, Electrodynamics, Thermodynamics, and Modern Physics.",
          items: [
            {
              icon: Zap,
              text: "Conceptual Clarity",
            },
            {
              icon: Target,
              text: "Numerical Solving",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-desk-with-stationery_23-2147854110.jpg",
          imageAlt: "Girl studying at desk with stationery",
        },
        {
          title: "Chemistry",
          description: "Physical, Organic, and Inorganic Chemistry mastery.",
          items: [
            {
              icon: FlaskConical,
              text: "NCERT Mastery",
            },
            {
              icon: Atom,
              text: "Reaction Mechanisms",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-holding-books_23-2147664051.jpg?_wi=2",
          imageAlt: "Girl studying at desk with stationery",
        },
        {
          title: "Mathematics",
          description: "Calculus, Algebra, Coordinate Geometry, and Probability.",
          items: [
            {
              icon: Calculator,
              text: "Advanced Problem Solving",
            },
            {
              icon: Sigma,
              text: "Calculus Depth",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-science-day-arrangement-with-copy-space_23-2149112688.jpg?_wi=2",
          imageAlt: "Girl studying at desk with stationery",
        },
      ]}
      title="Comprehensive Subject Coverage"
      description="Deep-dive preparation across all core subjects to ensure you hit every mark."
    />
  </div>

  <div id="details" data-section="details">
      <MetricCardEleven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "NCERT Focused",
          title: "JEE Main",
          description: "Numerical accuracy & speed.",
          imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-neon-number-4-symbol-dark-futuristic-background_84443-91240.jpg",
        },
        {
          id: "m2",
          value: "Application Deep",
          title: "JEE Advanced",
          description: "Multi-step complex reasoning.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicolor-linear-pencils-mandala-coloring-crafting_114579-34381.jpg",
        },
        {
          id: "m3",
          value: "High Scoring",
          title: "Exam Potential",
          description: "Maximize every single mark.",
          imageSrc: "http://img.b2bpic.net/free-photo/curious-male-office-occupation-grey_1134-1298.jpg",
        },
      ]}
      title="Main vs Advanced Differences"
      description="Understand exactly how to tailor your preparation strategy for both exams."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          tag: "Essential",
          price: "$99",
          period: "/mo",
          description: "Perfect for daily practice and basics.",
          button: {
            text: "Select Basic",
          },
          featuresTitle: "Included Features",
          features: [
            "JEE Main Topics",
            "Weekly Quizzes",
            "Practice Sets",
          ],
        },
        {
          id: "pro",
          tag: "Recommended",
          price: "$199",
          period: "/mo",
          description: "Designed for top rankers.",
          button: {
            text: "Select Pro",
          },
          featuresTitle: "Everything in Basic, plus:",
          features: [
            "JEE Advanced Topics",
            "Advanced Analytics",
            "1-on-1 Mentorship",
            "Custom Roadmaps",
          ],
        },
      ]}
      title="Choose Your Learning Plan"
      description="Flexible pricing plans designed to fit your study schedule and goals."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Aman Singh",
          handle: "@aman_jee",
          testimonial: "The deep conceptual clarity in physics helped me boost my rank significantly.",
          imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-smiling-blond-woman-with-straight-long-natural-hair-standing-half-turned-looking-camera-with-happy-face-white-background_176420-44988.jpg",
        },
        {
          id: "t2",
          name: "Priya Sharma",
          handle: "@priya_chem",
          testimonial: "Chemistry NCERT mastery was the key to my success. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-digital-tablet_23-2147860920.jpg",
        },
        {
          id: "t3",
          name: "Rahul Verma",
          handle: "@rahul_maths",
          testimonial: "Mathematics advanced problem-solving techniques are just top-notch here.",
          imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",
        },
        {
          id: "t4",
          name: "Sneha Gupta",
          handle: "@sneha_jee",
          testimonial: "I loved the structured approach to JEE Advanced. Truly helped me prepare.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-carefully-reading-book-emotion-concept_169016-65638.jpg",
        },
        {
          id: "t5",
          name: "Vikram Seth",
          handle: "@vikram_success",
          testimonial: "The analytics helped me identify my weak spots and improve them steadily.",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-thoughtful-young-smart-redhead-female-student-thinking-ideas-project-look-upper-left-corner_1258-229416.jpg",
        },
      ]}
      title="Student Success Stories"
      description="Join thousands of successful students who mastered the JEE with us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How often should I practice?",
          content: "Daily practice is key. Consistency matters more than long hours.",
        },
        {
          id: "f2",
          title: "Which books are best?",
          content: "NCERT for fundamentals, HC Verma for physics, and standard coaching modules.",
        },
        {
          id: "f3",
          title: "When should I start preparing?",
          content: "Ideally early, but start exactly where you are today!",
        },
      ]}
      title="Common Questions"
      description="Answers to the most frequent questions about JEE preparation."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Start Today"
      title="Ready to Start Your Journey?"
      description="Sign up for our newsletter for regular study tips and JEE prep updates."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="JEE Mastery"
      columns={[
        {
          title: "Study",
          items: [
            {
              label: "Main Topics",
              href: "#subjects",
            },
            {
              label: "Advanced Prep",
              href: "#details",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "About",
              href: "#about",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
