"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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Brain, Lightbulb, CheckCircle, Trophy, Users, MessageCircle, BookOpen, Zap, Pencil, Target, Award, Star } from "lucide-react";
import Image from "next/image";

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Master Mathematics with Confidence"
          description="Concept-focused mathematics tuition designed to help students truly understand the subject, perform better in exams, and build long-term academic confidence."
          tag="E2 Academy"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book a Free Demo Class", href: "/contact" },
            { text: "Contact on WhatsApp", href: "https://wa.me/919876543210" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-student-writing-white-board-school-smiling_662251-1797.jpg", imageAlt: "Modern mathematics classroom with formulas" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-people-with-books-posing_23-2147655791.jpg", imageAlt: "Students learning mathematics concepts" },
            { imageSrc: "http://img.b2bpic.net/free-vector/blackboard-back-school-banners-template_23-2148596430.jpg", imageAlt: "Elegant academic study setup" },
            { imageSrc: "http://img.b2bpic.net/free-photo/interesting-book-young-woman-with-long-red-hair-smiling-with-enthusiasm-reading-book-girls-sitting-table-library-with-their-backs-camera_259150-58164.jpg", imageAlt: "Mathematics tuition one-on-one session" },
            { imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-concept-wooden-background-flat-lay-finger-ponting-wooden-block_176474-7632.jpg", imageAlt: "Concept clarity teaching approach" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-adults-studying-together_23-2150331627.jpg", imageAlt: "Premium mathematics education center" },
          ]}
        />
      </div>

      <div id="trust" data-section="trust">
        <SocialProofOne
          title="Trusted by Students and Parents Across India"
          description="Rated 5-star by students and parents for concept clarity, expert guidance, and proven exam results."
          names={[
            "Concept Clarity Focused",            "CBSE Board Experts",            "Personal Doubt Support",            "Proven Results",            "Experienced Mentors",            "Structured Curriculum",            "Regular Practice Tests",            "Individual Attention"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={50}
          showCard={true}
        />
      </div>

      <div id="about-mentor" data-section="about-mentor">
        <TextSplitAbout
          title="Meet Your Mentor"
          description={[
            "Sachin Arora, founder of E2 Academy, is known for his clear teaching style and dedication to helping students truly understand mathematics. His approach focuses on simplifying complex topics, strengthening conceptual understanding, and preparing students confidently for board examinations.",            "With years of experience in CBSE mathematics education, Sachin Sir has helped hundreds of students transform their relationship with mathematics. Students appreciate his patience, structured lessons, commitment to clearing doubts, and ability to break down even the most challenging concepts into digestible ideas.",            "At E2 Academy, the mission is simple: make mathematics understandable, enjoyable, and achievable for every student who walks through the door."]}
          buttons={[
            { text: "Learn More About Our Method", href: "#method" },
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <FeatureBento
          title="Why Students Love E2 Academy"
          description="We focus on what matters most: deep understanding, confident exam performance, and lasting academic growth."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          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="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Students and Parents Say"
          description="Real feedback from families whose children have experienced the E2 Academy difference."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Priya Sharma",              handle: "Class 10 Student",              testimonial: "Sachin Sir explains concepts with great clarity and patience. Mathematics, which I always feared, became easy and enjoyable. His structured approach to problem-solving changed my confidence completely.",              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104588.jpg",              imageAlt: "Priya Sharma",              icon: Star,
            },
            {
              id: "2",              name: "Rajesh Verma",              handle: "Parent",              testimonial: "Mathematics changed from just a subject into something our son genuinely enjoys. The personal attention and clear explanations make all the difference. Highly recommend E2 Academy.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "Rajesh Verma",              icon: Star,
            },
            {
              id: "3",              name: "Ananya Gupta",              handle: "Class 9 Student",              testimonial: "Sachin Sir has deep understanding of the board exam pattern and explains every chapter with clarity and examples. I've improved from average to excellent marks in just a few months.",              imageSrc: "http://img.b2bpic.net/free-photo/tired-woman-glasses-studies-against-summer-green-park_231208-4236.jpg",              imageAlt: "Ananya Gupta",              icon: Star,
            },
            {
              id: "4",              name: "Deepak Kumar",              handle: "Class 8 Student",              testimonial: "I improved a lot in mathematics after joining E2 Academy. Sir makes us practice many questions and always clears doubts patiently. The batch size is small so we get personal attention.",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-front-brick-wall_23-2148242736.jpg",              imageAlt: "Deepak Kumar",              icon: Star,
            },
            {
              id: "5",              name: "Sneha Patel",              handle: "Parent",              testimonial: "What impressed me most is the structured curriculum and the focus on understanding over memorization. Our daughter's grades improved, but more importantly, her confidence in mathematics soared.",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-man-woman-casual-clothes-standing-together-hapy-man-showing-v-sign-green-wall_141793-56961.jpg",              imageAlt: "Sneha Patel",              icon: Star,
            },
            {
              id: "6",              name: "Arjun Singh",              handle: "Class 10 Student",              testimonial: "E2 Academy is not just about solving problems, it's about understanding them. The mock tests and regular practice kept me exam-ready. I scored 96 in my board exams!",              imageSrc: "http://img.b2bpic.net/free-photo/education-courses-university-concept-surprised-happy-smiling-guy-seeing-something-amazed-while-heading-class-college-board-school-holding-backpack-with-notebooks_1258-60085.jpg",              imageAlt: "Arjun Singh",              icon: Star,
            },
          ]}
          speed={50}
          topMarqueeDirection="left"
        />
      </div>

      <div id="courses" data-section="courses">
        <ProductCardTwo
          title="Our Courses"
          description="Comprehensive mathematics programs designed for different levels, from foundation building to board exam mastery."
          animationType="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          titleSegments={[
            { type: "text", content: "Our Courses" },
          ]}
          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=1",              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=1",              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=1",              imageAlt: "Class 10 Board Preparation Course"},
          ]}
        />
      </div>

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