Merge version_1 into main #2
510
src/app/page.tsx
510
src/app/page.tsx
@@ -29,346 +29,194 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Al Bahrain Schools"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Al Bahrain Schools"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Shaping the Future of Bahrain's Youth"
|
||||
description="Empowering students through comprehensive secondary education excellence, innovation, and community-focused learning environments."
|
||||
kpis={[
|
||||
{
|
||||
value: "25+",
|
||||
label: "Schools Network",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Active Students",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Success Rate",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=1"
|
||||
imageAlt="Bahrain school campus"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg",
|
||||
alt: "Schoolboy waiting for the lesson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg",
|
||||
alt: "Girl teenager in school uniform",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg",
|
||||
alt: "Smiley student posing for the class",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg",
|
||||
alt: "Lifestyle portrait of young smiling woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 15,000+ students across Bahrain."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Academic Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heritage Driven",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Shaping the Future of Bahrain's Youth"
|
||||
description="Empowering students through comprehensive secondary education excellence, innovation, and community-focused learning environments."
|
||||
kpis={[
|
||||
{ value: "25+", label: "Schools Network" },
|
||||
{ value: "15k+", label: "Active Students" },
|
||||
{ value: "98%", label: "Success Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg"
|
||||
imageAlt="Bahrain school campus"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg", alt: "Schoolboy waiting for the lesson" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg", alt: "Girl teenager in school uniform" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg", alt: "Smiley student posing for the class" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg", alt: "Lifestyle portrait of young smiling woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", alt: "Student profile" },
|
||||
]}
|
||||
avatarText="Join 15,000+ students across Bahrain."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Academic Excellence" },
|
||||
{ type: "text", text: "Community Focus" },
|
||||
{ type: "text", text: "Future Ready" },
|
||||
{ type: "text", text: "Heritage Driven" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Academic Distinction"
|
||||
description="Providing a balanced curriculum that combines local heritage with global standards to prepare students for the demands of the 21st century."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Faculty Certified",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Advanced Programs",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg?_wi=1"
|
||||
imageAlt="Students in classroom"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Academic Distinction"
|
||||
description="Providing a balanced curriculum that combines local heritage with global standards to prepare students for the demands of the 21st century."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Faculty Certified" },
|
||||
{ value: "50+", title: "Advanced Programs" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg"
|
||||
imageAlt="Students in classroom"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "STEM Excellence",
|
||||
description: "State-of-the-art laboratories and robotics programs.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/science-day-celebration-with-kids-learning-laboratory_23-2151808092.jpg",
|
||||
imageAlt: "STEM lab",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-making-robot_23-2148863406.jpg",
|
||||
imageAlt: "Robotics workshop",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=2",
|
||||
imageAlt: "modern science laboratory school",
|
||||
},
|
||||
{
|
||||
title: "Arts and Humanities",
|
||||
description: "Creative expression and deep critical thinking workshops.",
|
||||
icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg",
|
||||
imageAlt: "Art class",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-sitting-table-studying_23-2147664200.jpg",
|
||||
imageAlt: "Humanities project",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg?_wi=2",
|
||||
imageAlt: "modern science laboratory school",
|
||||
},
|
||||
{
|
||||
title: "Sports Development",
|
||||
description: "Comprehensive physical training and team sports facilities.",
|
||||
icon: Trophy,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg",
|
||||
imageAlt: "School track",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-playing-basketball-field_23-2148796849.jpg",
|
||||
imageAlt: "Basketball team",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
|
||||
imageAlt: "modern science laboratory school",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Educational Programs"
|
||||
description="Our schools offer a wide array of specialized paths designed to nurture talent and curiosity in every student."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Educational Programs"
|
||||
description="Our schools offer a wide array of specialized paths designed to nurture talent and curiosity in every student."
|
||||
features={[
|
||||
{
|
||||
title: "STEM Excellence", description: "State-of-the-art laboratories and robotics programs.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/science-day-celebration-with-kids-learning-laboratory_23-2151808092.jpg", imageAlt: "STEM lab" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-making-robot_23-2148863406.jpg", imageAlt: "Robotics workshop" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Arts and Humanities", description: "Creative expression and deep critical thinking workshops.", icon: Palette,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg", imageAlt: "Art class" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-sitting-table-studying_23-2147664200.jpg", imageAlt: "Humanities project" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sports Development", description: "Comprehensive physical training and team sports facilities.", icon: Trophy,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg", imageAlt: "School track" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/children-playing-basketball-field_23-2148796849.jpg", imageAlt: "Basketball team" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: BookOpen,
|
||||
title: "Library Books",
|
||||
value: "500k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: GraduationCap,
|
||||
title: "Annual Alumni",
|
||||
value: "3k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "National Awards",
|
||||
value: "120+",
|
||||
},
|
||||
]}
|
||||
title="Measuring Our Vision"
|
||||
description="Data-driven insights into our educational milestones."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: BookOpen, title: "Library Books", value: "500k+" },
|
||||
{ id: "m2", icon: GraduationCap, title: "Annual Alumni", value: "3k+" },
|
||||
{ id: "m3", icon: Award, title: "National Awards", value: "120+" },
|
||||
]}
|
||||
title="Measuring Our Vision"
|
||||
description="Data-driven insights into our educational milestones."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The quality of teaching and the resources provided at this institution have fundamentally shaped my career goals. Truly world-class."
|
||||
rating={5}
|
||||
author="Fatima Al-Hamad"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
|
||||
alt: "Fatima Al-Hamad",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg",
|
||||
alt: "Student profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg",
|
||||
alt: "Student profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg",
|
||||
alt: "Student profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg",
|
||||
alt: "Student profile 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The quality of teaching and the resources provided at this institution have fundamentally shaped my career goals. Truly world-class."
|
||||
rating={5}
|
||||
author="Fatima Al-Hamad"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", alt: "Fatima Al-Hamad" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg", alt: "Student profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg", alt: "Student profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg", alt: "Student profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg", alt: "Student profile 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to register?",
|
||||
content: "Online portal applications open annually in August.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there scholarships?",
|
||||
content: "Yes, merit-based grants are available.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are the hours?",
|
||||
content: "Classes run from 7:30 AM to 2:00 PM.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-talking-before-class_23-2148844751.jpg"
|
||||
imageAlt="Counseling session"
|
||||
title="Frequently Asked Questions"
|
||||
description="Information for parents and students regarding admissions and school life."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How to register?", content: "Online portal applications open annually in August." },
|
||||
{ id: "f2", title: "Are there scholarships?", content: "Yes, merit-based grants are available." },
|
||||
{ id: "f3", title: "What are the hours?", content: "Classes run from 7:30 AM to 2:00 PM." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-talking-before-class_23-2148844751.jpg"
|
||||
imageAlt="Counseling session"
|
||||
title="Frequently Asked Questions"
|
||||
description="Information for parents and students regarding admissions and school life."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ministry of Education",
|
||||
"Bahrain University",
|
||||
"Global Science Alliance",
|
||||
"International Arts Council",
|
||||
"Youth Empowerment Bahrain",
|
||||
]}
|
||||
title="Our Proud Partners"
|
||||
description="Collaborating with leading organizations to expand our horizons."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ministry of Education", "Bahrain University", "Global Science Alliance", "International Arts Council", "Youth Empowerment Bahrain"]}
|
||||
title="Our Proud Partners"
|
||||
description="Collaborating with leading organizations to expand our horizons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquiries"
|
||||
title="Get in touch with us"
|
||||
description="Have questions about our schools or programs? Send us a message today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-teacher-with-clipboard-pointing-globe-classroom_23-2148848250.jpg"
|
||||
imageAlt="School administration building"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiries"
|
||||
title="Get in touch with us"
|
||||
description="Have questions about our schools or programs? Send us a message today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-teacher-with-clipboard-pointing-globe-classroom_23-2148848250.jpg"
|
||||
imageAlt="School administration building"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Al Bahrain Secondary Schools"
|
||||
bottomRightText="Building the future of our nation."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Admissions", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Al Bahrain Secondary Schools"
|
||||
bottomRightText="Building the future of our nation."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user