"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import {
  Sparkles,
  Target,
  CheckCircle,
  BookOpen,
  Lightbulb,
  Trophy,
  Calendar,
  Sun,
  AlertCircle,
  Sigma,
  Zap,
  TrendingUp,
  DollarSign,
  Star,
  Flame,
  Award,
  HelpCircle,
  Facebook,
  Instagram,
  Linkedin,
} from "lucide-react";

export default function MathMasteryLanding() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="noise"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="MathMastery"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Book Free Session",            href: "contact"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Master Math with Personalized Tutoring"
          description="Expert one-on-one math tutoring for high school students. Build confidence, improve grades, and ace your exams with customized lessons tailored to your learning style."
          tag="Expert Math Tutoring"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "noise" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-standing-near-blackboard-writing-blackboard-mathematical-formulas-explaining-lesson-looking-confident-classroom_141793-102275.jpg",              imageAlt: "Mathematical equations on board"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-medium-shot_52683-99761.jpg?_wi=1",              imageAlt: "One-on-one tutoring session"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-student-male-denim-clothes-sitting-university-canteen-with-book-copybook-writing-some-notes-with-pen-communicating-smartphone-with-his-friend-having-concentrated-look_273609-7439.jpg",              imageAlt: "Student exam preparation"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/colleagues-making-business-plan-meeting_176420-5110.jpg",              imageAlt: "Problem solving techniques"},
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-black-jacket-wearing-backpack-holding-yellow-files-rejoicing-blue-wall-school-college-university_140725-43373.jpg",              imageAlt: "Student achievement and success"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-showing-number-plates-explaining-lesson-smiling-confident-sitting-school-desk-with-books-notes-front-blackboard-classroom_141793-102048.jpg",              imageAlt: "Math homework help"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-striped-shirt_1150-23.jpg",              imageAlt: "Confidence building through tutoring"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/children-writing-blackboard-attentive-teacher-watching_259150-60359.jpg",              imageAlt: "Interactive learning experience"},
          ]}
          carouselPosition="right"
          buttons={[
            { text: "Start Free Consultation", href: "contact" },
            { text: "Learn More", href: "about" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Professional Math Tutoring?"
          description="I bring 8+ years of experience teaching high school mathematics. My approach combines proven pedagogical methods with personalized attention, ensuring every student reaches their full potential. Whether you're struggling with algebra, geometry, trigonometry, or calculus, I create customized learning pathways that match your pace and learning style."
          tag="About My Approach"
          tagIcon={Target}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-studying_23-2149204773.jpg"
          imageAlt="Professional math tutor"
          useInvertedBackground={false}
          buttons={[{ text: "See My Success Stories", href: "testimonial" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="What Sets My Tutoring Apart"
          description="Comprehensive support designed specifically for high school students seeking academic excellence."
          tag="Comprehensive Services"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              title: "Personalized Learning Plans",              description: "Customized curricula tailored to your strengths, weaknesses, and goals.",              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: BookOpen,
                  title: "Assessment",                  subtitle: "Initial skill evaluation",                  detail: "Understanding your foundation"},
                {
                  icon: Lightbulb,
                  title: "Strategy",                  subtitle: "Custom learning path",                  detail: "Designed for your success"},
                {
                  icon: Trophy,
                  title: "Achievement",                  subtitle: "Goal-oriented progress",                  detail: "Measurable improvement"},
              ],
            },
            {
              title: "Availability",              description: "Sessions available evenings, weekends, and during peak exam seasons.",              bentoComponent: "3d-task-list",              title: "Session Schedule",              items: [
                { icon: Calendar, label: "Weekday Sessions", time: "3 PM - 9 PM" },
                { icon: Sun, label: "Weekend Support", time: "10 AM - 6 PM" },
                {
                  icon: AlertCircle,
                  label: "Exam Prep Intensive",                  time: "Custom Hours"},
              ],
            },
            {
              title: "Expert Coverage",              description: "Master all high school math subjects with proven results.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Sigma, label: "Algebra & Pre-Calc", value: "Master Foundation" },
                { icon: Zap, label: "Geometry & Trig", value: "Spatial Mastery" },
                { icon: TrendingUp, label: "Calculus & AP", value: "Advanced Success" },
              ],
            },
            {
              title: "SAT/ACT Preparation",              description: "Comprehensive exam prep strategies to maximize your math score.",              bentoComponent: "timeline",              heading: "Exam Prep Timeline",              subheading: "Structured approach to test mastery",              items: [
                { label: "Diagnostic Test", detail: "Identify weak areas" },
                { label: "Targeted Training", detail: "Focus on problem areas" },
                { label: "Practice & Refinement", detail: "Build speed and accuracy" },
              ],
              completedLabel: "On Track to Success"},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Transparent, Flexible Pricing"
          description="Quality tutoring that fits your budget. Choose the plan that works best for your needs."
          tag="Affordable Rates"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
          plans={[
            {
              id: "starter",              badge: "Starter",              badgeIcon: Zap,
              price: "$50/hr",              subtitle: "Single session or occasional support",              buttons: [{ text: "Book Session", href: "contact" }],
              features: [
                "One-time tutoring session",                "Targeted problem solving",                "Homework help available",                "No long-term commitment"],
            },
            {
              id: "preferred",              badge: "Preferred",              badgeIcon: Star,
              price: "$45/hr",              subtitle: "Monthly recurring sessions for steady progress",              buttons: [
                { text: "Start Monthly Plan", href: "contact" },
                { text: "Schedule Free Trial", href: "contact" },
              ],
              features: [
                "4 sessions per month",                "Personalized curriculum",                "Progress tracking",                "Email support between sessions",                "Monthly progress reports"],
            },
            {
              id: "intensive",              badge: "Intensive",              badgeIcon: Flame,
              price: "$40/hr",              subtitle: "Comprehensive preparation for exams and competition",              buttons: [{ text: "Begin Intensive Program", href: "contact" }],
              features: [
                "8+ sessions per month",                "Full curriculum customization",                "Weekly progress assessments",                "Priority scheduling",                "Practice test reviews",                "24-hour response support"],
            },
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="Success Stories from My Students"
          description="Real results from high school students who transformed their math grades and confidence."
          tag="Student Testimonials"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          showRating={true}
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarah_chen_03",              testimonial: "I went from a C in algebra to an A- in just one semester. The personalized approach made everything click. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-female-student-smiling-holding-folders-outdoors-park-background_176420-55208.jpg",              imageAlt: "Sarah Chen, successful student"},
            {
              id: "2",              name: "Marcus Johnson",              handle: "@marcus_j_math",              testimonial: "SAT math prep was intimidating, but this tutoring broke it down perfectly. Scored 760! This tutor actually cares about your success.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-showing-her-fists-white-background_176474-114273.jpg?_wi=1",              imageAlt: "Marcus Johnson, SAT success"},
            {
              id: "3",              name: "Priya Patel",              handle: "@priya_learns",              testimonial: "Calculus seemed impossible until I started tutoring. Now I understand the concepts and I'm confident in my final grade. Thank you!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/focused-schoolgirl-reading-book-library-mandatory-literature_482257-125459.jpg",              imageAlt: "Priya Patel, calculus student"},
            {
              id: "4",              name: "Alex Rodriguez",              handle: "@alexrod_math",              testimonial: "The flexibility with scheduling was perfect for my busy life. Quality tutoring that actually helped me ace my geometry final.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-showing-her-fists-white-background_176474-114273.jpg?_wi=2",              imageAlt: "Alex Rodriguez, geometry mastery"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about my tutoring services."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What grade levels do you tutor?",              content: "I specialize in high school mathematics for grades 9-12, covering algebra, geometry, trigonometry, precalculus, calculus, and AP math courses. I also provide SAT and ACT math preparation."},
            {
              id: "2",              title: "How long is each tutoring session?",              content: "Standard sessions are 60 minutes, though I can arrange 45-minute or 90-minute sessions based on your needs. First-time consultations are complimentary."},
            {
              id: "3",              title: "Do you offer online tutoring?",              content: "Yes! I offer both in-person and online tutoring via Zoom. Online sessions are equally effective with interactive whiteboard tools and screen sharing."},
            {
              id: "4",              title: "Can you help with homework?",              content: "Absolutely. Homework help is part of my service, though the focus is on understanding concepts rather than just getting answers. You'll learn how to solve problems independently."},
            {
              id: "5",              title: "What is your cancellation policy?",              content: "Cancellations with 24 hours notice are free. Cancellations within 24 hours are charged at 50% of the session rate. Monthly plans are not billed for cancelled sessions with proper notice."},
            {
              id: "6",              title: "How quickly will I see improvement?",              content: "Most students see noticeable improvement within 2-3 sessions. Significant grade improvements typically occur over 4-8 weeks of consistent tutoring. Results depend on your starting level and commitment."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Improve Your Math Grades?"
          description="Schedule your free 30-minute consultation today. No commitment, just honest advice on how I can help you succeed."
          inputs={[
            {
              name: "studentName",              type: "text",              placeholder: "Your name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Email address",              required: true,
            },
            {
              name: "gradeLevel",              type: "text",              placeholder: "Grade level (e.g., 10th grade, Junior)",              required: true,
            },
            {
              name: "mathSubject",              type: "text",              placeholder: "Math subject or topic you need help with",              required: true,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell me about your math challenges and goals...",            rows: 5,
            required: false,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-together-medium-shot_52683-99761.jpg?_wi=2"
          imageAlt="Math tutoring consultation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Schedule Free Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="MathMastery Tutoring"
          copyrightText="© 2025 MathMastery Tutoring. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
