Update src/app/restaurants/page.tsx

This commit is contained in:
2026-03-20 14:41:55 +00:00
parent dc064abfa2
commit 3405ea74c3

View File

@@ -12,8 +12,9 @@ export default function RestaurantsPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Restaurants", id: "restaurants" },
{ name: "Food Gallery", id: "food-items" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Reviews", id: "reviews" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
];
@@ -36,15 +37,13 @@ export default function RestaurantsPage() {
brandName="DineBook"
navItems={navItems}
button={{
text: "Book Now",
href: "#booking",
}}
text: "Book Now", href: "#booking"}}
animateOnLoad={true}
/>
</div>
{/* All Restaurants Showcase */}
<div id="all-restaurants" data-section="all-restaurants">
<div id="restaurants" data-section="restaurants">
<ProductCardTwo
title="Browse All Restaurants"
description="Explore our complete collection of premium dining establishments. Each restaurant features detailed photos, authentic menus, and verified customer reviews to help you make the perfect choice."
@@ -53,84 +52,36 @@ export default function RestaurantsPage() {
tagAnimation="slide-up"
products={[
{
id: "rest-1",
brand: "Fine Dining",
name: "La Bella Vita",
price: "2-3 hrs",
rating: 4.8,
reviewCount: "342",
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=2",
imageAlt: "La Bella Vita Italian Restaurant"
id: "rest-1", brand: "Fine Dining", name: "La Bella Vita", price: "2-3 hrs", rating: 4.8,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=2", imageAlt: "La Bella Vita Italian Restaurant"
},
{
id: "rest-2",
brand: "Contemporary",
name: "Sakura & Stone",
price: "2 hrs",
rating: 4.9,
reviewCount: "521",
imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-cream-sauce-mashed-potatoes_140725-2111.jpg?_wi=2",
imageAlt: "Sakura & Stone Japanese Fusion"
id: "rest-2", brand: "Contemporary", name: "Sakura & Stone", price: "2 hrs", rating: 4.9,
reviewCount: "521", imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-cream-sauce-mashed-potatoes_140725-2111.jpg?_wi=2", imageAlt: "Sakura & Stone Japanese Fusion"
},
{
id: "rest-3",
brand: "Casual Bistro",
name: "The Garden House",
price: "1.5 hrs",
rating: 4.7,
reviewCount: "298",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-bowl_23-2149152881.jpg?_wi=2",
imageAlt: "The Garden House Bistro"
id: "rest-3", brand: "Casual Bistro", name: "The Garden House", price: "1.5 hrs", rating: 4.7,
reviewCount: "298", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-bowl_23-2149152881.jpg?_wi=2", imageAlt: "The Garden House Bistro"
},
{
id: "rest-4",
brand: "Gourmet",
name: "Ember & Oak",
price: "3 hrs",
rating: 4.9,
reviewCount: "445",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg?_wi=2",
imageAlt: "Ember & Oak Steakhouse"
id: "rest-4", brand: "Gourmet", name: "Ember & Oak", price: "3 hrs", rating: 4.9,
reviewCount: "445", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg?_wi=2", imageAlt: "Ember & Oak Steakhouse"
},
{
id: "rest-5",
brand: "Mediterranean",
name: "Taverna del Mare",
price: "2.5 hrs",
rating: 4.8,
reviewCount: "289",
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=3",
imageAlt: "Taverna del Mare Mediterranean"
id: "rest-5", brand: "Mediterranean", name: "Taverna del Mare", price: "2.5 hrs", rating: 4.8,
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=3", imageAlt: "Taverna del Mare Mediterranean"
},
{
id: "rest-6",
brand: "Modern Asian",
name: "Dynasty Kitchen",
price: "1.5 hrs",
rating: 4.9,
reviewCount: "412",
imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-cream-sauce-mashed-potatoes_140725-2111.jpg?_wi=3",
imageAlt: "Dynasty Kitchen Asian Fusion"
id: "rest-6", brand: "Modern Asian", name: "Dynasty Kitchen", price: "1.5 hrs", rating: 4.9,
reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-cream-sauce-mashed-potatoes_140725-2111.jpg?_wi=3", imageAlt: "Dynasty Kitchen Asian Fusion"
},
{
id: "rest-7",
brand: "Seafood",
name: "The Catch Bistro",
price: "2 hrs",
rating: 4.7,
reviewCount: "356",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-bowl_23-2149152881.jpg?_wi=3",
imageAlt: "The Catch Bistro Seafood"
id: "rest-7", brand: "Seafood", name: "The Catch Bistro", price: "2 hrs", rating: 4.7,
reviewCount: "356", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-bowl_23-2149152881.jpg?_wi=3", imageAlt: "The Catch Bistro Seafood"
},
{
id: "rest-8",
brand: "French",
name: "Le Petit Salon",
price: "2.5 hrs",
rating: 4.9,
reviewCount: "523",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg?_wi=3",
imageAlt: "Le Petit Salon French Cuisine"
id: "rest-8", brand: "French", name: "Le Petit Salon", price: "2.5 hrs", rating: 4.9,
reviewCount: "523", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg?_wi=3", imageAlt: "Le Petit Salon French Cuisine"
}
]}
textboxLayout="default"
@@ -139,8 +90,7 @@ export default function RestaurantsPage() {
useInvertedBackground={false}
buttons={[
{
text: "Upgrade Membership",
href: "#pricing"
text: "Upgrade Membership", href: "#pricing"
}
]}
buttonAnimation="slide-up"
@@ -148,7 +98,7 @@ export default function RestaurantsPage() {
</div>
{/* Signature Menu Items */}
<div id="signature-menus" data-section="signature-menus">
<div id="food-items" data-section="food-items">
<ProductCardTwo
title="Featured Menu Items"
description="Discover signature dishes and must-try specialties from our partner restaurants. Each item is carefully photographed to showcase the culinary excellence and attention to detail."
@@ -157,64 +107,28 @@ export default function RestaurantsPage() {
tagAnimation="slide-up"
products={[
{
id: "menu-1",
brand: "La Bella Vita",
name: "Risotto al Tartufo",
price: "$34.99",
rating: 4.9,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg?_wi=2",
imageAlt: "Creamy truffle risotto with parmesan"
id: "menu-1", brand: "La Bella Vita", name: "Risotto al Tartufo", price: "$34.99", rating: 4.9,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg?_wi=2", imageAlt: "Creamy truffle risotto with parmesan"
},
{
id: "menu-2",
brand: "Sakura & Stone",
name: "Omakase Selection",
price: "$85.00",
rating: 5,
reviewCount: "203",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-table-arrangement_23-2149139499.jpg?_wi=2",
imageAlt: "Premium omakase course"
id: "menu-2", brand: "Sakura & Stone", name: "Omakase Selection", price: "$85.00", rating: 5,
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-table-arrangement_23-2149139499.jpg?_wi=2", imageAlt: "Premium omakase course"
},
{
id: "menu-3",
brand: "The Garden House",
name: "Herb-Crusted Salmon",
price: "$28.50",
rating: 4.8,
reviewCount: "142",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slices-inside-plate-with-lemon-slices-dark-background_140725-139369.jpg?_wi=2",
imageAlt: "Fresh herb-crusted salmon fillet"
id: "menu-3", brand: "The Garden House", name: "Herb-Crusted Salmon", price: "$28.50", rating: 4.8,
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slices-inside-plate-with-lemon-slices-dark-background_140725-139369.jpg?_wi=2", imageAlt: "Fresh herb-crusted salmon fillet"
},
{
id: "menu-4",
brand: "Ember & Oak",
name: "Prime Ribeye 24oz",
price: "$68.00",
rating: 4.9,
reviewCount: "289",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slice-dark-blue-meat-food-dish-fry-color-animal-rib-dinner-cooking-barbecue_179666-44077.jpg?_wi=2",
imageAlt: "Perfectly seared prime ribeye steak"
id: "menu-4", brand: "Ember & Oak", name: "Prime Ribeye 24oz", price: "$68.00", rating: 4.9,
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slice-dark-blue-meat-food-dish-fry-color-animal-rib-dinner-cooking-barbecue_179666-44077.jpg?_wi=2", imageAlt: "Perfectly seared prime ribeye steak"
},
{
id: "menu-5",
brand: "Taverna del Mare",
name: "Branzino Mediterranean",
price: "$38.00",
rating: 4.8,
reviewCount: "178",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slices-inside-plate-with-lemon-slices-dark-background_140725-139369.jpg?_wi=3",
imageAlt: "Whole grilled branzino with lemon"
id: "menu-5", brand: "Taverna del Mare", name: "Branzino Mediterranean", price: "$38.00", rating: 4.8,
reviewCount: "178", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slices-inside-plate-with-lemon-slices-dark-background_140725-139369.jpg?_wi=3", imageAlt: "Whole grilled branzino with lemon"
},
{
id: "menu-6",
brand: "Dynasty Kitchen",
name: "Peking Duck Platter",
price: "$45.00",
rating: 4.9,
reviewCount: "267",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slice-dark-blue-meat-food-dish-fry-color-animal-rib-dinner-cooking-barbecue_179666-44077.jpg?_wi=3",
imageAlt: "Crispy peking duck with thin pancakes"
id: "menu-6", brand: "Dynasty Kitchen", name: "Peking Duck Platter", price: "$45.00", rating: 4.9,
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-slice-dark-blue-meat-food-dish-fry-color-animal-rib-dinner-cooking-barbecue_179666-44077.jpg?_wi=3", imageAlt: "Crispy peking duck with thin pancakes"
}
]}
textboxLayout="default"
@@ -223,8 +137,7 @@ export default function RestaurantsPage() {
useInvertedBackground={true}
buttons={[
{
text: "Explore More Dishes",
href: "#"
text: "Explore More Dishes", href: "#"
}
]}
buttonAnimation="slide-up"
@@ -232,7 +145,7 @@ export default function RestaurantsPage() {
</div>
{/* Membership Plans for Restaurants Page */}
<div id="membership-plans" data-section="membership-plans">
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Unlock More Bookings"
description="Get priority access to premium restaurants and exclusive member-only venues. Choose a plan that fits your dining lifestyle."
@@ -244,71 +157,36 @@ export default function RestaurantsPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
tag: "For Casual Diners",
tagIcon: Sparkles,
price: "Free",
period: "Forever",
description: "Access basic restaurant browsing and booking",
button: {
text: "Get Started",
href: "#"
id: "basic", tag: "For Casual Diners", tagIcon: Sparkles,
price: "Free", period: "Forever", description: "Access basic restaurant browsing and booking", button: {
text: "Get Started", href: "#"
},
featuresTitle: "Includes",
features: [
"Browse 500+ restaurants",
"Read verified reviews",
"View food photos",
"Make reservations",
"Monthly specials"
featuresTitle: "Includes", features: [
"Browse 500+ restaurants", "Read verified reviews", "View food photos", "Make reservations", "Monthly specials"
]
},
{
id: "premium",
tag: "Most Popular",
tagIcon: Crown,
price: "$9.99",
period: "per month",
description: "Priority booking and exclusive restaurant access",
button: {
text: "Upgrade Now",
href: "#"
id: "premium", tag: "Most Popular", tagIcon: Crown,
price: "$9.99", period: "per month", description: "Priority booking and exclusive restaurant access", button: {
text: "Upgrade Now", href: "#"
},
featuresTitle: "Everything in Basic, plus",
features: [
"Priority reservations",
"Exclusive member-only restaurants",
"Advanced price filtering",
"VIP event access",
"24/7 concierge support"
featuresTitle: "Everything in Basic, plus", features: [
"Priority reservations", "Exclusive member-only restaurants", "Advanced price filtering", "VIP event access", "24/7 concierge support"
]
},
{
id: "elite",
tag: "For Enthusiasts",
tagIcon: Diamond,
price: "$24.99",
period: "per month",
description: "Unlimited access with VIP treatment everywhere",
button: {
text: "Become Elite",
href: "#"
id: "elite", tag: "For Enthusiasts", tagIcon: Diamond,
price: "$24.99", period: "per month", description: "Unlimited access with VIP treatment everywhere", button: {
text: "Become Elite", href: "#"
},
featuresTitle: "Everything in Premium, plus",
features: [
"Unlimited reservations",
"Michelin-star restaurants",
"Personal dining concierge",
"Monthly exclusive dining events",
"Restaurant partner discounts",
"Skip-the-line privileges"
featuresTitle: "Everything in Premium, plus", features: [
"Unlimited reservations", "Michelin-star restaurants", "Personal dining concierge", "Monthly exclusive dining events", "Restaurant partner discounts", "Skip-the-line privileges"
]
}
]}
buttons={[
{
text: "View Membership Benefits",
href: "#"
text: "View Membership Benefits", href: "#"
}
]}
buttonAnimation="slide-up"
@@ -322,86 +200,66 @@ export default function RestaurantsPage() {
imageAlt="DineBook Restaurant Community"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Browse Restaurants",
href: "/restaurants"
label: "Browse Restaurants", href: "#restaurants"
},
{
label: "Membership Plans",
href: "#"
label: "Membership Plans", href: "#pricing"
},
{
label: "How It Works",
href: "/"
label: "How It Works", href: "/"
},
{
label: "Mobile App",
href: "#"
label: "Mobile App", href: "#"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#"
label: "About Us", href: "#"
},
{
label: "Careers",
href: "#"
label: "Careers", href: "#"
},
{
label: "Press",
href: "#"
label: "Press", href: "#"
},
{
label: "Blog",
href: "#"
label: "Blog", href: "#"
}
]
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#"
label: "Help Center", href: "#"
},
{
label: "Contact Us",
href: "#"
label: "Contact Us", href: "#"
},
{
label: "Restaurant Partners",
href: "#"
label: "Restaurant Partners", href: "#"
},
{
label: "Feedback",
href: "#"
label: "Feedback", href: "#"
}
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#"
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service",
href: "#"
label: "Terms of Service", href: "#"
},
{
label: "Cancellation Policy",
href: "#"
label: "Cancellation Policy", href: "#"
},
{
label: "Accessibility",
href: "#"
label: "Accessibility", href: "#"
}
]
}