bender/ff10e983-ed93-4cb4-9b8a-a21d4e4f7aed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 15:18:27 +00:00
parent 24b0151546
commit 515ba1d60f
1 changed files with 61 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -33,104 +33,65 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="FoodHub"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Neighborhood Marketplace, Delivered."
description="Seamlessly order gourmet meals from your favorite restaurants and shop essential goods, all delivered straight to your door."
kpis={[
{
value: "500+",
label: "Local Restaurants",
},
value: "500+", label: "Local Restaurants"},
{
value: "10k+",
label: "Retail Products",
},
value: "10k+", label: "Retail Products"},
{
value: "30min",
label: "Average Delivery",
},
value: "30min", label: "Average Delivery"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/batch-cooking-arrangement-with-blank-phone_23-2148765610.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/flat-lay-roped-label-lunch-box_23-2147866412.jpg",
alt: "Local artisan 1",
},
src: "http://img.b2bpic.net/free-photo/flat-lay-roped-label-lunch-box_23-2147866412.jpg", alt: "Local artisan 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-knocking-door_23-2148767112.jpg",
alt: "Local artisan 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-knocking-door_23-2148767112.jpg", alt: "Local artisan 2"},
{
src: "http://img.b2bpic.net/free-photo/top-view-sandwiches-with-tomatoes-smartphone_23-2148465142.jpg",
alt: "Local artisan 3",
},
src: "http://img.b2bpic.net/free-photo/top-view-sandwiches-with-tomatoes-smartphone_23-2148465142.jpg", alt: "Local artisan 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2148898549.jpg",
alt: "Local artisan 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2148898549.jpg", alt: "Local artisan 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177832.jpg",
alt: "Local artisan 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177832.jpg", alt: "Local artisan 5"},
]}
avatarText="Join 50k+ happy customers"
marqueeItems={[
{
type: "text",
text: "Fast Delivery",
},
type: "text", text: "Fast Delivery"},
{
type: "text",
text: "Verified Vendors",
},
type: "text", text: "Verified Vendors"},
{
type: "text",
text: "Secure Payments",
},
type: "text", text: "Secure Payments"},
{
type: "text",
text: "Fresh Quality",
},
type: "text", text: "Fresh Quality"},
{
type: "text",
text: "Community Focused",
},
type: "text", text: "Community Focused"},
]}
/>
</div>
@@ -142,19 +103,13 @@ export default function LandingPage() {
metrics={[
{
icon: Zap,
label: "Speed",
value: "Real-time Tracking",
},
label: "Speed", value: "Real-time Tracking"},
{
icon: ShieldCheck,
label: "Security",
value: "Verified Vendors",
},
label: "Security", value: "Verified Vendors"},
{
icon: Coffee,
label: "Diversity",
value: "Everything in One Place",
},
label: "Diversity", value: "Everything in One Place"},
]}
metricsAnimation="slide-up"
/>
@@ -167,20 +122,11 @@ export default function LandingPage() {
description="We bridge the gap between local commerce and digital convenience, giving you the best of both worlds."
accordionItems={[
{
id: "feat-1",
title: "Fresh Today",
content: "Restaurants upload their daily specials in real-time, ensuring you always get the freshest meals.",
},
id: "feat-1", title: "Fresh Today", content: "Restaurants upload their daily specials in real-time, ensuring you always get the freshest meals."},
{
id: "feat-2",
title: "Retail Variety",
content: "From household essentials to luxury goods, our curated shops provide exactly what you need.",
},
id: "feat-2", title: "Retail Variety", content: "From household essentials to luxury goods, our curated shops provide exactly what you need."},
{
id: "feat-3",
title: "Direct Delivery",
content: "Our professional delivery fleet ensures your items reach you safely and promptly.",
},
id: "feat-3", title: "Direct Delivery", content: "Our professional delivery fleet ensures your items reach you safely and promptly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/marketing-creative-collage-with-phone_23-2149379900.jpg"
mediaAnimation="slide-up"
@@ -195,41 +141,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Artisanal Burger",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-uniform-gestures-ok-hand-sign-holds-food-containers-food-package-green_141793-69858.jpg",
},
id: "p1", name: "Artisanal Burger", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-uniform-gestures-ok-hand-sign-holds-food-containers-food-package-green_141793-69858.jpg"},
{
id: "p2",
name: "Organic Greens",
price: "$8.50",
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-broccoli-tomatoes-wooden-board_140725-746.jpg",
},
id: "p2", name: "Organic Greens", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-broccoli-tomatoes-wooden-board_140725-746.jpg"},
{
id: "p3",
name: "Luxury Watch",
price: "$149.00",
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309631.jpg",
},
id: "p3", name: "Luxury Watch", price: "$149.00", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309631.jpg"},
{
id: "p4",
name: "Premium Beans",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31260.jpg",
},
id: "p4", name: "Premium Beans", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31260.jpg"},
{
id: "p5",
name: "Essential Bundle",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gardener-sitting-chair_23-2148851415.jpg",
},
id: "p5", name: "Essential Bundle", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gardener-sitting-chair_23-2148851415.jpg"},
{
id: "p6",
name: "Leather Goods",
price: "$89.00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-gifts-marble-background_23-2148343298.jpg",
},
id: "p6", name: "Leather Goods", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-gifts-marble-background_23-2148343298.jpg"},
]}
title="Explore Top Picks"
description="Browse today's best offerings from our local partners."
@@ -243,23 +165,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Active Users",
value: "50k+",
},
id: "m1", icon: Users,
title: "Active Users", value: "50k+"},
{
id: "m2",
icon: Building2,
title: "Local Vendors",
value: "1200+",
},
id: "m2", icon: Building2,
title: "Local Vendors", value: "1200+"},
{
id: "m3",
icon: Truck,
title: "Deliveries",
value: "1M+",
},
id: "m3", icon: Truck,
title: "Deliveries", value: "1M+"},
]}
title="Market Impact"
description="Connecting communities one order at a time."
@@ -272,45 +185,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Great Food!",
quote: "The daily menu updates are a game changer for my lunch break.",
name: "Alex Smith",
role: "Office Professional",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
},
id: "t1", title: "Great Food!", quote: "The daily menu updates are a game changer for my lunch break.", name: "Alex Smith", role: "Office Professional", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg"},
{
id: "t2",
title: "Fast Shipping",
quote: "I get my retail goods faster than any other app. Highly recommend.",
name: "Jamie Reed",
role: "Shopaholic",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
},
id: "t2", title: "Fast Shipping", quote: "I get my retail goods faster than any other app. Highly recommend.", name: "Jamie Reed", role: "Shopaholic", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg"},
{
id: "t3",
title: "Trusted Service",
quote: "Everything I've ordered has been high quality. The vendors are reliable.",
name: "Pat Wilson",
role: "Home Maker",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
},
id: "t3", title: "Trusted Service", quote: "Everything I've ordered has been high quality. The vendors are reliable.", name: "Pat Wilson", role: "Home Maker", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
{
id: "t4",
title: "Seamless UI",
quote: "The platform is incredibly easy to use. Navigating between food and retail is simple.",
name: "Taylor Swift",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg",
},
id: "t4", title: "Seamless UI", quote: "The platform is incredibly easy to use. Navigating between food and retail is simple.", name: "Taylor Swift", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg"},
{
id: "t5",
title: "Amazing Variety",
quote: "I found things locally I didn't even know existed. Love this marketplace!",
name: "Jordan Lee",
role: "Local Explorer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg",
},
id: "t5", title: "Amazing Variety", quote: "I found things locally I didn't even know existed. Love this marketplace!", name: "Jordan Lee", role: "Local Explorer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg"},
]}
title="Community Love"
description="Hear from the people we serve."
@@ -323,22 +206,14 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do restaurants update their menu?",
content: "Restaurants have a dedicated merchant dashboard where they can update their menu daily in real-time.",
},
id: "f1", title: "How do restaurants update their menu?", content: "Restaurants have a dedicated merchant dashboard where they can update their menu daily in real-time."},
{
id: "f2",
title: "Is delivery available everywhere?",
content: "Currently, we operate within a 20-mile radius of all partner hubs, with plans to expand nationwide.",
},
id: "f2", title: "Is delivery available everywhere?", content: "Currently, we operate within a 20-mile radius of all partner hubs, with plans to expand nationwide."},
{
id: "f3",
title: "How can I become a seller?",
content: "Simply navigate to the 'Partner With Us' section and fill out our merchant application form.",
},
id: "f3", title: "How can I become a seller?", content: "Simply navigate to the 'Partner With Us' section and fill out our merchant application form."},
]}
title="Common Questions"
description="We're here to answer all your inquiries about FoodHub."
faqsAnimation="slide-up"
/>
</div>
@@ -347,14 +222,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to transform your local shopping experience?"
buttons={[
{
text: "Contact Support",
href: "mailto:support@foodhub.com",
},
text: "Contact Support", href: "mailto:support@foodhub.com"},
]}
/>
</div>
@@ -363,54 +235,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Marketplace",
items: [
title: "Marketplace", items: [
{
label: "Browse",
href: "#products",
},
label: "Browse", href: "#products"},
{
label: "Restaurants",
href: "#",
},
label: "Restaurants", href: "#"},
{
label: "Shops",
href: "#",
},
label: "Shops", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#faq",
},
label: "Help Center", href: "#faq"},
{
label: "Partner With Us",
href: "#",
},
label: "Partner With Us", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}