213 lines
7.8 KiB
TypeScript
213 lines
7.8 KiB
TypeScript
"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",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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>
|
|
);
|
|
} |