Merge version_2 into main #1
163
src/app/page.tsx
163
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: "Opportunities",
|
||||
id: "#opportunities",
|
||||
},
|
||||
name: "Opportunities", id: "#opportunities"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Gateway Volunteers"
|
||||
/>
|
||||
@@ -60,71 +50,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Involved",
|
||||
href: "#opportunities",
|
||||
},
|
||||
text: "Get Involved", href: "#opportunities"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-paper-heart-hanging-wood-background_1232-3691.jpg"
|
||||
imageAlt="Community volunteers in St. Louis"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diversity-assortment-different-colored-paper-hands-with-copy-space_23-2148642220.jpg",
|
||||
alt: "Volunteer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/diversity-assortment-different-colored-paper-hands-with-copy-space_23-2148642220.jpg", alt: "Volunteer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/helping-hands-volunteer-support-community-service-graphic_53876-64955.jpg",
|
||||
alt: "Volunteer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/helping-hands-volunteer-support-community-service-graphic_53876-64955.jpg", alt: "Volunteer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/community-give-donation-humanity-support-volunteer_53876-13802.jpg",
|
||||
alt: "Volunteer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/community-give-donation-humanity-support-volunteer_53876-13802.jpg", alt: "Volunteer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-paper-heart-paper-hand-with-copy-space_23-2148635150.jpg",
|
||||
alt: "Volunteer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-paper-heart-paper-hand-with-copy-space_23-2148635150.jpg", alt: "Volunteer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16257.jpg",
|
||||
alt: "Volunteer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16257.jpg", alt: "Volunteer 5"},
|
||||
]}
|
||||
avatarText="Join our 450+ volunteers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Inclusive Environment",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Inclusive Environment", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Impact",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Impact", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Skills Growth",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Skills Growth", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Flexible Hours",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Flexible Hours", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Unity",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Community Unity", icon: Heart,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -136,9 +101,7 @@ export default function LandingPage() {
|
||||
title="Our Mission for St. Louis"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our History",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our History", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,20 +113,11 @@ export default function LandingPage() {
|
||||
tag="Yearly Progress"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
description: "Hours Donated",
|
||||
},
|
||||
id: "m1", value: "12,000+", description: "Hours Donated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450",
|
||||
description: "Active Volunteers",
|
||||
},
|
||||
id: "m2", value: "450", description: "Active Volunteers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85",
|
||||
description: "Community Partners",
|
||||
},
|
||||
id: "m3", value: "85", description: "Community Partners"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -176,26 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Food Pantry",
|
||||
subtitle: "Support local families.",
|
||||
category: "Direct Service",
|
||||
value: "Weekly",
|
||||
},
|
||||
id: "f1", title: "Food Pantry", subtitle: "Support local families.", category: "Direct Service", value: "Weekly"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Mentoring",
|
||||
subtitle: "Guide local youth.",
|
||||
category: "Education",
|
||||
value: "Monthly",
|
||||
},
|
||||
id: "f2", title: "Mentoring", subtitle: "Guide local youth.", category: "Education", value: "Monthly"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Park Cleanup",
|
||||
subtitle: "Improve local green space.",
|
||||
category: "Environment",
|
||||
value: "Weekend",
|
||||
},
|
||||
id: "f3", title: "Park Cleanup", subtitle: "Improve local green space.", category: "Environment", value: "Weekend"},
|
||||
]}
|
||||
title="Volunteer Opportunities"
|
||||
description="Find your perfect role in our community projects."
|
||||
@@ -207,30 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-with-food-donations-close-up_23-2149182030.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-with-food-donations-close-up_23-2149182030.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Henderson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg",
|
||||
},
|
||||
id: "t2", name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Garcia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-football-game_23-2149015520.jpg",
|
||||
},
|
||||
id: "t3", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-football-game_23-2149015520.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg"},
|
||||
]}
|
||||
cardTitle="Voices of the Community"
|
||||
cardTag="Heartfelt Stories"
|
||||
@@ -243,12 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"City of St. Louis",
|
||||
"Gateway Food Bank",
|
||||
"Metro Parks Foundation",
|
||||
"St. Louis Reads",
|
||||
"Arts Council",
|
||||
]}
|
||||
"City of St. Louis", "Gateway Food Bank", "Metro Parks Foundation", "St. Louis Reads", "Arts Council"]}
|
||||
title="Proud Partners"
|
||||
description="Collaborating with local leaders across the city."
|
||||
/>
|
||||
@@ -259,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start?",
|
||||
content: "Sign up online and join a team.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need experience?",
|
||||
content: "No experience needed; we provide training.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a commitment?",
|
||||
content: "Choose the frequency that fits your schedule.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Join the Movement"
|
||||
description="Sign up for our newsletter to get local updates."
|
||||
@@ -300,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user