218 lines
12 KiB
TypeScript
218 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import { Sprout } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "Programs", id: "programs" },
|
||
{ name: "Impact", id: "impact" },
|
||
{ name: "Stories", id: "testimonials" },
|
||
{ name: "Get Involved", id: "contact" }
|
||
]}
|
||
button={{ text: "Join the Mission", href: "contact" }}
|
||
brandName="Learninglee"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
title="Make Education an Equalizer"
|
||
description="Learninglee rebuilds equitable education in Jammu & Kashmir through grassroots teacher training, child protection, and communityled learning—because every child deserves the chance to thrive"
|
||
tag="Education Equity"
|
||
background={{ variant: "grid" }}
|
||
buttons={[
|
||
{ text: "Join the Mission", href: "contact" },
|
||
{ text: "Explore Our Work", href: "programs" }
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110282.jpg", imageAlt: "Children learning together in a vibrant classroom" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/online-ideas_1098-14139.jpg", imageAlt: "Teachers engaged in professional development workshop" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-teacher-reading-her-pupils_23-2148925486.jpg", imageAlt: "Safe learning environment for children" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-with-play-dough_23-2149572136.jpg", imageAlt: "Young children engaged in early childhood education" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/mother-sons-picking-flowers-park_23-2147623016.jpg", imageAlt: "Community members learning together" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="Our Mission"
|
||
title="Transforming Education Through Grassroots Leadership"
|
||
description="Learninglee empowers children and educators in Jammu & Kashmir"
|
||
subdescription="Building sustainable pathways to equitable education"
|
||
icon={Sprout}
|
||
imageSrc="http://img.b2bpic.net/free-photo/online-ideas_1098-14139.jpg"
|
||
imageAlt="Teachers collaborating on professional development"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="impact" data-section="impact">
|
||
<MetricCardEleven
|
||
title="Measurable Impact"
|
||
description="Real change driven by community-led initiatives and transparency"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "2,500+", title: "Children Reached", description: "Direct beneficiaries across five districts", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110282.jpg", imageAlt: "Children in classroom"
|
||
},
|
||
{
|
||
id: "2", value: "180+", title: "Teachers Trained", description: "Grassroots educators equipped with modern pedagogy", imageSrc: "http://img.b2bpic.net/free-photo/online-ideas_1098-14139.jpg", imageAlt: "Teacher training workshop"
|
||
},
|
||
{
|
||
id: "3", value: "95%", title: "Program Completion", description: "High retention and engagement across initiatives", imageSrc: "http://img.b2bpic.net/free-photo/mother-sons-picking-flowers-park_23-2147623016.jpg", imageAlt: "Community learning success"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="programs" data-section="programs">
|
||
<FeatureCardTwentyFour
|
||
title="Our Core Programs"
|
||
description="Comprehensive initiatives addressing education equity through locally-embedded solutions"
|
||
features={[
|
||
{
|
||
id: "1", title: "Teacher Training & Development", author: "Capacity Building", description: "Equipping educators with modern pedagogical techniques, digital literacy, and cultural competency to transform classroom experiences.", tags: ["Pedagogy", "Professional Development"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/online-ideas_1098-14139.jpg", imageAlt: "Teacher training session"
|
||
},
|
||
{
|
||
id: "2", title: "Child Safety & Protection", author: "Safeguarding", description: "Establishing protective frameworks, trauma-informed support, and community awareness to ensure safe learning environments for vulnerable children.", tags: ["Safeguarding", "Wellbeing"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-teacher-reading-her-pupils_23-2148925486.jpg", imageAlt: "Safe learning environment"
|
||
},
|
||
{
|
||
id: "3", title: "Early Childhood Education", author: "Foundation Building", description: "Nurturing foundational learning through play-based activities and community preschools, reaching children ages 3–6 with developmental support.", tags: ["Early Development", "Access"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-with-play-dough_23-2149572136.jpg", imageAlt: "Early childhood learning"
|
||
},
|
||
{
|
||
id: "4", title: "Community Learning Hubs", author: "Grassroots Empowerment", description: "Local centers offering remedial support, life skills, and mentorship to out-of-school children and families, anchored in community leadership.", tags: ["Inclusion", "Community"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mother-sons-picking-flowers-park_23-2147623016.jpg", imageAlt: "Community learning hub"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
title="Stories of Transformation"
|
||
description="Voices from children, educators, partners, and supporters who embody the impact of equitable education"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Aisha Khan", role: "Student", company: "Learninglee Scholar", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-confident-young-female-student-smm-manager-running-own-social-media-page-cross-hands-chest-smiling-with-selfassured-knowing-expression-have-all-control_176420-52541.jpg", imageAlt: "Aisha Khan, Learninglee Scholar"
|
||
},
|
||
{
|
||
id: "2", name: "Rajesh Sharma", role: "Teacher", company: "Community Educator", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204399.jpg", imageAlt: "Rajesh Sharma, Community Educator"
|
||
},
|
||
{
|
||
id: "3", name: "Priya Malik", role: "Community Partner", company: "Local NGO Leader", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-taking-care-donations_23-2148687305.jpg", imageAlt: "Priya Malik, Community Partner"
|
||
},
|
||
{
|
||
id: "4", name: "David Rothstein", role: "Philanthropist", company: "Global Foundation", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-holding-tasklist_114579-18989.jpg", imageAlt: "David Rothstein, Philanthropist"
|
||
},
|
||
{
|
||
id: "5", name: "Sana Mir", role: "Young Advocate", company: "Social Justice Fellow", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-confident-young-female-student-smm-manager-running-own-social-media-page-cross-hands-chest-smiling-with-selfassured-knowing-expression-have-all-control_176420-52541.jpg", imageAlt: "Sana Mir, Young Advocate"
|
||
},
|
||
{
|
||
id: "6", name: "Dr. James Okafor", role: "Education Expert", company: "International Partnership", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204399.jpg", imageAlt: "Dr. James Okafor, Education Expert"
|
||
}
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Ready to join the movement? Whether you're a philanthropist seeking impact, an educator wanting to partner, or a young advocate inspired by change—let's create equitable education together."
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Donate Now", href: "#" },
|
||
{ text: "Volunteer With Us", href: "#" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Organization", items: [
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Our Programs", href: "#programs" },
|
||
{ label: "Impact Stories", href: "#testimonials" },
|
||
{ label: "Team", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Get Involved", items: [
|
||
{ label: "Donate", href: "#" },
|
||
{ label: "Volunteer", href: "#" },
|
||
{ label: "Partner With Us", href: "#" },
|
||
{ label: "Subscribe", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Resources", items: [
|
||
{ label: "Impact Reports", href: "#" },
|
||
{ label: "Research", href: "#" },
|
||
{ label: "Blog", href: "#" },
|
||
{ label: "Contact", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Governance", href: "#" },
|
||
{ label: "Transparency", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
bottomLeftText="© 2025 Learninglee NGO. All rights reserved. Registered nonprofit organization."
|
||
bottomRightText="Committed to education equity in Jammu & Kashmir"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|