Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Restaurants",
|
||||
id: "restaurants",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Restaurants", id: "restaurants" },
|
||||
{ name: "Process", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FoodMarket"
|
||||
/>
|
||||
@@ -54,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Favorite Meals, Delivered."
|
||||
description="Discover top-rated local restaurants and order fresh meals with ease. Join our marketplace for the ultimate dining experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Restaurants",
|
||||
href: "#restaurants",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Browse Restaurants", href: "#restaurants" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-fried-meat-salmon-table_140725-2069.jpg?_wi=1",
|
||||
imageAlt: "Hero Scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dishes-with-soup-cherry-tomatoes_23-2148460204.jpg",
|
||||
imageAlt: "Hero Scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-view_23-2149139520.jpg",
|
||||
imageAlt: "Hero Scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-delivery-coffee-food-package-yellow_179666-39039.jpg",
|
||||
imageAlt: "Hero Scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-delivery-groceries_23-2149950116.jpg",
|
||||
imageAlt: "Hero Scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-food-packages-boxes_140725-17862.jpg",
|
||||
imageAlt: "Hero Scene 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-fried-meat-salmon-table_140725-2069.jpg", imageAlt: "Hero Scene 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dishes-with-soup-cherry-tomatoes_23-2148460204.jpg", imageAlt: "Hero Scene 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-view_23-2149139520.jpg", imageAlt: "Hero Scene 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-delivery-coffee-food-package-yellow_179666-39039.jpg", imageAlt: "Hero Scene 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-delivery-groceries_23-2149950116.jpg", imageAlt: "Hero Scene 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-food-packages-boxes_140725-17862.jpg", imageAlt: "Hero Scene 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,36 +64,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Track Orders",
|
||||
description: "Know exactly when your food arrives with our real-time status updates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114018.jpg",
|
||||
imageAlt: "food ordering app ui design",
|
||||
title: "Track Orders", description: "Know exactly when your food arrives with our real-time status updates.", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Direct Chat",
|
||||
description: "Talk directly to your vendor to customize your order or add special instructions.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: MessageSquare,
|
||||
title: "Direct Chat", description: "Talk directly to your vendor to customize your order or add special instructions.", bentoComponent: "chat", aiIcon: MessageSquare,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Extra sauce please?",
|
||||
aiResponse: "Sure thing, adding extra sauce now!",
|
||||
},
|
||||
],
|
||||
placeholder: "Message vendor...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-fried-meat-salmon-table_140725-2069.jpg?_wi=2",
|
||||
imageAlt: "food ordering app ui design",
|
||||
},
|
||||
exchanges: [{ userMessage: "Extra sauce please?", aiResponse: "Sure thing, adding extra sauce now!" }],
|
||||
placeholder: "Message vendor..."},
|
||||
{
|
||||
title: "Our Network",
|
||||
description: "Global coverage.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-headset-using-laptop_74855-2596.jpg",
|
||||
imageAlt: "food ordering app ui design",
|
||||
},
|
||||
title: "Our Network", description: "Global coverage.", bentoComponent: "map"},
|
||||
]}
|
||||
title="Why Order With Us?"
|
||||
description="Our marketplace is designed to make food ordering faster, safer, and more collaborative than ever before."
|
||||
@@ -144,42 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gourmet Pizza Place",
|
||||
price: "$15 - $30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hold-tray-mini-pizzas-with-sausages_141793-12546.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Burger Barn",
|
||||
price: "$12 - $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-restaurant-appetizers-big-company-including-goldy-chicken-nuggets-fried-potatoes-green-salad-leaves-fresh-cucumbers-standing-white-table-looking-delicious-mouthwatering_132075-13080.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Traditional Kitchen",
|
||||
price: "$10 - $20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sushi World",
|
||||
price: "$20 - $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pasta Express",
|
||||
price: "$15 - $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-cream-sauce-with-chicken-mushrooms_140725-2077.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Healthy Bowl Co.",
|
||||
price: "$14 - $28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg",
|
||||
},
|
||||
{ id: "1", name: "Gourmet Pizza Place", price: "$15 - $30", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hold-tray-mini-pizzas-with-sausages_141793-12546.jpg" },
|
||||
{ id: "2", name: "Burger Barn", price: "$12 - $25", imageSrc: "http://img.b2bpic.net/free-photo/tasty-restaurant-appetizers-big-company-including-goldy-chicken-nuggets-fried-potatoes-green-salad-leaves-fresh-cucumbers-standing-white-table-looking-delicious-mouthwatering_132075-13080.jpg" },
|
||||
{ id: "3", name: "Traditional Kitchen", price: "$10 - $20", imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg" },
|
||||
{ id: "4", name: "Sushi World", price: "$20 - $50", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg" },
|
||||
{ id: "5", name: "Pasta Express", price: "$15 - $35", imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-cream-sauce-with-chicken-mushrooms_140725-2077.jpg" },
|
||||
{ id: "6", name: "Healthy Bowl Co.", price: "$14 - $28", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg" },
|
||||
]}
|
||||
title="Popular Restaurants"
|
||||
description="Hand-picked favorites from local chefs."
|
||||
@@ -193,26 +105,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Active Restaurants",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Daily Orders",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
description: "Avg Restaurant Rating",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "15m",
|
||||
description: "Avg Delivery Time",
|
||||
},
|
||||
{ id: "m1", value: "100+", description: "Active Restaurants" },
|
||||
{ id: "m2", value: "5k+", description: "Daily Orders" },
|
||||
{ id: "m3", value: "4.8", description: "Avg Restaurant Rating" },
|
||||
{ id: "m4", value: "15m", description: "Avg Delivery Time" },
|
||||
]}
|
||||
title=" Marketplace at Scale"
|
||||
description="Trusted by thousands across the region."
|
||||
@@ -225,41 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Food Enthusiast",
|
||||
testimonial: "The best way to find local food! I love the chat feature for customizing my orders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
role: "Busy Professional",
|
||||
testimonial: "Fast delivery and consistently great quality. The interface is incredibly simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
role: "Vendor",
|
||||
testimonial: "This platform helped my restaurant reach 2x more customers in the first month.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12310.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Local Guide",
|
||||
testimonial: "Great variety and very reliable. Definitely my go-to for weekend ordering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-elegant-woman-french-clothes-style-looks-with-wide-eyed-expression_273443-1951.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Healthy Eater",
|
||||
testimonial: "Finally, a way to find healthy options in my area. Seamless experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Food Enthusiast", testimonial: "The best way to find local food! I love the chat feature for customizing my orders.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg" },
|
||||
{ id: "2", name: "Michael R.", role: "Busy Professional", testimonial: "Fast delivery and consistently great quality. The interface is incredibly simple.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "3", name: "Emily C.", role: "Vendor", testimonial: "This platform helped my restaurant reach 2x more customers in the first month.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12310.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Local Guide", testimonial: "Great variety and very reliable. Definitely my go-to for weekend ordering.", imageSrc: "http://img.b2bpic.net/free-photo/shocked-elegant-woman-french-clothes-style-looks-with-wide-eyed-expression_273443-1951.jpg" },
|
||||
{ id: "5", name: "Jessica M.", role: "Healthy Eater", testimonial: "Finally, a way to find healthy options in my area. Seamless experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What our users and vendors are saying about us."
|
||||
@@ -270,21 +136,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I register?",
|
||||
content: "Just click the Sign Up button, select your role as User or Vendor, and follow the steps.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is delivery available?",
|
||||
content: "Yes, we support both delivery and takeaway options based on the restaurant's settings.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I chat with vendors?",
|
||||
content: "Once your order is placed, you can click the chat icon in your order dashboard.",
|
||||
},
|
||||
{ id: "q1", title: "How do I register?", content: "Just click the Sign Up button, select your role as User or Vendor, and follow the steps." },
|
||||
{ id: "q2", title: "Is delivery available?", content: "Yes, we support both delivery and takeaway options based on the restaurant's settings." },
|
||||
{ id: "q3", title: "How do I chat with vendors?", content: "Once your order is placed, you can click the chat icon in your order dashboard." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about getting started on our platform."
|
||||
@@ -298,24 +152,10 @@ export default function LandingPage() {
|
||||
title="Need Help?"
|
||||
description="Get in touch with our team for inquiries, support, or partnership opportunities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727961.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -324,44 +164,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="FoodMarket"
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
{
|
||||
label: "Restaurants",
|
||||
href: "#restaurants",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Marketplace", items: [{ label: "Restaurants", href: "#restaurants" }, { label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user