Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,70 +32,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Mission",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Mission", id: "about" },
|
||||
{ name: "How it Works", id: "features" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="FoodBridge"
|
||||
button={{
|
||||
text: "Donate Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Donate Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Bridge the Gap, End Hunger."
|
||||
description="Join our food donation platform to connect surplus food with those who need it most. Together, we can reduce waste and nourish our community."
|
||||
tag="Feeding Communities Together"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Donating",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Start Donating", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-box-with-food-donation_23-2148637972.jpg?_wi=1",
|
||||
imageAlt: "Fresh food donation box",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheerful-female-volunteers-preparing-food-donations_23-2148637983.jpg?_wi=1",
|
||||
imageAlt: "Community kitchen volunteers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-food-picnic-basket_23-2148234307.jpg",
|
||||
imageAlt: "Flat lay autumn food in picnic basket",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-such-as-peachescoconutgreen-cherry-plums-bucket-green-background-with-copy-space_141793-25443.jpg",
|
||||
imageAlt: "Top view of fresh fruits such as peachescoconutgreen cherry plums on a bucket on a green background with copy space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-fruit-parcel-from-courier_23-2147801318.jpg",
|
||||
imageAlt: "Young woman taking fruit parcel from courier",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-box-with-food-donation_23-2148637972.jpg", imageAlt: "Fresh food donation box" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheerful-female-volunteers-preparing-food-donations_23-2148637983.jpg", imageAlt: "Community kitchen volunteers" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,23 +70,11 @@ export default function LandingPage() {
|
||||
title="Making Surplus Food Work"
|
||||
description="We simplify the logistics of donating high-quality surplus food from businesses to local shelters and community programs. Our mission is to ensure no edible food goes to waste while nourishing our neighbors."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Efficient Logistics",
|
||||
description: "Seamless connections between food donors and receiving shelters.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Verified Impact",
|
||||
description: "Real-time tracking of food diverted from landfills to plates.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Community-First",
|
||||
description: "Supporting local community kitchens and food banks.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ title: "Efficient Logistics", description: "Seamless connections between food donors and receiving shelters.", icon: Zap },
|
||||
{ title: "Verified Impact", description: "Real-time tracking of food diverted from landfills to plates.", icon: CheckCircle },
|
||||
{ title: "Community-First", description: "Supporting local community kitchens and food banks.", icon: Shield }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-food-donation-box_23-2149182037.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-food-donation-box_23-2149182037.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -138,50 +86,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "For Donors",
|
||||
description: "Easy dashboard to schedule pick-ups for your excess food inventory.",
|
||||
icon: Truck,
|
||||
title: "For Donors", description: "Easy dashboard to schedule pick-ups for your excess food inventory.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staistics-business-strategy-planning-research-digital-tablet-concept_53876-26413.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-food-crate_23-2148773388.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-box-with-food-donation_23-2148637972.jpg?_wi=2",
|
||||
imageAlt: "donation dashboard tablet UI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/staistics-business-strategy-planning-research-digital-tablet-concept_53876-26413.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-food-crate_23-2148773388.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "For Recipients",
|
||||
description: "Get notified when high-quality donations are available near you.",
|
||||
icon: Heart,
|
||||
title: "For Recipients", description: "Get notified when high-quality donations are available near you.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-food-donations-box_23-2149196090.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-preparing-donation-boxes-with-provisions-food-day_23-2148613282.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheerful-female-volunteers-preparing-food-donations_23-2148637983.jpg?_wi=2",
|
||||
imageAlt: "donation dashboard tablet UI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-food-donations-box_23-2149196090.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-preparing-donation-boxes-with-provisions-food-day_23-2148613282.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Rigorous food safety protocols ensured through our verification process.",
|
||||
icon: ShieldCheck,
|
||||
title: "Safety First", description: "Rigorous food safety protocols ensured through our verification process.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232534.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-handing-donation-food_23-2148733793.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-donation-box_23-2149182037.jpg?_wi=2",
|
||||
imageAlt: "donation dashboard tablet UI",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232534.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/volunteers-handing-donation-food_23-2148733793.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Streamlined Donation Process"
|
||||
description="Our platform makes it effortless for donors to manage contributions and for recipients to receive food safely."
|
||||
@@ -194,27 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Meals Provided",
|
||||
description: "Nutritious meals delivered to local shelters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/eat-rainbow-infographic-template_23-2148479311.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450k",
|
||||
title: "KG Food Saved",
|
||||
description: "Surplus food rescued from being wasted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-burger-apple-compare-with-measurement-tape_23-2148193146.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Active Partners",
|
||||
description: "Businesses and nonprofits committed to change.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-working-laptop-network-graphic_53876-13775.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Meals Provided", description: "Nutritious meals delivered to local shelters.", imageSrc: "http://img.b2bpic.net/free-vector/eat-rainbow-infographic-template_23-2148479311.jpg" },
|
||||
{ id: "m2", value: "450k", title: "KG Food Saved", description: "Surplus food rescued from being wasted.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-burger-apple-compare-with-measurement-tape_23-2148193146.jpg" },
|
||||
{ id: "m3", value: "120+", title: "Active Partners", description: "Businesses and nonprofits committed to change.", imageSrc: "http://img.b2bpic.net/free-photo/students-working-laptop-network-graphic_53876-13775.jpg" }
|
||||
]}
|
||||
title="Tangible Community Impact"
|
||||
description="We are proud of the difference our partners make every day."
|
||||
@@ -228,46 +134,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Green",
|
||||
role: "Restaurant Manager",
|
||||
company: "GreenBistro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Miller",
|
||||
role: "Shelter Director",
|
||||
company: "Hope Shelter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149412558.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
role: "Donation Coordinator",
|
||||
company: "FreshMarket",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741181.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
role: "Chef",
|
||||
company: "Cafe Central",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-pizza-chef-posing_23-2148785710.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Food Bank Lead",
|
||||
company: "Community Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95938.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Green", role: "Restaurant Manager", company: "GreenBistro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg" },
|
||||
{ id: "2", name: "Robert Miller", role: "Shelter Director", company: "Hope Shelter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149412558.jpg" },
|
||||
{ id: "3", name: "Sarah Chen", role: "Donation Coordinator", company: "FreshMarket", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741181.jpg" },
|
||||
{ id: "4", name: "Mark Stevens", role: "Chef", company: "Cafe Central", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-pizza-chef-posing_23-2148785710.jpg" },
|
||||
{ id: "5", name: "Elena Rodriguez", role: "Food Bank Lead", company: "Community Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95938.jpg" }
|
||||
]}
|
||||
title="Voices of the Movement"
|
||||
description="Hear from our partners and community members about the platform's impact."
|
||||
@@ -279,13 +150,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GreenBistro",
|
||||
"FreshMarket",
|
||||
"Cafe Central",
|
||||
"Community Hub",
|
||||
"City Grocers",
|
||||
"Local Bakers",
|
||||
"Urban Kitchen",
|
||||
"GreenBistro", "FreshMarket", "Cafe Central", "Community Hub", "City Grocers", "Local Bakers", "Urban Kitchen"
|
||||
]}
|
||||
title="Supported By Our Community"
|
||||
description="Our efforts are made possible by dedicated local businesses and sponsors."
|
||||
@@ -297,21 +162,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who can donate?",
|
||||
content: "Any business with surplus food that meets our safety guidelines can participate.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a cost?",
|
||||
content: "The platform is completely free to use for both donors and recipients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What food is accepted?",
|
||||
content: "We accept perishables and non-perishables that are sealed, safe, and fit for human consumption.",
|
||||
},
|
||||
{ id: "f1", title: "Who can donate?", content: "Any business with surplus food that meets our safety guidelines can participate." },
|
||||
{ id: "f2", title: "Is there a cost?", content: "The platform is completely free to use for both donors and recipients." },
|
||||
{ id: "f3", title: "What food is accepted?", content: "We accept perishables and non-perishables that are sealed, safe, and fit for human consumption." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about the donation process? We have answers."
|
||||
@@ -322,18 +175,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Join Our Network"
|
||||
title="Ready to Start Making a Difference?"
|
||||
description="Whether you are a donor or a nonprofit in need of food, get in touch today to register."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -342,35 +188,21 @@ export default function LandingPage() {
|
||||
logoText="FoodBridge"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Impact", href: "#metrics" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user