bender/e9aa4663-cfc3-4db4-a352-f2e921dd064d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 11:12:16 +00:00
parent 25fe3d30d1
commit 7aa1095ef9
1 changed files with 156 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

558
src/app/page.tsx
View File

@@ -29,418 +29,172 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "programs",
},
{
name: "Faculty",
id: "faculty",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elite Academy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "programs" },
{ name: "Faculty", id: "faculty" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Academy"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Excellence in Education for Future Leaders"
description="Nurturing curiosity, integrity, and brilliance. Elite Academy provides a world-class holistic environment for your child's growth."
buttons={[
{
text: "Admissions",
href: "#contact",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/red-white-building-with-modern-view-stairs-front-it-bucharest-romania_1268-15935.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-little-girl-drawing-home_23-2148045519.jpg",
alt: "Parent student portrait",
},
{
src: "http://img.b2bpic.net/free-photo/mother-helping-daughter-study_23-2148893812.jpg",
alt: "Academic advisor portrait",
},
{
src: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402690.jpg",
alt: "Teacher portrait",
},
{
src: "http://img.b2bpic.net/free-photo/teacher-young-student-having-good-time_23-2148511043.jpg",
alt: "Educator portrait",
},
{
src: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg",
alt: "Head of school portrait",
},
]}
avatarText="Join 2,000+ successful alumni"
marqueeItems={[
{
type: "text-icon",
text: "CBSE & ICSE Affiliated",
icon: BookOpen,
},
{
type: "text-icon",
text: "150+ Expert Faculty",
icon: Users,
},
{
type: "text-icon",
text: "25+ Years Legacy",
icon: GraduationCap,
},
{
type: "text-icon",
text: "99% Success Rate",
icon: TrendingUp,
},
{
type: "text-icon",
text: "Safe Campus",
icon: ShieldCheck,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Excellence in Education for Future Leaders"
description="Nurturing curiosity, integrity, and brilliance. Elite Academy provides a world-class holistic environment for your child's growth."
buttons={[{ text: "Admissions", href: "#contact" }, { text: "Learn More", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/red-white-building-with-modern-view-stairs-front-it-bucharest-romania_1268-15935.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-little-girl-drawing-home_23-2148045519.jpg", alt: "Parent student portrait" },
{ src: "http://img.b2bpic.net/free-photo/mother-helping-daughter-study_23-2148893812.jpg", alt: "Academic advisor portrait" },
{ src: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402690.jpg", alt: "Teacher portrait" },
{ src: "http://img.b2bpic.net/free-photo/teacher-young-student-having-good-time_23-2148511043.jpg", alt: "Educator portrait" },
{ src: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg", alt: "Head of school portrait" },
]}
avatarText="Join 2,000+ successful alumni"
marqueeItems={[
{ type: "text-icon", text: "CBSE & ICSE Affiliated", icon: BookOpen },
{ type: "text-icon", text: "150+ Expert Faculty", icon: Users },
{ type: "text-icon", text: "25+ Years Legacy", icon: GraduationCap },
{ type: "text-icon", text: "99% Success Rate", icon: TrendingUp },
{ type: "text-icon", text: "Safe Campus", icon: ShieldCheck },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Our Legacy of Excellence"
description="Founded in 1995, Elite Academy has been a cornerstone of quality education. Affiliated with CBSE & ICSE, we nurture 2,000+ students through values, innovation, and academic rigor. Our mission is to prepare globally responsible citizens."
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design_23-2148899437.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Our Legacy of Excellence"
description="Founded in 1995, Elite Academy has been a cornerstone of quality education. Affiliated with CBSE & ICSE, we nurture 2,000+ students through values, innovation, and academic rigor. Our mission is to prepare globally responsible citizens."
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design_23-2148899437.jpg"
/>
</div>
<div id="stats" data-section="stats">
<MetricCardFourteen
useInvertedBackground={false}
title="Impact by Numbers"
tag="Our Achievements"
metrics={[
{
id: "1",
value: "25+",
description: "Years of Excellence",
},
{
id: "2",
value: "2000+",
description: "Students Enrolled",
},
{
id: "3",
value: "150+",
description: "Qualified Teachers",
},
{
id: "4",
value: "99%",
description: "Success Rate",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="stats" data-section="stats">
<MetricCardFourteen
useInvertedBackground={false}
title="Impact by Numbers"
tag="Our Achievements"
metrics={[
{ id: "1", value: "25+", description: "Years of Excellence" },
{ id: "2", value: "2000+", description: "Students Enrolled" },
{ id: "3", value: "150+", description: "Qualified Teachers" },
{ id: "4", value: "99%", description: "Success Rate" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Smart Classrooms",
description: "Fully digitized labs for interactive learning.",
tag: "Tech",
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3188.jpg",
imageAlt: "Building",
},
{
id: "f2",
title: "Experienced Faculty",
description: "Acclaimed educators with deep expertise.",
tag: "Staff",
imageSrc: "http://img.b2bpic.net/free-photo/red-white-building-with-modern-view-stairs-front-it-bucharest-romania_1268-15935.jpg?_wi=2",
imageAlt: "Building",
},
{
id: "f3",
title: "Sports & Arts",
description: "World-class infrastructure for extracurriculars.",
tag: "Activities",
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899437.jpg?_wi=2",
imageAlt: "Building",
},
{
id: "f4",
title: "100% Results",
description: "Consistent record of academic brilliance.",
tag: "Results",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg?_wi=1",
imageAlt: "Building",
},
{
id: "f5",
title: "Safe Campus",
description: "24/7 security with full CCTV coverage.",
tag: "Safety",
imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898700.jpg?_wi=1",
imageAlt: "Building",
},
{
id: "f6",
title: "Holistic Development",
description: "Balanced focus on mind, body, and character.",
tag: "Growth",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-laptop-kitchen_1301-6558.jpg?_wi=1",
imageAlt: "Building",
},
]}
title="Why Elite Academy"
description="Providing holistic learning environment."
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Smart Classrooms", description: "Fully digitized labs for interactive learning.", tag: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3188.jpg", imageAlt: "Building" },
{ id: "f2", title: "Experienced Faculty", description: "Acclaimed educators with deep expertise.", tag: "Staff", imageSrc: "http://img.b2bpic.net/free-photo/red-white-building-with-modern-view-stairs-front-it-bucharest-romania_1268-15935.jpg", imageAlt: "Building" },
{ id: "f3", title: "Sports & Arts", description: "World-class infrastructure for extracurriculars.", tag: "Activities", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899437.jpg", imageAlt: "Building" },
{ id: "f4", title: "100% Results", description: "Consistent record of academic brilliance.", tag: "Results", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg", imageAlt: "Building" },
{ id: "f5", title: "Safe Campus", description: "24/7 security with full CCTV coverage.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898700.jpg", imageAlt: "Building" },
{ id: "f6", title: "Holistic Development", description: "Balanced focus on mind, body, and character.", tag: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-laptop-kitchen_1301-6558.jpg", imageAlt: "Building" },
]}
title="Why Elite Academy"
description="Providing holistic learning environment."
/>
</div>
<div id="programs" data-section="programs">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Nursery - KG",
price: "Foundation",
variant: "Early Years",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg?_wi=2",
},
{
id: "p2",
name: "Grades 1-5",
price: "Primary",
variant: "Elementary",
imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898700.jpg?_wi=2",
},
{
id: "p3",
name: "Grades 6-8",
price: "Middle",
variant: "Academic",
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-sideways-camera-looking-tablet_259150-60212.jpg",
},
{
id: "p4",
name: "Grades 9-10",
price: "Secondary",
variant: "CBSE/ICSE",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149204756.jpg",
},
{
id: "p5",
name: "Grades 11-12",
price: "Senior Secondary",
variant: "Sci/Com/Arts",
imageSrc: "http://img.b2bpic.net/free-photo/menu-asian-young-woman-writing-menu-board-cafe_259150-58518.jpg",
},
{
id: "p6",
name: "Special Coaching",
price: "Competitive",
variant: "IIT/NEET Prep",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-studying_23-2149204773.jpg",
},
]}
title="Our Programs"
description="Comprehensive academic paths for every stage of development."
/>
</div>
<div id="programs" data-section="programs">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Nursery - KG", price: "Foundation", variant: "Early Years", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg" },
{ id: "p2", name: "Grades 1-5", price: "Primary", variant: "Elementary", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898700.jpg" },
{ id: "p3", name: "Grades 6-8", price: "Middle", variant: "Academic", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-sideways-camera-looking-tablet_259150-60212.jpg" },
{ id: "p4", name: "Grades 9-10", price: "Secondary", variant: "CBSE/ICSE", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149204756.jpg" },
{ id: "p5", name: "Grades 11-12", price: "Senior Secondary", variant: "Sci/Com/Arts", imageSrc: "http://img.b2bpic.net/free-photo/menu-asian-young-woman-writing-menu-board-cafe_259150-58518.jpg" },
{ id: "p6", name: "Special Coaching", price: "Competitive", variant: "IIT/NEET Prep", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-studying_23-2149204773.jpg" },
]}
title="Our Programs"
description="Comprehensive academic paths for every stage of development."
/>
</div>
<div id="faculty" data-section="faculty">
<TeamCardTen
useInvertedBackground={false}
title="Meet Our Faculty"
tag="Expert Educators"
membersAnimation="slide-up"
members={[
{
id: "m1",
name: "Dr. Sarah Miller - Physics",
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402690.jpg",
},
{
id: "m2",
name: "Mr. David Chen - Mathematics",
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402688.jpg",
},
{
id: "m3",
name: "Ms. Emily Watson - Literature",
imageSrc: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg",
},
]}
memberVariant="card"
/>
</div>
<div id="faculty" data-section="faculty">
<TeamCardTen
useInvertedBackground={false}
title="Meet Our Faculty"
tag="Expert Educators"
membersAnimation="slide-up"
members={[
{ id: "m1", name: "Dr. Sarah Miller - Physics", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402690.jpg" },
{ id: "m2", name: "Mr. David Chen - Mathematics", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402688.jpg" },
{ id: "m3", name: "Ms. Emily Watson - Literature", imageSrc: "http://img.b2bpic.net/free-photo/meet-best-teacher-our-school_329181-10530.jpg" },
]}
memberVariant="card"
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardMedia
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "g1",
title: "Classrooms",
description: "Interactive learning environments.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892680.jpg",
},
{
id: "g2",
title: "Cultural Events",
description: "Celebrating diversity and talent.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/cute-multiethnic-kids-learning-use-virtual-reality-glasses_74855-16359.jpg",
},
{
id: "g3",
title: "Sports Field",
description: "Building team spirit on the field.",
tag: "Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/back-school-covid-concept_23-2148666187.jpg",
},
]}
title="Campus Gallery"
description="A glimpse into life at Elite Academy."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "g1", title: "Classrooms", description: "Interactive learning environments.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892680.jpg" },
{ id: "g2", title: "Cultural Events", description: "Celebrating diversity and talent.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/cute-multiethnic-kids-learning-use-virtual-reality-glasses_74855-16359.jpg" },
{ id: "g3", title: "Sports Field", description: "Building team spirit on the field.", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/back-school-covid-concept_23-2148666187.jpg" },
]}
title="Campus Gallery"
description="A glimpse into life at Elite Academy."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jane Doe",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-laptop-kitchen_1301-6558.jpg?_wi=2",
},
{
id: "t2",
name: "John Smith",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-father-working-outdoors_23-2150167092.jpg",
},
{
id: "t3",
name: "Alice Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together_23-2149150118.jpg",
},
{
id: "t4",
name: "Bob Williams",
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-cafe_1157-21344.jpg",
},
{
id: "t5",
name: "Charlie Brown",
imageSrc: "http://img.b2bpic.net/free-photo/tender-young-caucasian-two-ladies-redblack-suits-lean-each-other-sitting-pink-background-people-sincere-emotions-lifestyle-concept_197531-31993.jpg",
},
]}
cardTitle="What Parents Say"
cardTag="Trusted by Families"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Jane Doe", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-laptop-kitchen_1301-6558.jpg" },
{ id: "t2", name: "John Smith", imageSrc: "http://img.b2bpic.net/free-photo/front-view-father-working-outdoors_23-2150167092.jpg" },
{ id: "t3", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-spending-time-together_23-2149150118.jpg" },
{ id: "t4", name: "Bob Williams", imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-cafe_1157-21344.jpg" },
{ id: "t5", name: "Charlie Brown", imageSrc: "http://img.b2bpic.net/free-photo/tender-young-caucasian-two-ladies-redblack-suits-lean-each-other-sitting-pink-background-people-sincere-emotions-lifestyle-concept_197531-31993.jpg" },
]}
cardTitle="What Parents Say"
cardTag="Trusted by Families"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Admissions"
title="Book Your Seat Today"
description="Limited seats available for the 2025-26 academic session."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Admissions"
title="Book Your Seat Today"
description="Limited seats available for the 2025-26 academic session."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Programs",
href: "#programs",
},
{
label: "Admissions",
href: "#contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Events",
href: "#",
},
{
label: "Newsletter",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "123 School Way, Edu City",
href: "#",
},
{
label: "info@eliteacademy.edu",
href: "mailto:info@eliteacademy.edu",
},
],
},
]}
logoText="Elite Academy"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Quick Links", items: [{ label: "About Us", href: "#about" }, { label: "Programs", href: "#programs" }, { label: "Admissions", href: "#contact" }] },
{ title: "Resources", items: [{ label: "Events", href: "#" }, { label: "Newsletter", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Contact", items: [{ label: "123 School Way, Edu City", href: "#" }, { label: "info@eliteacademy.edu", href: "mailto:info@eliteacademy.edu" }] },
]}
logoText="Elite Academy"
/>
</div>
</ReactLenis>
</ThemeProvider>
);