1 Commits

Author SHA1 Message Date
41d140a9bf Update src/app/page.tsx 2026-04-16 14:47:37 +00:00

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Opportunities", name: "Opportunities", id: "#opportunities"},
id: "#opportunities",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Gateway Volunteers" brandName="Gateway Volunteers"
/> />
@@ -60,71 +50,46 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Empower Our St. Louis Community" title="Empower Our St. Louis Community"
description="Join thousands of dedicated neighbors making a difference. From our neighborhoods to the heart of the city, your help builds a stronger future." description="Join thousands of dedicated neighbors making a difference. From our neighborhoods to the heart of the city, your help builds a stronger future."
buttons={[ buttons={[
{ {
text: "Get Involved", text: "Get Involved", href: "#opportunities"},
href: "#opportunities",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/red-paper-heart-hanging-wood-background_1232-3691.jpg" imageSrc="http://img.b2bpic.net/free-photo/red-paper-heart-hanging-wood-background_1232-3691.jpg"
imageAlt="Community volunteers in St. Louis" imageAlt="Community volunteers in St. Louis"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/diversity-assortment-different-colored-paper-hands-with-copy-space_23-2148642220.jpg", src: "http://img.b2bpic.net/free-photo/diversity-assortment-different-colored-paper-hands-with-copy-space_23-2148642220.jpg", alt: "Volunteer 1"},
alt: "Volunteer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/helping-hands-volunteer-support-community-service-graphic_53876-64955.jpg", src: "http://img.b2bpic.net/free-photo/helping-hands-volunteer-support-community-service-graphic_53876-64955.jpg", alt: "Volunteer 2"},
alt: "Volunteer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/community-give-donation-humanity-support-volunteer_53876-13802.jpg", src: "http://img.b2bpic.net/free-photo/community-give-donation-humanity-support-volunteer_53876-13802.jpg", alt: "Volunteer 3"},
alt: "Volunteer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/top-view-paper-heart-paper-hand-with-copy-space_23-2148635150.jpg", src: "http://img.b2bpic.net/free-photo/top-view-paper-heart-paper-hand-with-copy-space_23-2148635150.jpg", alt: "Volunteer 4"},
alt: "Volunteer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16257.jpg", src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16257.jpg", alt: "Volunteer 5"},
alt: "Volunteer 5",
},
]} ]}
avatarText="Join our 450+ volunteers" avatarText="Join our 450+ volunteers"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Inclusive Environment", icon: Users,
text: "Inclusive Environment",
icon: Users,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Local Impact", icon: MapPin,
text: "Local Impact",
icon: MapPin,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Skills Growth", icon: TrendingUp,
text: "Skills Growth",
icon: TrendingUp,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Flexible Hours", icon: Clock,
text: "Flexible Hours",
icon: Clock,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Community Unity", icon: Heart,
text: "Community Unity",
icon: Heart,
}, },
]} ]}
/> />
@@ -136,9 +101,7 @@ export default function LandingPage() {
title="Our Mission for St. Louis" title="Our Mission for St. Louis"
buttons={[ buttons={[
{ {
text: "Our History", text: "Our History", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -150,20 +113,11 @@ export default function LandingPage() {
tag="Yearly Progress" tag="Yearly Progress"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "12,000+", description: "Hours Donated"},
value: "12,000+",
description: "Hours Donated",
},
{ {
id: "m2", id: "m2", value: "450", description: "Active Volunteers"},
value: "450",
description: "Active Volunteers",
},
{ {
id: "m3", id: "m3", value: "85", description: "Community Partners"},
value: "85",
description: "Community Partners",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -176,26 +130,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Food Pantry", subtitle: "Support local families.", category: "Direct Service", value: "Weekly"},
title: "Food Pantry",
subtitle: "Support local families.",
category: "Direct Service",
value: "Weekly",
},
{ {
id: "f2", id: "f2", title: "Mentoring", subtitle: "Guide local youth.", category: "Education", value: "Monthly"},
title: "Mentoring",
subtitle: "Guide local youth.",
category: "Education",
value: "Monthly",
},
{ {
id: "f3", id: "f3", title: "Park Cleanup", subtitle: "Improve local green space.", category: "Environment", value: "Weekend"},
title: "Park Cleanup",
subtitle: "Improve local green space.",
category: "Environment",
value: "Weekend",
},
]} ]}
title="Volunteer Opportunities" title="Volunteer Opportunities"
description="Find your perfect role in our community projects." description="Find your perfect role in our community projects."
@@ -207,30 +146,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-with-food-donations-close-up_23-2149182030.jpg"},
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-with-food-donations-close-up_23-2149182030.jpg",
},
{ {
id: "t2", id: "t2", name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg"},
name: "James Henderson",
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg",
},
{ {
id: "t3", id: "t3", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-football-game_23-2149015520.jpg"},
name: "Maria Garcia",
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-football-game_23-2149015520.jpg",
},
{ {
id: "t4", id: "t4", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg"},
name: "David Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg",
},
{ {
id: "t5", id: "t5", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg"},
name: "Elena Ross",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg",
},
]} ]}
cardTitle="Voices of the Community" cardTitle="Voices of the Community"
cardTag="Heartfelt Stories" cardTag="Heartfelt Stories"
@@ -243,12 +167,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"City of St. Louis", "City of St. Louis", "Gateway Food Bank", "Metro Parks Foundation", "St. Louis Reads", "Arts Council"]}
"Gateway Food Bank",
"Metro Parks Foundation",
"St. Louis Reads",
"Arts Council",
]}
title="Proud Partners" title="Proud Partners"
description="Collaborating with local leaders across the city." description="Collaborating with local leaders across the city."
/> />
@@ -259,20 +178,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How do I start volunteering?", content: "Getting started is simple: create an account on our platform, browse the available volunteer projects based on your interests, and sign up for an orientation session."},
title: "How do I start?",
content: "Sign up online and join a team.",
},
{ {
id: "q2", id: "q2", title: "Do I need prior experience?", content: "No specific experience is required for most roles! We provide comprehensive on-the-job training and guidance to ensure you feel confident and prepared for your assigned tasks."},
title: "Do I need experience?",
content: "No experience needed; we provide training.",
},
{ {
id: "q3", id: "q3", title: "Can I choose my schedule?", content: "Absolutely. We offer flexible shifts across various programs, allowing you to choose the times and dates that align with your personal and professional commitments."},
title: "Is there a commitment?",
content: "Choose the frequency that fits your schedule.",
},
]} ]}
sideTitle="Questions?" sideTitle="Questions?"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -283,8 +193,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contact Us" tag="Contact Us"
title="Join the Movement" title="Join the Movement"
description="Sign up for our newsletter to get local updates." description="Sign up for our newsletter to get local updates."