"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Star, Crown } from "lucide-react";

export default function LandingPage() {
  const navItems = [
    { name: "SAT", id: "sat" },
    { name: "TOEFL", id: "toefl" },
    { name: "IELTS", id: "ielts" },
    { name: "Duolingo", id: "duolingo" },
    { name: "CSCA", id: "csca" },
    { name: "Pricing", id: "pricing" },
    { name: "FAQ", id: "faq" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="TestMastery" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Master Any Test. Achieve Your Goals."
          description="Comprehensive preparation platform for SAT, TOEFL, IELTS, Duolingo, and CSCA. Join 2 million+ students improving their scores with AI-powered practice, personalized learning paths, and expert guidance."
          tag="✨ 5 Tests, 1 Platform"
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/modern-test-prep-dashboard-featuring-sat-1773608235047-a48f2200.png"
          imageAlt="TestMastery platform dashboard"
          showBlur={true}
          buttonAnimation="slide-up"
          buttons={[
            { text: "Start Free Trial", href: "#" },
            { text: "Choose Your Test", href: "#" }
          ]}
        />
      </div>

      <div id="test-programs" data-section="test-programs">
        <ProductCardThree
          title="Choose Your Test Preparation Path"
          description="Select from our comprehensive exam prep programs. Each designed with industry experts and updated with latest test formats. Real practice tests, detailed explanations, and adaptive learning."
          tag="Comprehensive Coverage"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          buttons={[{ text: "View All Programs", href: "#" }]}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "sat",              name: "SAT Preparation",              price: "$9.99/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/sat-practice-test-interface-showing-math-1773608235979-7778979e.png",              imageAlt: "SAT practice test interface",              initialQuantity: 1
            },
            {
              id: "toefl",              name: "TOEFL Mastery",              price: "$9.99/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/toefl-english-language-test-module-with--1773608236438-16426725.png",              imageAlt: "TOEFL exam preparation",              initialQuantity: 1
            },
            {
              id: "ielts",              name: "IELTS Complete",              price: "$8.99/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/ielts-exam-preparation-interface-showing-1773608236467-60262bef.png",              imageAlt: "IELTS test preparation",              initialQuantity: 1
            },
            {
              id: "duolingo",              name: "Duolingo English",              price: "$7.99/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/duolingo-english-test-practice-module-wi-1773608237831-1ce4edda.png",              imageAlt: "Duolingo English test prep",              initialQuantity: 1
            },
            {
              id: "csca",              name: "CSCA Certification",              price: "$8.99/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/csca-canadian-standardized-test-preparat-1773608236778-3dd410dc.png",              imageAlt: "CSCA exam preparation",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Powerful Features Built for Success"
          description="Everything you need to ace your exam. From adaptive AI coaching to real-time analytics, our platform is designed for maximum score improvement."
          tag="Smart Learning"
          tagAnimation="blur-reveal"
          buttonAnimation="blur-reveal"
          buttons={[{ text: "Explore Features", href: "#" }]}
          textboxLayout="default"
          useInvertedBackground={true}
          showStepNumbers={true}
          animationType="scale-rotate"
          features={[
            {
              id: 1,
              title: "AI-Powered Coaching",              description: "Get personalized study recommendations and instant feedback from our intelligent coaching system. Identifies weak areas and suggests targeted practice.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/ai-coach-chatbot-interface-for-test-prep-1773608237194-904a5893.png" },
              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/advanced-analytics-dashboard-showing-stu-1773608235381-07464e23.png" }
            },
            {
              id: 2,
              title: "Real-Time Analytics",              description: "Track your progress with detailed performance metrics, score predictions, and comprehensive analytics. See exactly where you stand and what to focus on.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/advanced-analytics-dashboard-showing-stu-1773608235381-07464e23.png" },
              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/adaptive-learning-system-showing-persona-1773608236509-5202830f.png" }
            },
            {
              id: 3,
              title: "Adaptive Learning Paths",              description: "Personalized study plans that adjust to your learning pace and skill level. Machine learning algorithms ensure optimal difficulty progression for maximum retention.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/adaptive-learning-system-showing-persona-1773608236509-5202830f.png" },
              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/ai-coach-chatbot-interface-for-test-prep-1773608237194-904a5893.png" }
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Institutions"
          description="Our platform is used by top universities, test centers, and preparation companies worldwide. Join millions of students already on their path to success."
          textboxLayout="default"
          useInvertedBackground={false}
          names={["University Partners", "Test Centers", "Education Platforms", "Language Institutes", "Academic Bodies", "Certification Centers", "Global Networks", "Student Organizations"]}
          logos={[
            "http://img.b2bpic.net/free-vector/golden-back-school-badge-collection_23-2147862967.jpg",            "http://img.b2bpic.net/free-vector/school-education-logo-template_23-2149713039.jpg",            "http://img.b2bpic.net/free-vector/book-logo-template_23-2149676821.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-school-logo-collection_23-2148212618.jpg",            "http://img.b2bpic.net/free-vector/book-logo-template_23-2149676809.jpg",            "http://img.b2bpic.net/free-vector/flat-design-laptop-logo-template_23-2149000889.jpg",            "http://img.b2bpic.net/free-vector/graduation-badges-collection-flat-style_23-2147871704.jpg",            "http://img.b2bpic.net/free-vector/back-school-labels-collection-with-elements_23-2147858156.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Success Stories from Our Students"
          cardTag="Real Results"
          cardAnimation="slide-up"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-photo-of-a-successful-student-d-1773608234870-dffe5294.png",              imageAlt: "Sarah Chen, successful SAT student"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-of-another-diverse-student-diff-1773608234724-e817d7f1.png",              imageAlt: "Marcus Johnson, TOEFL achiever"
            },
            {
              id: "3",              name: "Priya Patel",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-of-third-diverse-student-smilin-1773608235154-a8b910bc.png",              imageAlt: "Priya Patel, IELTS success story"
            },
            {
              id: "4",              name: "James Wilson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-of-diverse-student-professional-1773608235343-40d54450.png",              imageAlt: "James Wilson, Duolingo certified"
            },
            {
              id: "5",              name: "Maria Garcia",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-of-diverse-young-professional-o-1773608235823-e04c8e02.png",              imageAlt: "Maria Garcia, CSCA certified"
            },
            {
              id: "6",              name: "Ahmed Hassan",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzvEf0ZUlywZr72XRqltl8YCIT/portrait-of-successful-student-diverse-b-1773608234896-e42344c1.png",              imageAlt: "Ahmed Hassan, multi-test achiever"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="By The Numbers"
          description="See the impact of our comprehensive test preparation platform. Trusted by students worldwide achieving their goals."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
              id: "students",              title: "Active Students",              subtitle: "Learning with TestMastery",              category: "Global",              value: "2,000,000+"
            },
            {
              id: "improvement",              title: "Average Score Boost",              subtitle: "Student improvement",              category: "Performance",              value: "+185 Points"
            },
            {
              id: "tests",              title: "Practice Tests",              subtitle: "Available across all exams",              category: "Resources",              value: "5,000+"
            },
            {
              id: "success",              title: "Success Rate",              subtitle: "Students reaching target scores",              category: "Achievement",              value: "94%"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your exam prep journey. All plans include access to our complete platform with full features and updates."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          buttonAnimation="blur-reveal"
          buttons={[{ text: "Start Your Journey", href: "#" }]}
          plans={[
            {
              id: "starter",              badge: "Good Start",              badgeIcon: Sparkles,
              price: "$7.99",              subtitle: "Perfect for getting started",              features: [
                "1 exam practice program",                "100+ practice questions",                "Basic progress tracking",                "Email support",                "7-day free trial"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
              price: "$19.99",              subtitle: "Best for serious students",              features: [
                "Access to all 5 test programs",                "2,000+ practice questions",                "AI-powered coaching",                "Real-time analytics",                "Priority email support",                "Personalized study plans",                "14-day free trial"
              ]
            },
            {
              id: "premium",              badge: "Best Value",              badgeIcon: Crown,
              price: "$39.99",              subtitle: "Maximum score improvement",              features: [
                "All Professional features",                "5,000+ practice questions",                "Live tutoring sessions",                "1-on-1 coaching",                "24/7 priority support",                "Custom study schedules",                "Score guarantee",                "30-day free trial"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about TestMastery, our exam preparation programs, pricing, and features."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "Which tests can I prepare for on TestMastery?",              content: "TestMastery offers comprehensive preparation for SAT, TOEFL, IELTS, Duolingo English Test, and CSCA certification. Each program includes real practice tests, detailed explanations, and personalized learning paths."
            },
            {
              id: "2",              title: "How long does it take to improve my score?",              content: "Most students see score improvements within 2-4 weeks of consistent practice. Our adaptive learning system accelerates progress by focusing on your specific weak areas. With Professional or Premium plans, you can work with AI coaches and tutors for faster results."
            },
            {
              id: "3",              title: "Are the practice tests actual exam questions?",              content: "Our practice tests are created based on official exam specifications and patterns. While not the official tests, they accurately reflect the difficulty, format, and timing of real exams. We continuously update our question banks to match the latest test formats."
            },
            {
              id: "4",              title: "Can I cancel my subscription anytime?",              content: "Yes, you can cancel your subscription anytime without penalties. If you haven't reached your target score on our Professional or Premium plans, we offer a risk-free guarantee with refunds available within 30 days."
            },
            {
              id: "5",              title: "Do you offer group discounts?",              content: "Yes! We offer special pricing for schools, universities, and corporate groups. Contact our sales team for customized group packages and volume discounts."
            },
            {
              id: "6",              title: "Is there a free trial available?",              content: "Absolutely! We offer 7-day free trials for Starter plans, 14-day trials for Professional plans, and 30-day trials for Premium plans. No credit card required to start your free trial."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Products",              items: [
                { label: "SAT Prep", href: "#sat" },
                { label: "TOEFL Prep", href: "#toefl" },
                { label: "IELTS Prep", href: "#ielts" },
                { label: "Duolingo Prep", href: "#duolingo" },
                { label: "CSCA Prep", href: "#csca" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
                { label: "Press", href: "/press" },
                { label: "Contact", href: "/contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Help Center", href: "/help" },
                { label: "Study Guides", href: "/guides" },
                { label: "API Docs", href: "/api" },
                { label: "Community", href: "/community" },
                { label: "Status", href: "/status" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Accessibility", href: "/accessibility" }
              ]
            }
          ]}
          copyrightText="© 2025 TestMastery. All rights reserved. Helping students achieve their goals worldwide."
        />
      </div>
    </ThemeProvider>
  );
}
