Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -10,7 +10,7 @@ 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";
|
||||
import { Award, Book, BookOpen, Code, Globe, GraduationCap, Music, Palette, ShieldCheck, Smile, Users, Utensils, Wifi, Dumbbell, Bus, Library } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mysore Excel Academy"
|
||||
/>
|
||||
@@ -50,71 +42,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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,
|
||||
},
|
||||
{ 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>
|
||||
@@ -124,7 +73,7 @@ export default function LandingPage() {
|
||||
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"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,72 +84,28 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
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", 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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
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", 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",
|
||||
},
|
||||
{ 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?"
|
||||
@@ -215,27 +120,9 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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."
|
||||
@@ -249,26 +136,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -278,17 +150,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ text: "Book Appointment", href: "tel:+919876543210" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -297,33 +164,16 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Infrastructure",
|
||||
href: "#features",
|
||||
},
|
||||
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",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Mysore, Karnataka", href: "#" },
|
||||
{ label: "info@mysoreexcel.edu", href: "mailto:info@mysoreexcel.edu" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user