Merge version_2 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Restaurants",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Categories", id: "categories" },
|
||||
{ name: "Popular", id: "products" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
]}
|
||||
brandName="FoodieHub"
|
||||
/>
|
||||
@@ -52,54 +40,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Fresh Food, Fast Delivery"
|
||||
description="Experience the culinary journey of your dreams. From local favorites to world-class delicacies, FoodieHub brings the best to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Browse Menu", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868224.jpg?_wi=1",
|
||||
imageAlt: "Gourmet burger and salad",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinach-croissant_1339-2915.jpg?_wi=1",
|
||||
imageAlt: "Hot pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-shrimps-avocado-cream-cheese-served-with-ginger-wasabi-plate-wood_141793-11698.jpg?_wi=1",
|
||||
imageAlt: "Fresh sushi platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-spice-powder-near-rice-dishes_23-2147894738.jpg",
|
||||
imageAlt: "Authentic indian curry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23679.jpg",
|
||||
imageAlt: "Dim sum steamer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pancakes-with-jelly-strawberries-white-desk-pie-cake-fruit-biscuit-sweet-berry_140725-95171.jpg",
|
||||
imageAlt: "Gourmet dessert",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868224.jpg?_wi=1", imageAlt: "Gourmet burger" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spinach-croissant_1339-2915.jpg?_wi=1", imageAlt: "Fresh croissant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-shrimps-avocado-cream-cheese-served-with-ginger-wasabi-plate-wood_141793-11698.jpg?_wi=1", imageAlt: "Sushi platter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why FoodieHub?"
|
||||
title="Why Choose Us?"
|
||||
description={[
|
||||
"FoodieHub is a revolution in food delivery. We partner with the best local restaurants to provide an unparalleled dining experience.",
|
||||
"Our mission is simple: high-quality food delivered safely and efficiently. Whether you crave a midnight burger or a professional corporate lunch, we are always here.",
|
||||
"Join over 1 million happy customers who trust FoodieHub for their daily cravings and celebrations.",
|
||||
"FoodieHub combines local flavor with cutting-edge delivery technology.", "Real-time tracking, quality-assured restaurants, and 24/7 dedicated support.", "Join over 1 million happy foodies enjoying seamless dining experiences."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,65 +66,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Burger King",
|
||||
name: "Classic Cheeseburger",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pizza Hut",
|
||||
name: "Pepperoni Pizza",
|
||||
price: "$18.50",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-pizza-oven_23-2147772089.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Sushi Master",
|
||||
name: "Dragon Roll",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Curry Palace",
|
||||
name: "Butter Chicken",
|
||||
price: "$16.00",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ong-chili-paste-mortar-decorated-with-beautiful-side-dishes_1150-24478.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Wok Star",
|
||||
name: "Stir Fry Noodles",
|
||||
price: "$14.00",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetables-cups-with-garlic-chopsticks_23-2148382819.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Sweet Treats",
|
||||
name: "Chocolate Cake",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549961.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Burger King", name: "Classic Cheeseburger", price: "$12.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg" },
|
||||
{ id: "p2", brand: "Pizza Hut", name: "Pepperoni Pizza", price: "$18.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/raw-pizza-oven_23-2147772089.jpg" },
|
||||
{ id: "p3", brand: "Sushi Master", name: "Dragon Roll", price: "$22.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg" },
|
||||
{ id: "p4", brand: "Curry Palace", name: "Butter Chicken", price: "$16.00", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/ong-chili-paste-mortar-decorated-with-beautiful-side-dishes_1150-24478.jpg" }
|
||||
]}
|
||||
title="Popular Dishes"
|
||||
description="Discover what others are loving today."
|
||||
description="Discover local crowd favorites ready for immediate delivery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,143 +82,33 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Tracking",
|
||||
description: "Know exactly when your meal arrives with real-time delivery tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868224.jpg?_wi=2",
|
||||
imageAlt: "Tracking",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Seamlessly pay with your favorite cards using Stripe or Razorpay integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinach-croissant_1339-2915.jpg?_wi=2",
|
||||
imageAlt: "Payments",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Customer care available around the clock to handle your inquiries instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-shrimps-avocado-cream-cheese-served-with-ginger-wasabi-plate-wood_141793-11698.jpg?_wi=2",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
{ title: "Swift Delivery", description: "GPS-enabled tracking for real-time updates.", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23679.jpg" },
|
||||
{ title: "Secure Payments", description: "Multiple checkout options with encrypted security.", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-spice-powder-near-rice-dishes_23-2147894738.jpg" },
|
||||
{ title: "Customer Support", description: "Available 24/7 to solve any delivery issues.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pancakes-with-jelly-strawberries-white-desk-pie-cake-fruit-biscuit-sweet-berry_140725-95171.jpg" }
|
||||
]}
|
||||
title="Platform Excellence"
|
||||
description="Powerful tools for a better dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Great Experience",
|
||||
quote: "FoodieHub is my go-to for late-night cravings. The live tracking is super accurate!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-eating-seafood-dish-with-salmon_23-2150463267.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-seafood-dish-with-salmon_23-2150463267.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Fast Delivery",
|
||||
quote: "I am impressed by the speed and quality of every delivery. Excellent service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Wilson",
|
||||
date: "Mar 2024",
|
||||
title: "Best App Ever",
|
||||
quote: "User friendly and lots of restaurant options. Highly recommended!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-using-smart-phone-eating-cake-cafe_637285-9096.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-using-smart-phone-eating-cake-cafe_637285-9096.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Liam Smith",
|
||||
date: "Apr 2024",
|
||||
title: "Great Service",
|
||||
quote: "The support team is incredibly helpful and the food is always warm.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-using-touchpad-signing-delivery-from-courier_637285-1272.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-using-touchpad-signing-delivery-from-courier_637285-1272.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ava Brown",
|
||||
date: "May 2024",
|
||||
title: "Quality Food",
|
||||
quote: "Never disappointed with my orders. The variety is truly unmatched.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5047.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5047.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Foodies"
|
||||
description="See what our users say about us."
|
||||
description="Built for reliability and taste."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to get started? Contact our support for platform help."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Download the FoodieHub app and get your first delivery free!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Restaurants",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FoodieHub"
|
||||
columns={[
|
||||
{ items: [{ label: "Order Now", href: "#products" }, { label: "Help", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user