Merge version_1 into main #3
274
src/app/page.tsx
274
src/app/page.tsx
@@ -1,73 +1,130 @@
|
||||
"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';
|
||||
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 { Quote, Zap, TrendingUp, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Impact", id: "impact" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const heroMediaItems = [
|
||||
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 1" },
|
||||
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 2" },
|
||||
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 3" },
|
||||
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 4" },
|
||||
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Portfolio item 5" },
|
||||
];
|
||||
|
||||
const metrics = [
|
||||
{
|
||||
id: "1", value: "10M+", title: "Users Reached", description: "Growing community of engaged users", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "User engagement"},
|
||||
{
|
||||
id: "2", value: "500K+", title: "Projects Delivered", description: "Successfully completed projects", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Project delivery"},
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
id: "1", title: "Advanced Analytics", author: "Design Team", description: "Real-time insights into your project performance and user behavior", tags: ["Analytics", "Real-time"],
|
||||
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Analytics dashboard"},
|
||||
{
|
||||
id: "2", title: "Seamless Integration", author: "Engineering Team", description: "Connect with your favorite tools and services effortlessly", tags: ["Integration", "Automation"],
|
||||
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Integration workflow"},
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Product Manager", company: "TechCorp", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "CEO", company: "InnovateLabs", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", role: "Lead Designer", company: "CreativeStudio", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Elena Rodriguez"},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#security" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#docs" },
|
||||
{ label: "Support", href: "#support" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
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"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
/>
|
||||
</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" }}
|
||||
title="Explore Our Portfolio"
|
||||
description="Discover the amazing projects we have created and delivered"
|
||||
tag="Featured"
|
||||
tagIcon={Star}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={heroMediaItems}
|
||||
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" }
|
||||
{ text: "View All", href: "#" },
|
||||
{ text: "Contact Us", href: "contact" },
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
tag="Testimonial"
|
||||
tagIcon={Quote}
|
||||
title="We've helped hundreds of companies achieve their goals"
|
||||
description="Maria Anderson"
|
||||
subdescription="CEO, Growth Ventures"
|
||||
icon={Zap}
|
||||
imageSrc="/placeholders/placeholder1.webp"
|
||||
imageAlt="Success story"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -75,47 +132,20 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
}
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable results that drive success"
|
||||
metrics={metrics}
|
||||
animationType="slide-up"
|
||||
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"
|
||||
}
|
||||
]}
|
||||
title="Our Programs"
|
||||
description="Comprehensive solutions designed for your success"
|
||||
features={features}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -124,48 +154,23 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the teams we've worked with"
|
||||
testimonials={testimonials}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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."
|
||||
text="Ready to transform your project? Let's work together to create something remarkable."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Donate Now", href: "#" },
|
||||
{ text: "Volunteer With Us", href: "#" }
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -174,42 +179,9 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 Webild. All rights reserved."
|
||||
bottomRightText="Made with passion"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user