Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Our Work", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AHA"
|
||||
/>
|
||||
@@ -57,37 +49,23 @@ export default function LandingPage() {
|
||||
description="Empowering our community through compassion, kindness, and tangible support. Join us in making a difference, one AHA moment at a time."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "See Our Work", href: "#projects"},
|
||||
{
|
||||
text: "Get Involved",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Involved", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg"
|
||||
imageAlt="Community helping community"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
|
||||
alt: "Portrait of jolly man at home feeling happy and grateful in life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg", alt: "Portrait of jolly man at home feeling happy and grateful in life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",
|
||||
alt: "Young man travelling by city bus",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", alt: "Young man travelling by city bus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg",
|
||||
alt: "Stylish man smiling close up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", alt: "Stylish man smiling close up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
|
||||
alt: "Close up portrait of unshaven handsome young hipster guy looks with dark shining eyes and pleased smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", alt: "Close up portrait of unshaven handsome young hipster guy looks with dark shining eyes and pleased smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man_93675-134315.jpg",
|
||||
alt: "Portrait of happy smiling man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man_93675-134315.jpg", alt: "Portrait of happy smiling man"},
|
||||
]}
|
||||
avatarText="Join 500+ local volunteers"
|
||||
/>
|
||||
@@ -99,11 +77,8 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
description="Founded with the belief that no one should face hardship alone, AHA serves as a bridge between those with extra to give and those who need a helping hand. We foster community connection through grassroots projects and compassionate service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,55 +89,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Food Security Initiatives",
|
||||
description: "Providing consistent nourishment to families in need across our local districts.",
|
||||
icon: Apple,
|
||||
title: "Food Security Initiatives", description: "Providing consistent nourishment to families in need across our local districts.", icon: Apple,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-local-vendors-preparing-healthy-market-counter_482257-77555.jpg",
|
||||
imageAlt: "Project 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-local-vendors-preparing-healthy-market-counter_482257-77555.jpg", imageAlt: "Project 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-vegetables-wheelbarrow_23-2148396786.jpg",
|
||||
imageAlt: "Project 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg?_wi=2",
|
||||
imageAlt: "food drive donation bin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-vegetables-wheelbarrow_23-2148396786.jpg", imageAlt: "Project 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Youth Education Programs",
|
||||
description: "Mentorship and resources to help every student reach their full potential.",
|
||||
icon: BookOpen,
|
||||
title: "Youth Education Programs", description: "Mentorship and resources to help every student reach their full potential.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844673.jpg",
|
||||
imageAlt: "Project 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844673.jpg", imageAlt: "Project 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038357.jpg",
|
||||
imageAlt: "Project 4",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-with-garbage-bags-trip-nature-clean-environment_169016-11518.jpg",
|
||||
imageAlt: "food drive donation bin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038357.jpg", imageAlt: "Project 4"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community Garden Build",
|
||||
description: "Building sustainable green spaces that foster connection and healthy living.",
|
||||
icon: Leaf,
|
||||
title: "Community Garden Build", description: "Building sustainable green spaces that foster connection and healthy living.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-plants-black-pots_23-2148269592.jpg",
|
||||
imageAlt: "Project 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-plants-black-pots_23-2148269592.jpg", imageAlt: "Project 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1",
|
||||
imageAlt: "Project 6",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg?_wi=1",
|
||||
imageAlt: "food drive donation bin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", imageAlt: "Project 6"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Work"
|
||||
@@ -178,45 +129,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mary S.",
|
||||
role: "Resident",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Mary S.", role: "Resident", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John D.",
|
||||
role: "Volunteer",
|
||||
company: "AHA Outreach",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "John D.", role: "Volunteer", company: "AHA Outreach", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Parent",
|
||||
company: "Youth Mentorship",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153725.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Parent", company: "Youth Mentorship", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153725.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus W.",
|
||||
role: "Participant",
|
||||
company: "Garden Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-108480.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus W.", role: "Participant", company: "Garden Project", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-108480.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
role: "Neighbor",
|
||||
company: "Community Services",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah P.", role: "Neighbor", company: "Community Services", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
|
||||
]}
|
||||
title="AHA Moments"
|
||||
description="Stories of hope and kindness from people we've had the honor of helping."
|
||||
@@ -229,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How can I volunteer?",
|
||||
content: "Reach out through our contact form!",
|
||||
},
|
||||
id: "1", title: "How can I volunteer?", content: "Reach out through our contact form!"},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you define an AHA moment?",
|
||||
content: "It's the moment someone realizes they aren't alone.",
|
||||
},
|
||||
id: "2", title: "How do you define an AHA moment?", content: "It's the moment someone realizes they aren't alone."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where does funding go?",
|
||||
content: "100% of donations go directly to project supplies.",
|
||||
},
|
||||
id: "3", title: "Where does funding go?", content: "100% of donations go directly to project supplies."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about how to support or work with AHA."
|
||||
@@ -254,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need Help? Reach Out."
|
||||
description="Tell us what you need help with and how we can best contact you. We're here for you."
|
||||
@@ -268,33 +184,21 @@ export default function LandingPage() {
|
||||
logoText="AHA"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Story", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Work", href: "#projects"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user