Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hope Learning"
|
||||
/>
|
||||
@@ -60,112 +50,62 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Futures through Hope"
|
||||
description="At Hope Learning Center, we provide a nurturing environment for students of all backgrounds to grow, learn, and succeed."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104599.jpg",
|
||||
imageAlt: "Students learning together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104599.jpg", imageAlt: "Students learning together"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-mobile-phone-lesson-wall-college_1134-1157.jpg",
|
||||
imageAlt: "Students learning together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-mobile-phone-lesson-wall-college_1134-1157.jpg", imageAlt: "Students learning together"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-standing-their-desk-while-wearing-medical-masks_23-2148672160.jpg",
|
||||
imageAlt: "Students learning together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-standing-their-desk-while-wearing-medical-masks_23-2148672160.jpg", imageAlt: "Students learning together"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-books_23-2147771907.jpg",
|
||||
imageAlt: "Students learning together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-books_23-2147771907.jpg", imageAlt: "Students learning together"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenagers-having-fun-class_1098-2693.jpg",
|
||||
imageAlt: "Students learning together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenagers-having-fun-class_1098-2693.jpg", imageAlt: "Students learning together"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-group-holding-books-donations_23-2148687352.jpg",
|
||||
imageAlt: "Modern classroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-group-holding-books-donations_23-2148687352.jpg", imageAlt: "Modern classroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-yawning-surrounded-by-books_1098-2952.jpg",
|
||||
imageAlt: "Modern classroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-yawning-surrounded-by-books_1098-2952.jpg", imageAlt: "Modern classroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant_1203-1136.jpg",
|
||||
imageAlt: "Modern classroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant_1203-1136.jpg", imageAlt: "Modern classroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-studying-from-notebook-laptop-study-session_23-2149265712.jpg",
|
||||
imageAlt: "Modern classroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-studying-from-notebook-laptop-study-session_23-2149265712.jpg", imageAlt: "Modern classroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892696.jpg",
|
||||
imageAlt: "Modern classroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892696.jpg", imageAlt: "Modern classroom"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enroll Now", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104601.jpg",
|
||||
alt: "Authentic book club scene",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104601.jpg", alt: "Authentic book club scene"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-people-posing-self-portrait-library_74855-1626.jpg",
|
||||
alt: "Smiling people posing for self portrait at library",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-people-posing-self-portrait-library_74855-1626.jpg", alt: "Smiling people posing for self portrait at library"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-students-learning-together_23-2149127112.jpg",
|
||||
alt: "Close up students learning together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-students-learning-together_23-2149127112.jpg", alt: "Close up students learning together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-colleagues-working-together-cafe_273609-13291.jpg",
|
||||
alt: "Young colleagues working together in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-colleagues-working-together-cafe_273609-13291.jpg", alt: "Young colleagues working together in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361611.jpg",
|
||||
alt: "Colleagues doing team work for a project",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361611.jpg", alt: "Colleagues doing team work for a project"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg",
|
||||
alt: "Teamwork and cooperation concept",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg", alt: "Teamwork and cooperation concept"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892810.jpg",
|
||||
alt: "Abstract futuristic school classroom",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892810.jpg", alt: "Abstract futuristic school classroom"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/defocused-restaurant_1203-375.jpg",
|
||||
alt: "Defocused restaurant",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/defocused-restaurant_1203-375.jpg", alt: "Defocused restaurant"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892680.jpg",
|
||||
alt: "Abstract futuristic school classroom",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892680.jpg", alt: "Abstract futuristic school classroom"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906190.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-2150906190.jpg", alt: "View of futuristic and high tech classroom for students"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Literacy & Reading",
|
||||
description: "Focused reading intervention for K-8 students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brainstorm-designers_1098-14837.jpg",
|
||||
},
|
||||
title: "Literacy & Reading", description: "Focused reading intervention for K-8 students.", imageSrc: "http://img.b2bpic.net/free-photo/brainstorm-designers_1098-14837.jpg"},
|
||||
{
|
||||
title: "STEM Workshops",
|
||||
description: "Hands-on engineering and math enrichment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-korean-girl-graphic-designer-artist-drawing-digital-tablet-with-pen-t_1258-151493.jpg",
|
||||
},
|
||||
title: "STEM Workshops", description: "Hands-on engineering and math enrichment.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-korean-girl-graphic-designer-artist-drawing-digital-tablet-with-pen-t_1258-151493.jpg"},
|
||||
{
|
||||
title: "College Counseling",
|
||||
description: "Expert guidance through the admissions process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-with-notebook-indoors_23-2148389077.jpg",
|
||||
},
|
||||
title: "College Counseling", description: "Expert guidance through the admissions process.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-with-notebook-indoors_23-2148389077.jpg"},
|
||||
]}
|
||||
title="Our Educational Programs"
|
||||
description="From elementary support to college prep, we offer a wide range of programs designed to meet each student's individual learning style."
|
||||
@@ -216,26 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: GraduationCap,
|
||||
title: "Graduates Supported",
|
||||
value: "1,200+",
|
||||
},
|
||||
id: "m1", icon: GraduationCap,
|
||||
title: "Graduates Supported", value: "1,200+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Mentors Engaged",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Mentors Engaged", value: "150+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Avg. Grade Improvement",
|
||||
value: "24%",
|
||||
},
|
||||
id: "m3", icon: TrendingUp,
|
||||
title: "Avg. Grade Improvement", value: "24%"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quantifiable success stories that demonstrate our commitment to community education."
|
||||
description="See the measurable success we've achieved in our community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,25 +169,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-family-celebrating-birthday-online-video-call-with-family-friends-while-staying-home_58466-16116.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-family-celebrating-birthday-online-video-call-with-family-friends-while-staying-home_58466-16116.jpg", alt: "Parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/resting-young-female-sitting-time_1262-2795.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/resting-young-female-sitting-time_1262-2795.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-student-posing-against-pink-wall-with-glasses_273609-20875.jpg",
|
||||
alt: "Alumni",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-student-posing-against-pink-wall-with-glasses_273609-20875.jpg", alt: "Alumni"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teacher-young-student-having-good-time_23-2148511043.jpg",
|
||||
alt: "Mentor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teacher-young-student-having-good-time_23-2148511043.jpg", alt: "Mentor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-holding-daily-planner-writing-her-diary-making-notes_1258-203109.jpg",
|
||||
alt: "Teacher",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-holding-daily-planner-writing-her-diary-making-notes_1258-203109.jpg", alt: "Teacher"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -278,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there a fee for your programs?",
|
||||
content: "We offer programs on a sliding scale basis, and no child is turned away due to an inability to pay.",
|
||||
},
|
||||
id: "f1", title: "Is there a fee for your programs?", content: "We offer programs on a sliding scale basis, and no child is turned away due to an inability to pay."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I volunteer as a tutor?",
|
||||
content: "We are always looking for passionate volunteers. You can submit an inquiry through our contact form.",
|
||||
},
|
||||
id: "f2", title: "How can I volunteer as a tutor?", content: "We are always looking for passionate volunteers. You can submit an inquiry through our contact form."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your center hours?",
|
||||
content: "We are open Monday through Friday, 3:00 PM to 7:00 PM for after-school support.",
|
||||
},
|
||||
id: "f3", title: "What are your center hours?", content: "We are open Monday through Friday, 3:00 PM to 7:00 PM for after-school support."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about our enrollment process, programs, and community mission."
|
||||
@@ -304,14 +207,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"City Youth Fund",
|
||||
"Local Literacy Initiative",
|
||||
"TechAcademy Corp",
|
||||
"Public Library System",
|
||||
"Urban Education Foundation",
|
||||
"Bright Minds Charity",
|
||||
"Future Leaders Network",
|
||||
]}
|
||||
"City Youth Fund", "Local Literacy Initiative", "TechAcademy Corp", "Public Library System", "Urban Education Foundation", "Bright Minds Charity", "Future Leaders Network"]}
|
||||
title="Proud Partners"
|
||||
description="Collaborating with local organizations to make a lasting difference."
|
||||
/>
|
||||
@@ -321,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to support your child's educational journey? We'd love to hear from you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@hopelearning.org",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@hopelearning.org"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -339,33 +232,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Programs", href: "#features"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Volunteer", href: "#"},
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Donate", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -375,4 +256,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user