"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Brain, Lightbulb, CheckCircle, Trophy, Users, MessageCircle, BookOpen, Zap } from "lucide-react";

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

  const navButton = {
    text: "Book Demo",    href: "/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={navButton}
        />
      </div>

      <div id="courses-hero" data-section="courses-hero">
        <HeroBillboardCarousel
          title="Explore Our Mathematics Courses"
          description="Comprehensive programs designed for deep understanding and exam excellence across all class levels."
          tag="E2 Academy Courses"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            {
              text: "Enroll Now",              href: "#course-details"},
            {
              text: "Schedule Demo",              href: "/contact"},
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-boy-pointing-blackboard_1098-3218.jpg?_wi=2",              imageAlt: "Class 8 Mathematics foundation course"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-teacher-wearing-glasses-holding-abacus-with-number-fan-sitting-desk-with-school-tools-classroom_141793-137621.jpg?_wi=2",              imageAlt: "Class 9 intermediate mathematics"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-looking-his-smartphone-looking-confident-sitting-school-desk-with-books-notes-front-blackboard-classroom_141793-99098.jpg?_wi=2",              imageAlt: "Class 10 board exam preparation"},
          ]}
        />
      </div>

      <div id="course-details" data-section="course-details">
        <ProductCardTwo
          title="Our Courses"
          description="Comprehensive mathematics programs designed for different levels, from foundation building to board exam mastery."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "class-8",              brand: "Foundation Level",              name: "Class 8 Mathematics",              price: "Contact for Details",              rating: 5,
              reviewCount: "50+",              imageSrc: "http://img.b2bpic.net/free-photo/happy-boy-pointing-blackboard_1098-3218.jpg?_wi=3",              imageAlt: "Class 8 Mathematics Foundation Course"},
            {
              id: "class-9",              brand: "Intermediate Level",              name: "Class 9 Mathematics",              price: "Contact for Details",              rating: 5,
              reviewCount: "75+",              imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-teacher-wearing-glasses-holding-abacus-with-number-fan-sitting-desk-with-school-tools-classroom_141793-137621.jpg?_wi=3",              imageAlt: "Class 9 Mathematics Course"},
            {
              id: "class-10",              brand: "Board Preparation",              name: "Class 10 Board Prep",              price: "Contact for Details",              rating: 5,
              reviewCount: "120+",              imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-looking-his-smartphone-looking-confident-sitting-school-desk-with-books-notes-front-blackboard-classroom_141793-99098.jpg?_wi=3",              imageAlt: "Class 10 Board Preparation Course"},
          ]}
        />
      </div>

      <div id="course-features" data-section="course-features">
        <FeatureBento
          title="What's Included in Every Course"
          description="Each course comes with comprehensive support, structured learning, and proven teaching methodology."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Concept Clarity",              description: "Every chapter is broken down into simple, understandable ideas. We focus on the 'why' before the 'what'.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: Brain,
                  label: "Deep Learning",                  value: "Understand Concepts"},
                {
                  icon: Lightbulb,
                  label: "Clarity First",                  value: "No Rote Learning"},
              ],
            },
            {
              title: "Board Exam Expertise",              description: "Teaching aligned with CBSE exam patterns, marking schemes, and scoring techniques for maximum marks.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: CheckCircle,
                  label: "Exam Ready",                  value: "CBSE Aligned"},
                {
                  icon: Trophy,
                  label: "Proven Results",                  value: "High Scores"},
              ],
            },
            {
              title: "Personal Attention",              description: "Small batch sizes ensure every student receives individual guidance, doubt support, and customized learning paths.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: Users,
                  label: "Small Batches",                  value: "Individual Focus"},
                {
                  icon: MessageCircle,
                  label: "Doubt Support",                  value: "Always Available"},
              ],
            },
            {
              title: "Regular Practice & Tests",              description: "Structured assignments, weekly tests, and mock exams ensure real improvement and confidence building.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: BookOpen,
                  label: "Practice",                  value: "Regular Sessions"},
                {
                  icon: Zap,
                  label: "Mock Tests",                  value: "Real Exam Feel"},
              ],
            },
          ]}
        />
      </div>

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