321 lines
12 KiB
TypeScript
321 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, GraduationCap, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Programs",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Lemlem School"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Lemlem Primary and Secondary School"
|
|
description="Excellence in education, shaping the leaders of tomorrow through holistic learning, academic rigor, and character development in a supportive environment."
|
|
imageSrc="http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257205.jpg?_wi=1"
|
|
imageAlt="ethiopian primary school classroom"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257196.jpg",
|
|
alt: "Friends learning in a study group",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257244.jpg",
|
|
alt: "Friends learning in a study group",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/teenagers-reading-near-friend-choosing-book_23-2147864013.jpg",
|
|
alt: "Teenagers reading near friend choosing book",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149127091.jpg",
|
|
alt: "Close up people studying together",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/three-happy-enthusiastic-designers-discussing-buisness-ideas-upcoming-project-sitting-table-with-papers-bright-modern-library-comfort-teamwork-with-friends-startup-business-concept_176420-8295.jpg",
|
|
alt: "Three happy enthusiastic designers discussing buisness ideas for upcoming project sitting at table with papers in bright modern library. Comfort teamwork with friends. Startup, business concept",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906338.jpg",
|
|
alt: "Futuristic view of school classroom with state-of-the-art architecture",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906224.jpg",
|
|
alt: "View of futuristic and high tech classroom for students",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906186.jpg",
|
|
alt: "View of futuristic and high tech classroom for students",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/children-learning-more-about-chemistry-class_23-2149068339.jpg",
|
|
alt: "Children learning more about chemistry in class",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/kids-learning-more-about-chemistry-class_23-2149068379.jpg",
|
|
alt: "Kids learning more about chemistry in class",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Academic Excellence"
|
|
description="Lemlem School is dedicated to providing quality education from primary through secondary levels. Our mission is to nurture intellectual curiosity, critical thinking, and social responsibility in every student."
|
|
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Primary Education",
|
|
tags: [
|
|
"Foundation",
|
|
"Core Subjects",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rejoicing-girl-near-table-chemistry-class_259150-60288.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Secondary Education",
|
|
tags: [
|
|
"Advanced",
|
|
"Preparation",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/specialist-by-desk_1098-13079.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Extracurriculars",
|
|
tags: [
|
|
"Sports",
|
|
"Arts",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-pointing-map_23-2149080798.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Academic Programs"
|
|
description="Our curriculum is designed to challenge and inspire, covering comprehensive subjects with hands-on learning experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="academic" data-section="academic">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: GraduationCap,
|
|
title: "Graduates",
|
|
value: "5000+",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: Users,
|
|
title: "Current Students",
|
|
value: "1200",
|
|
},
|
|
{
|
|
id: "m3",
|
|
icon: Award,
|
|
title: "Awards Won",
|
|
value: "150+",
|
|
},
|
|
]}
|
|
title="School Milestones"
|
|
description="Tracking our impact and commitment to student success year after year."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Abeba T.",
|
|
date: "2023",
|
|
title: "Parent",
|
|
quote: "My children thrive here. The academic quality and care for students is outstanding.",
|
|
tag: "Parent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-holding-notebooks-celebrating-making-fist-pump-shouting-yes-with-excitement-sta_1258-146346.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257205.jpg?_wi=2",
|
|
imageAlt: "parent portrait smiling happy",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Yonas G.",
|
|
date: "2023",
|
|
title: "Parent",
|
|
quote: "A truly inspiring school. The teachers are dedicated and truly invested in their success.",
|
|
tag: "Parent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-father-his-daughter-home_624325-3627.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg?_wi=2",
|
|
imageAlt: "parent portrait smiling happy",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Selam W.",
|
|
date: "2023",
|
|
title: "Alumna",
|
|
quote: "The education I received gave me the foundation to succeed in university.",
|
|
tag: "Alumni",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-kitchen_1170-2652.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rejoicing-girl-near-table-chemistry-class_259150-60288.jpg?_wi=2",
|
|
imageAlt: "parent portrait smiling happy",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Dawit K.",
|
|
date: "2023",
|
|
title: "Parent",
|
|
quote: "I appreciate the holistic approach, not just academics but building good character.",
|
|
tag: "Parent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-family-two-dads-baby_23-2149259098.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/specialist-by-desk_1098-13079.jpg?_wi=2",
|
|
imageAlt: "parent portrait smiling happy",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Tigist M.",
|
|
date: "2023",
|
|
title: "Parent",
|
|
quote: "Lemlem has been a supportive and wonderful environment for my three children.",
|
|
tag: "Parent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/family-with-books-outside-house_23-2147663685.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-pointing-map_23-2149080798.jpg?_wi=2",
|
|
imageAlt: "parent portrait smiling happy",
|
|
},
|
|
]}
|
|
title="Voices of the Community"
|
|
description="Hear what our students and parents have to say about their experience at Lemlem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What is the admission policy?",
|
|
content: "Admissions are based on placement tests and prior academic records.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Are there school transport services?",
|
|
content: "Yes, we provide safe and reliable school bus transport throughout the city.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "What subjects are taught?",
|
|
content: "We follow a comprehensive curriculum covering STEM, Humanities, and Language Arts.",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our admission process and school policies."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/marketing-consultant-working-computer-business-growth_482257-41144.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact"
|
|
title="Get in Touch"
|
|
description="Have questions? We would love to hear from you. Contact us for admissions, tours, or general information."
|
|
imageSrc="http://img.b2bpic.net/free-photo/marketing-consultant-working-computer-business-growth_482257-41144.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Lemlem School"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Contact Us",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|