Update src/app/page.tsx
This commit is contained in:
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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Features", id: "features" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Mysore Excel Academy"
|
brandName="Mysore Excel Academy"
|
||||||
/>
|
/>
|
||||||
@@ -50,71 +42,28 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="Empowering Future Leaders in the Heart of Mysore"
|
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."
|
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={[
|
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/happy-little-afro-american-girl-climbing-shoulders-smiling-blonde-mother-mother-daughter-hugging_1157-48415.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg", alt: "Student" },
|
||||||
alt: "Parent",
|
{ 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/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."
|
avatarText="Join our growing family of 500+ happy learners."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book a Campus Tour", href: "#contact" },
|
||||||
text: "Book a Campus Tour",
|
{ text: "Learn More", href: "#about" }
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Learn More",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text-icon", text: "State-of-the-art Labs", icon: GraduationCap },
|
||||||
type: "text-icon",
|
{ type: "text-icon", text: "Holistic Curriculum", icon: BookOpen },
|
||||||
text: "State-of-the-art Labs",
|
{ type: "text-icon", text: "Global Standards", icon: Globe },
|
||||||
icon: GraduationCap,
|
{ type: "text-icon", text: "Experienced Mentors", icon: Users },
|
||||||
},
|
{ type: "text-icon", text: "Secure Campus", icon: ShieldCheck }
|
||||||
{
|
|
||||||
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>
|
||||||
@@ -124,7 +73,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A Legacy of Academic Excellence"
|
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."
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -135,72 +84,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Holistic Curriculum", description: "Focusing on both academics and arts to cultivate well-rounded personalities.", media: {
|
||||||
title: "Holistic Curriculum",
|
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kids_23-2149495968.jpg", imageAlt: "Students learning"},
|
||||||
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: [
|
items: [
|
||||||
{
|
{ icon: Book, text: "Advanced STEM Labs" },
|
||||||
icon: Book,
|
{ icon: Palette, text: "Creative Arts Programs" },
|
||||||
text: "Advanced STEM Labs",
|
{ icon: Dumbbell, text: "Comprehensive Sports" },
|
||||||
},
|
{ icon: Music, text: "Performing Arts" },
|
||||||
{
|
{ icon: Code, text: "Coding Workshops" },
|
||||||
icon: Palette,
|
|
||||||
text: "Creative Arts Programs",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Dumbbell,
|
|
||||||
text: "Comprehensive Sports",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Music,
|
|
||||||
text: "Performing Arts",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Code,
|
|
||||||
text: "Coding Workshops",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: false,
|
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",
|
id: "f2", title: "Safe & Modern Campus", description: "State-of-the-art facilities designed for maximum comfort and security.", media: {
|
||||||
title: "Safe & Modern Campus",
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kids-learning-how-use-medical-mask_23-2148672128.jpg", imageAlt: "Modern facility"},
|
||||||
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: [
|
items: [
|
||||||
{
|
{ icon: ShieldCheck, text: "24/7 Security Monitoring" },
|
||||||
icon: ShieldCheck,
|
{ icon: Wifi, text: "Smart Classrooms" },
|
||||||
text: "24/7 Security Monitoring",
|
{ icon: Bus, text: "Reliable School Transport" },
|
||||||
},
|
{ icon: Utensils, text: "Nutritious Canteen" },
|
||||||
{
|
{ icon: Library, text: "Digital Library" },
|
||||||
icon: Wifi,
|
|
||||||
text: "Smart Classrooms",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Bus,
|
|
||||||
text: "Reliable School Transport",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Utensils,
|
|
||||||
text: "Nutritious Canteen",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Library,
|
|
||||||
text: "Digital Library",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: true,
|
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?"
|
title="Why Choose Us?"
|
||||||
@@ -215,27 +120,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "20+", title: "Years Experience", description: "Educating generations.", icon: Award },
|
||||||
id: "m1",
|
{ id: "m2", value: "500+", title: "Successful Alumni", description: "Leaders in diverse fields.", icon: Users },
|
||||||
value: "20+",
|
{ id: "m3", value: "98%", title: "Parent Satisfaction", description: "Highly trusted by families.", icon: Smile },
|
||||||
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"
|
title="Our Impact in Numbers"
|
||||||
description="Proof of our commitment to quality education in Mysore."
|
description="Proof of our commitment to quality education in Mysore."
|
||||||
@@ -249,26 +136,11 @@ export default function LandingPage() {
|
|||||||
rating={5}
|
rating={5}
|
||||||
author="Ananya Reddy, Parent"
|
author="Ananya Reddy, Parent"
|
||||||
avatars={[
|
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/happy-with-girl-laughing-posing-together-outdoors-green-tree-background-smiling-mother-father-holding-children-enjoying-parenthood_132075-10281.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-posing-together_23-2149861209.jpg", alt: "Parent" },
|
||||||
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/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"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -278,17 +150,12 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Admissions Open"
|
tag="Admissions Open"
|
||||||
title="Book Your Campus Visit Today"
|
title="Book Your Campus Visit Today"
|
||||||
description="See our world-class facilities first-hand and meet our dedicated faculty."
|
description="See our world-class facilities first-hand and meet our dedicated faculty."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Appointment", href: "tel:+919876543210" },
|
||||||
text: "Book Appointment",
|
|
||||||
href: "tel:+919876543210",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -297,33 +164,16 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "About Us", href: "#about" },
|
||||||
{
|
{ label: "Admissions", href: "#contact" },
|
||||||
label: "About Us",
|
{ label: "Infrastructure", href: "#features" },
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Admissions",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Infrastructure",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
{ label: "Mysore, Karnataka", href: "#" },
|
||||||
{
|
{ label: "info@mysoreexcel.edu", href: "mailto:info@mysoreexcel.edu" },
|
||||||
label: "Mysore, Karnataka",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "info@mysoreexcel.edu",
|
|
||||||
href: "mailto:info@mysoreexcel.edu",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user