Update src/app/restaurants/page.tsx
This commit is contained in:
@@ -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: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user