Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "#plans",
|
||||
},
|
||||
name: "Plans", id: "#plans"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "#stories",
|
||||
},
|
||||
name: "Stories", id: "#stories"},
|
||||
]}
|
||||
brandName="GiveHope"
|
||||
button={{
|
||||
text: "Donate Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Donate Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,32 +51,20 @@ export default function LandingPage() {
|
||||
description="Our seamless donation platform connects compassionate givers to the causes that matter most. Secure, transparent, and built for maximum impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Giving",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Giving", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-people-learning-from-home_52683-80251.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-people-learning-from-home_52683-80251.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-positive-woman-with-cancer_23-2151064728.jpg",
|
||||
alt: "Donor Alice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-positive-woman-with-cancer_23-2151064728.jpg", alt: "Donor Alice"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg",
|
||||
alt: "Donor Mark",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg", alt: "Donor Mark"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-handsome-african-man-with-afro-haircut-holding-hands-headphones-while-listening-music-being-excited-sitting-park_176420-19805.jpg",
|
||||
alt: "Donor Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-handsome-african-man-with-afro-haircut-holding-hands-headphones-while-listening-music-being-excited-sitting-park_176420-19805.jpg", alt: "Donor Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg",
|
||||
alt: "Donor David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg", alt: "Donor David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-donations_23-2149142796.jpg",
|
||||
alt: "Donor Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-donations_23-2149142796.jpg", alt: "Donor Elena"},
|
||||
]}
|
||||
avatarText="Join 10,000+ donors today"
|
||||
/>
|
||||
@@ -107,76 +85,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Tracking",
|
||||
description: "Monitor exactly where your donation goes and see the tangible impact you are making in real-time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg?_wi=1",
|
||||
title: "Real-Time Tracking", description: "Monitor exactly where your donation goes and see the tangible impact you are making in real-time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "donation platform hero concept"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Instant updates",
|
||||
},
|
||||
text: "Instant updates"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Transparent reporting",
|
||||
},
|
||||
text: "Transparent reporting"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Auditable impact",
|
||||
},
|
||||
text: "Auditable impact"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-people-learning-from-home_52683-80251.jpg?_wi=2",
|
||||
imageAlt: "donation platform hero concept",
|
||||
},
|
||||
{
|
||||
title: "Dedicated Support",
|
||||
description: "Access world-class assistance whenever you need it, ensuring your donation journey is smooth and rewarding.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-support-group_53876-94863.jpg?_wi=1",
|
||||
title: "Dedicated Support", description: "Access world-class assistance whenever you need it, ensuring your donation journey is smooth and rewarding.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-support-group_53876-94863.jpg", imageAlt: "donation progress tracking UI"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "24/7 Assistance",
|
||||
},
|
||||
text: "24/7 Assistance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Personalized guidance",
|
||||
},
|
||||
text: "Personalized guidance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Donor resources",
|
||||
},
|
||||
text: "Donor resources"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg?_wi=2",
|
||||
imageAlt: "donation progress tracking UI",
|
||||
},
|
||||
{
|
||||
title: "Military-Grade Security",
|
||||
description: "Your contribution is protected by cutting-edge security protocols for complete peace of mind.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secure-online-payment_23-2152001145.jpg",
|
||||
title: "Military-Grade Security", description: "Your contribution is protected by cutting-edge security protocols for complete peace of mind.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secure-online-payment_23-2152001145.jpg", imageAlt: "customer support team nonprofit"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Encrypted transactions",
|
||||
},
|
||||
text: "Encrypted transactions"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Secure data storage",
|
||||
},
|
||||
text: "Secure data storage"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Compliance standards",
|
||||
},
|
||||
text: "Compliance standards"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-support-group_53876-94863.jpg?_wi=2",
|
||||
imageAlt: "customer support team nonprofit",
|
||||
},
|
||||
]}
|
||||
title="Built for Transparency & Results"
|
||||
@@ -191,54 +148,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Casual Giver",
|
||||
price: "$10",
|
||||
period: "/mo",
|
||||
description: "Perfect for making a consistent small impact monthly.",
|
||||
button: {
|
||||
text: "Start Giving",
|
||||
},
|
||||
featuresTitle: "Included Benefits",
|
||||
features: [
|
||||
"Monthly impact report",
|
||||
"Donation receipt",
|
||||
"Community access",
|
||||
],
|
||||
id: "starter", tag: "Casual Giver", price: "$10", period: "/mo", description: "Perfect for making a consistent small impact monthly.", button: {
|
||||
text: "Start Giving"},
|
||||
featuresTitle: "Included Benefits", features: [
|
||||
"Monthly impact report", "Donation receipt", "Community access"],
|
||||
},
|
||||
{
|
||||
id: "supporter",
|
||||
tag: "Community Supporter",
|
||||
price: "$50",
|
||||
period: "/mo",
|
||||
description: "For those committed to driving tangible, long-term change.",
|
||||
button: {
|
||||
text: "Start Giving",
|
||||
},
|
||||
featuresTitle: "Included Benefits",
|
||||
features: [
|
||||
"Priority updates",
|
||||
"Donor badge",
|
||||
"Impact dashboard",
|
||||
"Exclusive webinars",
|
||||
],
|
||||
id: "supporter", tag: "Community Supporter", price: "$50", period: "/mo", description: "For those committed to driving tangible, long-term change.", button: {
|
||||
text: "Start Giving"},
|
||||
featuresTitle: "Included Benefits", features: [
|
||||
"Priority updates", "Donor badge", "Impact dashboard", "Exclusive webinars"],
|
||||
},
|
||||
{
|
||||
id: "partner",
|
||||
tag: "Philanthropist",
|
||||
price: "$250",
|
||||
period: "/mo",
|
||||
description: "For leaders shaping a brighter, more sustainable future.",
|
||||
button: {
|
||||
text: "Start Giving",
|
||||
},
|
||||
featuresTitle: "Included Benefits",
|
||||
features: [
|
||||
"Direct project contact",
|
||||
"Impact concierge",
|
||||
"Annual gala invite",
|
||||
"Private reporting",
|
||||
],
|
||||
id: "partner", tag: "Philanthropist", price: "$250", period: "/mo", description: "For leaders shaping a brighter, more sustainable future.", button: {
|
||||
text: "Start Giving"},
|
||||
featuresTitle: "Included Benefits", features: [
|
||||
"Direct project contact", "Impact concierge", "Annual gala invite", "Private reporting"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Contribution Level"
|
||||
@@ -253,40 +178,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "This platform transformed how I give back. It's so transparent and easy to use!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-positive-woman-with-cancer_23-2151064728.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "This platform transformed how I give back. It's so transparent and easy to use!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-positive-woman-with-cancer_23-2151064728.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "I love knowing exactly where my contribution goes. The impact metrics are clear and encouraging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Chen", handle: "@mchen", testimonial: "I love knowing exactly where my contribution goes. The impact metrics are clear and encouraging.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The support team is fantastic. They truly value every donor, no matter the amount.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-handsome-african-man-with-afro-haircut-holding-hands-headphones-while-listening-music-being-excited-sitting-park_176420-19805.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", handle: "@sarahm", testimonial: "The support team is fantastic. They truly value every donor, no matter the amount.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-handsome-african-man-with-afro-haircut-holding-hands-headphones-while-listening-music-being-excited-sitting-park_176420-19805.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park",
|
||||
handle: "@dpark",
|
||||
testimonial: "An incredible way to support multiple causes in one place. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg",
|
||||
},
|
||||
id: "4", name: "David Park", handle: "@dpark", testimonial: "An incredible way to support multiple causes in one place. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Ross",
|
||||
handle: "@elena",
|
||||
testimonial: "Reliable, trustworthy, and impactful. The best donation site I've ever encountered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-donations_23-2149142796.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Ross", handle: "@elena", testimonial: "Reliable, trustworthy, and impactful. The best donation site I've ever encountered.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-donations_23-2149142796.jpg"},
|
||||
]}
|
||||
title="Voices of Impact"
|
||||
description="Hear from our incredible community of donors and the projects they have helped bring to life."
|
||||
@@ -297,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Join Our Mission Today"
|
||||
description="Ready to make a difference? Join thousands of other donors committed to changing the world for the better."
|
||||
@@ -311,54 +210,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Transparency",
|
||||
href: "#impact",
|
||||
},
|
||||
label: "Transparency", href: "#impact"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#security",
|
||||
},
|
||||
label: "Security", href: "#security"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Impact Stories",
|
||||
href: "#stories",
|
||||
},
|
||||
label: "Impact Stories", href: "#stories"},
|
||||
{
|
||||
label: "Donation Guides",
|
||||
href: "#guides",
|
||||
},
|
||||
label: "Donation Guides", href: "#guides"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Licenses",
|
||||
href: "#",
|
||||
},
|
||||
label: "Licenses", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user