"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Sparkles, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Problem",          id: "#problem"},
        {
          name: "Features",          id: "#features"},
        {
          name: "How It Works",          id: "#how-it-works"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Get Started",          id: "#get-started"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vector-logo-illustration-mountain-gradient-colorful-style_361591-543.jpg"
      logoAlt="Ascend Logo"
      brandName="Ascend"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "downward-rays-static-grid"}}
      title="Know Your Next 100 Points."
      description="Ascend uses AI-powered analytics to identify weaknesses, predict score growth, and build personalized study plans that help students improve faster."
      tag="Ascend AI"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get Started",          href: "#get-started"},
        {
          text: "See Demo",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg"
      imageAlt="AI-powered SAT analytics dashboard"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg",          alt: "Happy student avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",          alt: "Confident student avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",          alt: "Focused student avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",          alt: "Enthusiastic student avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/joyful-young-blonde-handsome-man-sits-armchair-keeping-fists-looking-camera-inside-living-room_141793-67300.jpg",          alt: "Successful student avatar"},
      ]}
      avatarText="Join 10,000+ students succeeding with Ascend AI"
      marqueeItems={[
        {
          type: "text",          text: "Adaptive Learning Paths"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-playing-sudoku-game-her-tablet_23-2149072716.jpg",          alt: "Student using tablet"},
        {
          type: "text",          text: "Predictive Score Insights"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908122.jpg",          alt: "Futuristic technology"},
        {
          type: "text",          text: "Targeted Weakness Analysis"},
      ]}
    />
  </div>

  <div id="problem" data-section="problem">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Most students don't know what to study next."
      description={[
        "They spend hours reviewing the wrong topics and make the same mistakes repeatedly. Ascend identifies the weaknesses that matter most and shows students exactly where to focus.",        "Traditional SAT platforms provide practice questions and explanations, but they rarely tell students where their study time will have the greatest impact."]}
      showBorder={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Next 100 Points™",          description: "Ascend ranks weaknesses by score-improvement potential, showing you exactly where to focus to maximize your point gains.",          imageSrc: "http://img.b2bpic.net/free-vector/businessmen-set-their-business-goals-help-them-reach-top-market-beat-their-competitors-1st-place_24797-1454.jpg",          imageAlt: "Graph showing potential score gains"},
        {
          title: "AI Error Analysis",          description: "Upload missed questions, and Ascend classifies mistakes into categories like Concept Gap, Careless Error, or Time Pressure to identify recurring patterns.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-7484.jpg",          imageAlt: "AI analyzing student errors"},
        {
          title: "Score Projection Engine",          description: "Predict potential score growth based on your current score, study hours, and weakness profile with a high confidence level.",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",          imageAlt: "Chart showing projected SAT score growth"},
        {
          title: "Personalized Study Planner",          description: "Automatically generates weekly study schedules that adapt as your performance changes, ensuring you're always focused on the right topics.",          imageSrc: "http://img.b2bpic.net/free-photo/planner-calendar-schedule-date-concept_53876-124898.jpg",          imageAlt: "Digital calendar with personalized study plan"},
        {
          title: "Weakness Radar",          description: "Interactive visualization shows your mastery levels across all SAT subjects, allowing you to quickly identify and target weak areas.",          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg",          imageAlt: "Radar chart showing subject mastery levels"},
        {
          title: "Question Vault",          description: "Stores every missed question, filterable by subject, concept, difficulty, and error type for targeted review and efficient learning.",          imageSrc: "http://img.b2bpic.net/free-photo/robot-working-as-librarian-instead-humans_23-2150912051.jpg",          imageAlt: "Digital vault with categorized practice questions"},
        {
          title: "Study Simulator",          description: "Adjust your weekly study time using a slider to understand the direct relationship between effort and your expected SAT score outcomes.",          imageSrc: "http://img.b2bpic.net/free-photo/peron-doing-presentation-her-colleagues_23-2149229033.jpg",          imageAlt: "Simulation interface showing effort vs score"},
        {
          title: "Ascend AI Coach",          description: "An AI-powered assistant trained on your personal performance data to answer questions like 'Why am I stuck?' and 'What should I focus on this week?'",          imageSrc: "http://img.b2bpic.net/free-photo/cto-manager-multiethnic-startup-office-helps-technician-coding-advanced-ai_482257-125488.jpg",          imageAlt: "AI chatbot assisting a student"},
      ]}
      title="Unlock Your Full Potential with Ascend AI"
      description="Ascend acts as a personalized SAT improvement engine, transforming how students prepare for their exams. We analyze performance data, detect recurring mistakes, and provide personalized recommendations that help students focus on the topics with the highest score-improvement potential."
      tag="Core Features"
      tagIcon={Zap}
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "step1",          name: "Upload Results",          price: "Step 1",          variant: "Easy Data Input",          imageSrc: "http://img.b2bpic.net/free-vector/linear-download-icons_1257-305.jpg",          imageAlt: "Upload icon"},
        {
          id: "step2",          name: "Analyze Weaknesses",          price: "Step 2",          variant: "AI-Powered Diagnostics",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202844.jpg",          imageAlt: "AI analysis icon"},
        {
          id: "step3",          name: "Receive Recommendations",          price: "Step 3",          variant: "Personalized Study Plans",          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg",          imageAlt: "Recommendations icon"},
        {
          id: "step4",          name: "Improve Faster",          price: "Step 4",          variant: "Guaranteed Progress",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-learn-something-new-today-text-slate-near-laptop_23-2147879805.jpg",          imageAlt: "Improvement icon"},
      ]}
      title="Your Path to a Higher Score"
      description="Ascend simplifies SAT preparation into clear, actionable steps, guiding you efficiently to your target score."
      tag="How It Works"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric1",          value: "+120",          title: "Avg. Score Gain",          items: [
            "Identified high-impact areas",            "Optimized study sessions",            "Strategic weakness targeting"]
        },
        {
          id: "metric2",          value: "70%",          title: "Less Wasted Time",          items: [
            "Efficient study plans",            "Focused topic review",            "Eliminated redundant practice"]
        },
        {
          id: "metric3",          value: "90%",          title: "Student Confidence",          items: [
            "Clear path to success",            "Personalized AI guidance",            "Trackable progress"]
        },
      ]}
      title="Proven Impact & Predictable Growth"
      description="Ascend's data-driven approach translates directly into measurable improvements for students worldwide. We help you focus where it matters most."
      tag="Our Impact"
      tagIcon={TrendingUp}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-man-looking-camera-doing-yes-gesture-isolated-white-background_141793-132207.jpg",          imageAlt: "Michael C."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13246.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/impressed-looking-side-young-handsome-guy-wearing-green-shirt-isolated-yellow-wall_141793-85899.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/happiness-people-concept-cute-caucasian-teenage-girl-wearing-black-rectangular-spectacles-casual-polo-shirt-smiling-joyfully_273609-1877.jpg",          imageAlt: "Jessica L."},
        {
          id: "6",          name: "Alex T.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-looking-confident-camera-with-smile-with-crossed-arms-hand-raised-chin-isolated-background_1150-63299.jpg",          imageAlt: "Alex T."},
      ]}
      cardTitle="Real Results, Real Students"
      cardTag="Success Stories"
      cardAnimation="slide-up"
    />
  </div>

  <div id="get-started" data-section="get-started">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Ascend?"
      tagAnimation="slide-up"
      title="Stop Guessing, Start Improving."
      description="Unlock your hidden potential and achieve your target SAT score with Ascend's AI-powered insights and personalized guidance. Get started today!"
      buttons={[
        {
          text: "Get Started",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
      imageAlt="Abstract tech background"
      logoText="Ascend"
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "How It Works",              href: "#how-it-works"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#problem"},
            {
              label: "Contact",              href: "#get-started"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Ascend AI. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
