"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import FooterCard from "@/components/sections/footer/FooterCard";
import { BookOpen, Pencil, Target, MessageCircle, CheckCircle, Award, Lightbulb, Zap } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Courses", id: "courses" },
    { name: "Reviews", id: "reviews" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="E2 Academy"
          navItems={navItems}
          button={{ text: "Book Demo", href: "/contact" }}
        />
      </div>

      <div id="method" data-section="method">
        <FeatureBento
          title="The E2 Learning Method"
          description="A proven 4-step approach that transforms how students learn and master mathematics."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Step 1: Concept First",              description: "Students learn why formulas work, not just what they are. We build solid foundational understanding.",              bentoComponent: "icon-info-cards",              items: [
                { icon: BookOpen, label: "Theory", value: "Foundation" },
                { icon: Lightbulb, label: "Understanding", value: "Deep Learning" },
              ],
            },
            {
              title: "Step 2: Practice",              description: "Regular problem-solving sessions, from basic to advanced, building confidence and mastery.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Pencil, label: "Assignments", value: "Structured" },
                { icon: Target, label: "Progressive", value: "Difficulty Increase" },
              ],
            },
            {
              title: "Step 3: Doubt Support",              description: "No question goes unanswered. Continuous support until every student understands the concept completely.",              bentoComponent: "icon-info-cards",              items: [
                { icon: MessageCircle, label: "Q&A Sessions", value: "Regular" },
                { icon: CheckCircle, label: "Clarity", value: "Guaranteed" },
              ],
            },
            {
              title: "Step 4: Exam Strategy",              description: "Students learn answer presentation techniques, time management, and exam-specific strategies for maximum marks.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Award, label: "Technique", value: "Expert Tips" },
                { icon: Zap, label: "Performance", value: "Maximized" },
              ],
            },
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Learning Plans"
          description="Choose the learning plan that works best for your needs. All plans include concept-focused teaching, doubt support, and mock tests."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "weekly",              title: "Weekly Sessions",              price: "Starting at ₹500",              period: "per session",              features: [
                "One-on-one or small group sessions",                "Concept-focused teaching",                "Doubt support via call/message",                "Monthly progress report"],
              button: { text: "Book Demo Class", href: "/contact" },
            },
            {
              id: "batch",              title: "Batch Programs",              price: "Starting at ₹4,999",              period: "per month",              features: [
                "Small batch size (max 8 students)",                "3-4 sessions per week",                "Structured curriculum",                "Weekly tests and assignments",                "Board exam preparation"],
              button: { text: "Enroll Now", href: "/contact" },
            },
            {
              id: "intensive",              title: "Intensive Board Prep",              price: "Starting at ₹8,999",              period: "per month",              features: [
                "4-5 sessions per week",                "Complete syllabus coverage",                "Regular mock tests",                "Personalized study plan",                "Direct WhatsApp support",                "One-on-one doubt sessions"],
              button: { text: "Get Started", href: "/contact" },
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="E2 Academy"
          copyrightText="© 2025 E2 Academy. Building Mathematics Excellence. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}