Files
c9fb89ee-e992-41d3-b8f0-55f…/src/app/page.tsx
2026-04-03 16:19:41 +00:00

337 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Book, BookOpen, Code, Globe, GraduationCap, Music, Palette, ShieldCheck, Smile, Users, Utensils, Wifi } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Mysore Excel Academy"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Empowering Future Leaders in the Heart of Mysore"
description="At Mysore Excel Academy, we combine global educational standards with traditional values. Join a nurturing environment where your child thrives academically and personally."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-little-afro-american-girl-climbing-shoulders-smiling-blonde-mother-mother-daughter-hugging_1157-48415.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-father-carrying-his-daughter-piggyback_23-2148045507.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-female-teacher-wearing-glasses-holding-points-mini-chalkboard-sitting-desk-with-school-tools-classroom_141793-133817.jpg",
alt: "Teacher",
},
{
src: "http://img.b2bpic.net/free-photo/happy-little-afro-american-girl-climbing-shoulders-smiling-blonde-mother-mother-daughter-hugging_1157-48415.jpg",
alt: "Parent",
},
]}
avatarText="Join our growing family of 500+ happy learners."
buttons={[
{
text: "Book a Campus Tour",
href: "#contact",
},
{
text: "Learn More",
href: "#about",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "State-of-the-art Labs",
icon: GraduationCap,
},
{
type: "text-icon",
text: "Holistic Curriculum",
icon: BookOpen,
},
{
type: "text-icon",
text: "Global Standards",
icon: Globe,
},
{
type: "text-icon",
text: "Experienced Mentors",
icon: Users,
},
{
type: "text-icon",
text: "Secure Campus",
icon: ShieldCheck,
},
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Legacy of Academic Excellence"
description="Situated in Mysore, our school is dedicated to fostering curiosity, discipline, and creativity. With world-class infrastructure and experienced mentors, we provide an all-rounded development for every student."
imageSrc="http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg?_wi=1"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Holistic Curriculum",
description: "Focusing on both academics and arts to cultivate well-rounded personalities.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kids_23-2149495968.jpg?_wi=1",
imageAlt: "Students learning",
},
items: [
{
icon: Book,
text: "Advanced STEM Labs",
},
{
icon: Palette,
text: "Creative Arts Programs",
},
{
icon: Dumbbell,
text: "Comprehensive Sports",
},
{
icon: Music,
text: "Performing Arts",
},
{
icon: Code,
text: "Coding Workshops",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kids_23-2149495968.jpg?_wi=2",
imageAlt: "private school students smiling",
},
{
id: "f2",
title: "Safe & Modern Campus",
description: "State-of-the-art facilities designed for maximum comfort and security.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg?_wi=2",
imageAlt: "Modern facility",
},
items: [
{
icon: ShieldCheck,
text: "24/7 Security Monitoring",
},
{
icon: Wifi,
text: "Smart Classrooms",
},
{
icon: Bus,
text: "Reliable School Transport",
},
{
icon: Utensils,
text: "Nutritious Canteen",
},
{
icon: Library,
text: "Digital Library",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg?_wi=3",
imageAlt: "modern classroom interior design",
},
]}
title="Why Choose Us?"
description="We offer more than just an education—we build character and competence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "20+",
title: "Years Experience",
description: "Educating generations.",
icon: Award,
},
{
id: "m2",
value: "500+",
title: "Successful Alumni",
description: "Leaders in diverse fields.",
icon: Users,
},
{
id: "m3",
value: "98%",
title: "Parent Satisfaction",
description: "Highly trusted by families.",
icon: Smile,
},
]}
title="Our Impact in Numbers"
description="Proof of our commitment to quality education in Mysore."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="The atmosphere at this school is unparalleled. My child has grown tremendously in confidence and academic ability. Highly recommended!"
rating={5}
author="Ananya Reddy, Parent"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-with-girl-laughing-posing-together-outdoors-green-tree-background-smiling-mother-father-holding-children-enjoying-parenthood_132075-10281.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-posing-together_23-2149861209.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-mother-daughter-smiling-happy-hugging-standing-with-smile-face-standing-city_839833-9121.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
alt: "Parent",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-african-woman-with-golden-earrings_23-2148747979.jpg",
alt: "Parent",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Admissions Open"
title="Book Your Campus Visit Today"
description="See our world-class facilities first-hand and meet our dedicated faculty."
buttons={[
{
text: "Book Appointment",
href: "tel:+919876543210",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Admissions",
href: "#contact",
},
{
label: "Infrastructure",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "Mysore, Karnataka",
href: "#",
},
{
label: "info@mysoreexcel.edu",
href: "mailto:info@mysoreexcel.edu",
},
],
},
]}
copyrightText="© 2024 Mysore Excel Academy."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}