Merge version_1 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
name: "Programs", id: "programs"},
|
||||
{
|
||||
name: "Admission",
|
||||
id: "admission",
|
||||
},
|
||||
name: "Admission", id: "admission"},
|
||||
]}
|
||||
button={{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Apply Now", href: "#contact"}}
|
||||
brandName="Elite Academy"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,57 +48,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Empowering Future Generations | تمكين الأجيال القادمة"
|
||||
description="We foster intellectual growth, integrity, and excellence through a rigorous, values-driven curriculum for ambitious students."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"
|
||||
imageAlt="Campus main entrance"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 500+ successful alumni"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Academic Excellence",
|
||||
},
|
||||
type: "text", text: "Academic Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Labs",
|
||||
},
|
||||
type: "text", text: "Innovative Labs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Values-Driven",
|
||||
},
|
||||
type: "text", text: "Values-Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Perspective",
|
||||
},
|
||||
type: "text", text: "Global Perspective"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future Ready",
|
||||
},
|
||||
type: "text", text: "Future Ready"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,19 +90,13 @@ export default function LandingPage() {
|
||||
description="Founded with a vision to combine modern pedagogy with traditional values, we cultivate a learning environment where curiosity thrives and leadership is born."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Values-Driven",
|
||||
description: "Character building is the bedrock of our academic journey.",
|
||||
},
|
||||
title: "Values-Driven", description: "Character building is the bedrock of our academic journey."},
|
||||
{
|
||||
title: "World-Class Faculty",
|
||||
description: "Mentors who challenge, inspire, and guide every student.",
|
||||
},
|
||||
title: "World-Class Faculty", description: "Mentors who challenge, inspire, and guide every student."},
|
||||
{
|
||||
title: "Bilingual Excellence",
|
||||
description: "Fluency in Arabic and English for a global perspective.",
|
||||
},
|
||||
title: "Bilingual Excellence", description: "Fluency in Arabic and English for a global perspective."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classroom-interior-with-whiteboard-desk_23-2151995262.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classroom-interior-with-whiteboard-desk_23-2151995262.jpg"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
@@ -145,28 +108,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Primary Years",
|
||||
description: "Building foundations through inquiry and play.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=2",
|
||||
imageAlt: "minimalist luxury school campus architecture",
|
||||
title: "Primary Years", description: "Building foundations through inquiry and play.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "Secondary School",
|
||||
description: "Rigorous academic preparation for university life.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: GraduationCap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classroom-interior-with-whiteboard-desk_23-2151995262.jpg?_wi=2",
|
||||
imageAlt: "elegant school library interior",
|
||||
title: "Secondary School", description: "Rigorous academic preparation for university life.", bentoComponent: "reveal-icon", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
title: "STEM Enrichment",
|
||||
description: "Hands-on engineering and modern technology labs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: GraduationCap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg?_wi=1",
|
||||
imageAlt: "modern science lab minimalist",
|
||||
title: "STEM Enrichment", description: "Hands-on engineering and modern technology labs.", bentoComponent: "reveal-icon", icon: GraduationCap,
|
||||
},
|
||||
]}
|
||||
title="Academic Programs"
|
||||
@@ -181,26 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Science Labs",
|
||||
description: "Equipped with latest research tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Science Labs", description: "Equipped with latest research tools.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Sports Arenas",
|
||||
description: "Multipurpose indoor facilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg?_wi=3",
|
||||
},
|
||||
id: "m2", value: "2", title: "Sports Arenas", description: "Multipurpose indoor facilities.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Library Volumes",
|
||||
description: "Extensive research archive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg?_wi=4",
|
||||
},
|
||||
id: "m3", value: "5k+", title: "Library Volumes", description: "Extensive research archive.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-mat-near-exercise-machines_23-2147791966.jpg"},
|
||||
]}
|
||||
title="Campus Facilities"
|
||||
description="State-of-the-art environments for learning, sports, and creativity."
|
||||
@@ -215,25 +148,15 @@ export default function LandingPage() {
|
||||
author="Dr. Ahmed Mansour, Parent"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Parent 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Parent 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Parent 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Parent 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Parent 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Parent 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Parent 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Parent 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
alt: "Parent 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg", alt: "Parent 5"},
|
||||
]}
|
||||
ratingAnimation="none"
|
||||
avatarsAnimation="none"
|
||||
@@ -247,28 +170,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Application",
|
||||
description: "Submit form online.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-blonde-girl-wearing-white-shirt-overalls-standing-near-her-father-expresses-love-care-smiling-handsome-man-white-t-shirt_176532-9818.jpg",
|
||||
imageAlt: "portrait confident parent studio background",
|
||||
title: "1. Application", description: "Submit form online.", bentoComponent: "reveal-icon", icon: FileText,
|
||||
},
|
||||
{
|
||||
title: "2. Assessment",
|
||||
description: "Evaluation of potential.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=3",
|
||||
imageAlt: "minimalist luxury school campus architecture",
|
||||
title: "2. Assessment", description: "Evaluation of potential.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "3. Interview",
|
||||
description: "Meeting the leadership.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classroom-interior-with-whiteboard-desk_23-2151995262.jpg?_wi=3",
|
||||
imageAlt: "elegant school library interior",
|
||||
title: "3. Interview", description: "Meeting the leadership.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Admission Process"
|
||||
@@ -280,44 +188,33 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Schedule a Tour"
|
||||
description="See the campus and meet our dedicated educational leaders."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"
|
||||
logoText="Elite Academy"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Apply",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Apply", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Dubai, UAE",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dubai, UAE", href: "#"},
|
||||
{
|
||||
label: "info@elite.ae",
|
||||
href: "mailto:info@elite.ae",
|
||||
},
|
||||
label: "info@elite.ae", href: "mailto:info@elite.ae"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user