337 lines
10 KiB
TypeScript
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>
|
|
);
|
|
}
|