Merge version_1 into main #1
416
src/app/page.tsx
416
src/app/page.tsx
@@ -25,304 +25,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Wishes",
|
||||
id: "wishes",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="WishGrant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Wishes", id: "wishes" },
|
||||
{ name: "How it Works", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="WishGrant"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Empower Dreams Through Anonymous Giving"
|
||||
description="Join a global community where small acts of kindness create life-changing miracles. Your support turns hidden hopes into reality, leaving the giver anonymous and the receiver empowered."
|
||||
buttons={[
|
||||
{
|
||||
text: "Grant a Wish",
|
||||
href: "#wishes",
|
||||
},
|
||||
{
|
||||
text: "Post a Wish",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-gesture-expressing-different-feelings_23-2150061928.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
alt: "Supporter 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
alt: "Supporter 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg",
|
||||
alt: "Supporter 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-senior-hipster-guy-with-tattoos-cross-arms-chest-looking-determined-happy-front-standing-white-wall_176420-38712.jpg",
|
||||
alt: "Supporter 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg",
|
||||
alt: "Supporter 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ donors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Education",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Healthcare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nourishment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Empower Dreams Through Anonymous Giving"
|
||||
description="Join a global community where small acts of kindness create life-changing miracles. Your support turns hidden hopes into reality, leaving the giver anonymous and the receiver empowered."
|
||||
buttons={[
|
||||
{ text: "Grant a Wish", href: "#wishes" },
|
||||
{ text: "Post a Wish", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-gesture-expressing-different-feelings_23-2150061928.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Supporter 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Supporter 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg", alt: "Supporter 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-senior-hipster-guy-with-tattoos-cross-arms-chest-looking-determined-happy-front-standing-white-wall_176420-38712.jpg", alt: "Supporter 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg", alt: "Supporter 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ donors"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Education" },
|
||||
{ type: "text", text: "Healthcare" },
|
||||
{ type: "text", text: "Artistic Growth" },
|
||||
{ type: "text", text: "Nourishment" },
|
||||
{ type: "text", text: "Community Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Kindness Without Borders"
|
||||
description="WishGrant acts as the transparent bridge between those who need support and those ready to give. We ensure 100% of your contribution reaches its goal securely and anonymously."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Wishes",
|
||||
description: "Every wish is reviewed for authenticity and necessity before being posted.",
|
||||
},
|
||||
{
|
||||
title: "Complete Anonymity",
|
||||
description: "Your identity is protected at every step, allowing pure impact without expectation.",
|
||||
},
|
||||
{
|
||||
title: "Direct Impact",
|
||||
description: "See the outcome of your contribution through updates from the wish recipient.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874929.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Kindness Without Borders"
|
||||
description="WishGrant acts as the transparent bridge between those who need support and those ready to give. We ensure 100% of your contribution reaches its goal securely and anonymously."
|
||||
bulletPoints={[
|
||||
{ title: "Verified Wishes", description: "Every wish is reviewed for authenticity and necessity before being posted." },
|
||||
{ title: "Complete Anonymity", description: "Your identity is protected at every step, allowing pure impact without expectation." },
|
||||
{ title: "Direct Impact", description: "See the outcome of your contribution through updates from the wish recipient." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874929.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wishes" data-section="wishes">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
brand: "Education",
|
||||
name: "Help for Books & Supplies",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-volunteer-giving-heart-box-with-ukrainian-flag-support-help-victims-war-ukraine-flat-vector-illustration-humanitarian-aid-concept-banner-website-design-landing-web-page_74855-24723.jpg",
|
||||
},
|
||||
{
|
||||
id: "w2",
|
||||
brand: "Health",
|
||||
name: "Wheelchair Upgrade",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cross-bulb_1134-362.jpg",
|
||||
},
|
||||
{
|
||||
id: "w3",
|
||||
brand: "Education",
|
||||
name: "Tuition Assistance",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-creativity-doodles-set_23-2148726295.jpg",
|
||||
},
|
||||
{
|
||||
id: "w4",
|
||||
brand: "Medical",
|
||||
name: "Medical Supplies",
|
||||
price: "$300",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-heart-icon_53876-6164.jpg",
|
||||
},
|
||||
{
|
||||
id: "w5",
|
||||
brand: "Art",
|
||||
name: "Piano Lessons",
|
||||
price: "$400",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guitar-drawn-black-slate_1312-30.jpg",
|
||||
},
|
||||
{
|
||||
id: "w6",
|
||||
brand: "Nourishment",
|
||||
name: "Grocery Support",
|
||||
price: "$200",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-preparing-donation-boxes-with-provisions-food-day_23-2148613282.jpg",
|
||||
},
|
||||
]}
|
||||
title="Active Wishes"
|
||||
description="Browse these heartfelt requests currently awaiting support."
|
||||
/>
|
||||
</div>
|
||||
<div id="wishes" data-section="wishes">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "w1", brand: "Education", name: "Help for Books & Supplies", price: "$150", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/hand-volunteer-giving-heart-box-with-ukrainian-flag-support-help-victims-war-ukraine-flat-vector-illustration-humanitarian-aid-concept-banner-website-design-landing-web-page_74855-24723.jpg" },
|
||||
{ id: "w2", brand: "Health", name: "Wheelchair Upgrade", price: "$1,200", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/cross-bulb_1134-362.jpg" },
|
||||
{ id: "w3", brand: "Education", name: "Tuition Assistance", price: "$800", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-creativity-doodles-set_23-2148726295.jpg" },
|
||||
{ id: "w4", brand: "Medical", name: "Medical Supplies", price: "$300", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-vector/illustration-heart-icon_53876-6164.jpg" },
|
||||
{ id: "w5", brand: "Art", name: "Piano Lessons", price: "$400", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/guitar-drawn-black-slate_1312-30.jpg" },
|
||||
{ id: "w6", brand: "Nourishment", name: "Grocery Support", price: "$200", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/people-preparing-donation-boxes-with-provisions-food-day_23-2148613282.jpg" },
|
||||
]}
|
||||
title="Active Wishes"
|
||||
description="Browse these heartfelt requests currently awaiting support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@beneficiary",
|
||||
testimonial: "I never thought my education goal would be possible. Thank you for believing in me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@grateful",
|
||||
testimonial: "The medical equipment support I received restored my independence. Truly a lifesaver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@artist",
|
||||
testimonial: "My creative journey wouldn't have started without the anonymous support for my instruments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas L.",
|
||||
handle: "@father",
|
||||
testimonial: "Ensuring my family had nutritious food during hard times meant the world to us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-senior-hipster-guy-with-tattoos-cross-arms-chest-looking-determined-happy-front-standing-white-wall_176420-38712.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amina K.",
|
||||
handle: "@student",
|
||||
testimonial: "My tuition was fully covered. I'm now finishing my degree with peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg",
|
||||
},
|
||||
]}
|
||||
title="Miracles in Motion"
|
||||
description="Stories from people whose lives were changed by the compassion of strangers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@beneficiary", testimonial: "I never thought my education goal would be possible. Thank you for believing in me.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg" },
|
||||
{ id: "2", name: "Mark R.", handle: "@grateful", testimonial: "The medical equipment support I received restored my independence. Truly a lifesaver.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg" },
|
||||
{ id: "3", name: "Elena P.", handle: "@artist", testimonial: "My creative journey wouldn't have started without the anonymous support for my instruments.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg" },
|
||||
{ id: "4", name: "Thomas L.", handle: "@father", testimonial: "Ensuring my family had nutritious food during hard times meant the world to us.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-senior-hipster-guy-with-tattoos-cross-arms-chest-looking-determined-happy-front-standing-white-wall_176420-38712.jpg" },
|
||||
{ id: "5", name: "Amina K.", handle: "@student", testimonial: "My tuition was fully covered. I'm now finishing my degree with peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg" },
|
||||
]}
|
||||
title="Miracles in Motion"
|
||||
description="Stories from people whose lives were changed by the compassion of strangers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is anonymity maintained?",
|
||||
content: "We process all financial transactions through our encrypted system so recipients never see your banking info, and all communications are routed to protect your identity.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my money definitely helping?",
|
||||
content: "Absolutely. We require receipts and photo evidence from recipients before funds are fully released, ensuring every wish supports its intended cause.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I post a wish?",
|
||||
content: "Sign up for an account, fill out the detailed wish application form, and our moderation team will review your entry within 48 hours.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about how we facilitate anonymous giving safely and securely."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How is anonymity maintained?", content: "We process all financial transactions through our encrypted system so recipients never see your banking info, and all communications are routed to protect your identity." },
|
||||
{ id: "q2", title: "Is my money definitely helping?", content: "Absolutely. We require receipts and photo evidence from recipients before funds are fully released, ensuring every wish supports its intended cause." },
|
||||
{ id: "q3", title: "How can I post a wish?", content: "Sign up for an account, fill out the detailed wish application form, and our moderation team will review your entry within 48 hours." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about how we facilitate anonymous giving safely and securely."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Wishes",
|
||||
href: "#wishes",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Guidelines",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 WishGrant Hub. All rights reserved."
|
||||
bottomRightText="Built for Kindness"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Wishes", href: "#wishes" },
|
||||
{ label: "Community", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Guidelines", href: "#" },
|
||||
{ label: "Safety", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 WishGrant Hub. All rights reserved."
|
||||
bottomRightText="Built for Kindness"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user