Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 41d140a9bf |
161
src/app/page.tsx
161
src/app/page.tsx
@@ -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."
|
||||||
|
|||||||
Reference in New Issue
Block a user