bender/bc1750fb-0676-4e84-9d46-9a44a3671d23
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-06-03 17:12:41 +00:00
parent de8d5ef6ce
commit 82e3af3fce
1 changed files with 53 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Categories",
id: "#categories",
},
name: "Categories", id: "#categories"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "App",
id: "#app",
},
name: "App", id: "#app"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg"
brandName="FoodX"
@@ -68,71 +54,44 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Delicious Food Delivered To Your Doorstep"
description="Order from your favorite restaurants with stunning 3D visuals and real-time tracking. Experience next-gen food delivery with AI recommendations and seamless checkout."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902322.jpg",
alt: "3D Floating Burger",
},
src: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902322.jpg", alt: "3D Floating Burger"},
{
src: "http://img.b2bpic.net/free-photo/delicious-pizza-studio_23-2151846552.jpg",
alt: "3D Floating Pizza",
},
src: "http://img.b2bpic.net/free-photo/delicious-pizza-studio_23-2151846552.jpg", alt: "3D Floating Pizza"},
{
src: "http://img.b2bpic.net/free-photo/french-fries-pink_53876-74971.jpg",
alt: "3D Floating Fries",
},
src: "http://img.b2bpic.net/free-photo/french-fries-pink_53876-74971.jpg", alt: "3D Floating Fries"},
{
src: "http://img.b2bpic.net/free-photo/top-view-black-tagliatelle-with-tomatoes_23-2148461699.jpg",
alt: "3D Floating Pasta",
},
src: "http://img.b2bpic.net/free-photo/top-view-black-tagliatelle-with-tomatoes_23-2148461699.jpg", alt: "3D Floating Pasta"},
{
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282074.jpg",
alt: "3D Floating Drink",
},
src: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282074.jpg", alt: "3D Floating Drink"},
]}
avatarText="Popular in your area"
buttons={[
{
text: "Order Now",
href: "#menu",
},
text: "Order Now", href: "#menu"},
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Ultra-Fast Delivery",
type: "text", text: "Ultra-Fast Delivery"},
{
type: "text-icon", text: "AI Recommendations", icon: Star,
},
{
type: "text-icon",
text: "AI Recommendations",
icon: Star,
type: "text", text: "Immersive 3D Menus"},
{
type: "text-icon", text: "Secure Payments", icon: Lock,
},
{
type: "text",
text: "Immersive 3D Menus",
},
type: "text", text: "Exclusive App Deals"},
{
type: "text-icon",
text: "Secure Payments",
icon: Lock,
},
{
type: "text",
text: "Exclusive App Deals",
},
{
type: "text-icon",
text: "Real-Time Tracking",
icon: MapPin,
type: "text-icon", text: "Real-Time Tracking", icon: MapPin,
},
]}
marqueeSpeed={40}
@@ -146,52 +105,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Pizza",
description: "Classic and gourmet pizzas for every craving.",
bentoComponent: "reveal-icon",
icon: Pizza,
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-hand-holding-noodles_23-2149834254.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Pizza", description: "Classic and gourmet pizzas for every craving.", bentoComponent: "reveal-icon", icon: Pizza,
},
{
title: "Burger",
description: "Juicy burgers, from beef to plant-based delights.",
bentoComponent: "reveal-icon",
icon: Utensils,
imageSrc: "http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Burger", description: "Juicy burgers, from beef to plant-based delights.", bentoComponent: "reveal-icon", icon: Utensils,
},
{
title: "Indian Food",
description: "Authentic curries, biryanis, and tandoori specials.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902322.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Indian Food", description: "Authentic curries, biryanis, and tandoori specials.", bentoComponent: "reveal-icon", icon: Sparkles,
},
{
title: "Chinese",
description: "Wok-fried noodles, rice, and savory stir-fries.",
bentoComponent: "reveal-icon",
icon: Feather,
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-studio_23-2151846552.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Chinese", description: "Wok-fried noodles, rice, and savory stir-fries.", bentoComponent: "reveal-icon", icon: Feather,
},
{
title: "Desserts",
description: "Sweet treats to complete your perfect meal.",
bentoComponent: "reveal-icon",
icon: IceCream,
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-pink_53876-74971.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Desserts", description: "Sweet treats to complete your perfect meal.", bentoComponent: "reveal-icon", icon: IceCream,
},
{
title: "Drinks",
description: "Refreshing beverages, shakes, and smoothies.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-tagliatelle-with-tomatoes_23-2148461699.jpg",
imageAlt: "3d pizza icon futuristic",
title: "Drinks", description: "Refreshing beverages, shakes, and smoothies.", bentoComponent: "reveal-icon", icon: Coffee,
},
]}
title="Explore Our Popular Categories"
@@ -207,53 +136,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "r1",
name: "Gourmet Grill House",
price: "4.8 Rating",
variant: "30-45 min delivery",
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
imageAlt: "Gourmet Grill House exterior",
},
id: "r1", name: "Gourmet Grill House", price: "4.8 Rating", variant: "30-45 min delivery", imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg", imageAlt: "Gourmet Grill House exterior"},
{
id: "r2",
name: "Spicy Wok Express",
price: "4.5 Rating",
variant: "20-30 min delivery",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902358.jpg",
imageAlt: "Spicy Wok Express exterior",
},
id: "r2", name: "Spicy Wok Express", price: "4.5 Rating", variant: "20-30 min delivery", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-city_23-2150902358.jpg", imageAlt: "Spicy Wok Express exterior"},
{
id: "d1",
name: "Supreme Pepperoni Pizza",
price: "$22.99",
variant: "Most Popular",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-emojis_23-2151847224.jpg",
imageAlt: "Supreme Pepperoni Pizza",
},
id: "d1", name: "Supreme Pepperoni Pizza", price: "$22.99", variant: "Most Popular", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-emojis_23-2151847224.jpg", imageAlt: "Supreme Pepperoni Pizza"},
{
id: "d2",
name: "Vegan Delight Burger",
price: "$15.50",
variant: "Chef's Special",
imageSrc: "http://img.b2bpic.net/free-photo/3d-burger-with-nature-elements_23-2150914707.jpg",
imageAlt: "Vegan Delight Burger",
},
id: "d2", name: "Vegan Delight Burger", price: "$15.50", variant: "Chef's Special", imageSrc: "http://img.b2bpic.net/free-photo/3d-burger-with-nature-elements_23-2150914707.jpg", imageAlt: "Vegan Delight Burger"},
{
id: "r3",
name: "Pasta Paradise Bistro",
price: "4.7 Rating",
variant: "35-50 min delivery",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-anthropomorphic-robot-cooking_23-2150865903.jpg",
imageAlt: "Pasta Paradise Bistro exterior",
},
id: "r3", name: "Pasta Paradise Bistro", price: "4.7 Rating", variant: "35-50 min delivery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-anthropomorphic-robot-cooking_23-2150865903.jpg", imageAlt: "Pasta Paradise Bistro exterior"},
{
id: "d3",
name: "Deluxe Sushi Platter",
price: "$38.00",
variant: "Limited Time Offer",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301186.jpg",
imageAlt: "Deluxe Sushi Platter",
},
id: "d3", name: "Deluxe Sushi Platter", price: "$38.00", variant: "Limited Time Offer", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301186.jpg", imageAlt: "Deluxe Sushi Platter"},
]}
title="Top Restaurants & Trending Dishes"
description="Hand-picked for quality, speed, and deliciousness. Explore what's hot right now and add to cart with interactive animations."
@@ -265,18 +158,12 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Experience Food Delivery Like Never Before"
description={[
"Download our mobile app for exclusive deals, AI recommendations, and real-time order tracking with a futuristic UI. Available on iOS and Android.",
"Our 3D smartphone mockup brings the next-gen experience right to your fingertips, showcasing seamless ordering and dynamic interactions.",
]}
"Download our mobile app for exclusive deals, AI recommendations, and real-time order tracking with a futuristic UI. Available on iOS and Android.", "Our 3D smartphone mockup brings the next-gen experience right to your fingertips, showcasing seamless ordering and dynamic interactions."]}
buttons={[
{
text: "Download on App Store",
href: "#",
},
text: "Download on App Store", href: "#"},
{
text: "Get it on Google Play",
href: "#",
},
text: "Get it on Google Play", href: "#"},
]}
buttonAnimation="slide-up"
showBorder={false}
@@ -290,40 +177,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah K.",
role: "Food Enthusiast",
testimonial: "FoodX delivers beyond expectations! The 3D visuals are incredible, and the food arrived so fast. This is truly the future of food delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg",
},
id: "1", name: "Sarah K.", role: "Food Enthusiast", testimonial: "FoodX delivers beyond expectations! The 3D visuals are incredible, and the food arrived so fast. This is truly the future of food delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg"},
{
id: "2",
name: "John M.",
role: "Tech Reviewer",
testimonial: "The UI/UX is groundbreaking. Smooth animations, intuitive ordering, and the AI recommendations are surprisingly accurate. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg",
},
id: "2", name: "John M.", role: "Tech Reviewer", testimonial: "The UI/UX is groundbreaking. Smooth animations, intuitive ordering, and the AI recommendations are surprisingly accurate. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg"},
{
id: "3",
name: "Emily R.",
role: "Busy Professional",
testimonial: "As someone always on the go, FoodX is a lifesaver. Easy to use, great variety, and the real-time tracking is spot on. My new favorite app!",
imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing-with-blue-light_23-2148171772.jpg",
},
id: "3", name: "Emily R.", role: "Busy Professional", testimonial: "As someone always on the go, FoodX is a lifesaver. Easy to use, great variety, and the real-time tracking is spot on. My new favorite app!", imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing-with-blue-light_23-2148171772.jpg"},
{
id: "4",
name: "David L.",
role: "Gamer & Foodie",
testimonial: "Finally a food app that feels next-gen! The 3D models make ordering fun, and the food quality is always top-notch. Game changer!",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136856.jpg",
},
id: "4", name: "David L.", role: "Gamer & Foodie", testimonial: "Finally a food app that feels next-gen! The 3D models make ordering fun, and the food quality is always top-notch. Game changer!", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136856.jpg"},
{
id: "5",
name: "Sophia P.",
role: "Digital Nomad",
testimonial: "Love the premium design and the seamless experience. It's like dining in a virtual reality, but with real, delicious food delivered to your door!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-vegetarian-food_23-2148908756.jpg",
},
id: "5", name: "Sophia P.", role: "Digital Nomad", testimonial: "Love the premium design and the seamless experience. It's like dining in a virtual reality, but with real, delicious food delivered to your door!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-vegetarian-food_23-2148908756.jpg"},
]}
title="What Our Customers Say"
description="Hear from happy users who love our service and delicious food. Their feedback drives our continuous innovation."
@@ -336,30 +198,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does 3D food showcase work?",
content: "Our advanced platform uses Three.js and React Three Fiber to render highly realistic 3D models of your food items. You can rotate and zoom in on dishes before ordering, offering an immersive visual experience.",
},
id: "q1", title: "How does 3D food showcase work?", content: "Our advanced platform uses Three.js and React Three Fiber to render highly realistic 3D models of your food items. You can rotate and zoom in on dishes before ordering, offering an immersive visual experience."},
{
id: "q2",
title: "Can I track my order in real-time?",
content: "Yes, our app features a real-time order tracking UI, allowing you to monitor your delivery driver's location and estimated arrival time with precision and animated updates.",
},
id: "q2", title: "Can I track my order in real-time?", content: "Yes, our app features a real-time order tracking UI, allowing you to monitor your delivery driver's location and estimated arrival time with precision and animated updates."},
{
id: "q3",
title: "What payment methods are supported?",
content: "We support various payment options including UPI, Credit/Debit Cards, Digital Wallets, and Cash on Delivery, ensuring a convenient and secure checkout process for everyone.",
},
id: "q3", title: "What payment methods are supported?", content: "We support various payment options including UPI, Credit/Debit Cards, Digital Wallets, and Cash on Delivery, ensuring a convenient and secure checkout process for everyone."},
{
id: "q4",
title: "Are there AI food recommendations?",
content: "Absolutely! Our AI-powered recommendation engine learns your preferences over time, suggesting dishes and restaurants tailored to your taste, enhancing your culinary discovery.",
},
id: "q4", title: "Are there AI food recommendations?", content: "Absolutely! Our AI-powered recommendation engine learns your preferences over time, suggesting dishes and restaurants tailored to your taste, enhancing your culinary discovery."},
{
id: "q5",
title: "Is the platform responsive on all devices?",
content: "Yes, FoodX is designed with a fully responsive and adaptive UI/UX, ensuring a seamless and stunning experience whether you're ordering from a mobile, tablet, or desktop device.",
},
id: "q5", title: "Is the platform responsive on all devices?", content: "Yes, FoodX is designed with a fully responsive and adaptive UI/UX, ensuring a seamless and stunning experience whether you're ordering from a mobile, tablet, or desktop device."},
]}
title="Frequently Asked Questions"
description="Find quick answers to your questions about ordering, delivery, and payments on our futuristic platform."
@@ -371,20 +218,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Seamless Experience"
title="Ready to Order? Secure Checkout."
description="Enter your delivery details and choose your preferred payment method for a fast, secure, and futuristic checkout process."
buttons={[
{
text: "Proceed to Payment",
href: "#",
},
text: "Proceed to Payment", href: "#"},
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -395,13 +237,9 @@ export default function LandingPage() {
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg"
logoText="FoodX"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>