Update src/app/menu/page.tsx
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Instagram, Facebook, Phone } from "lucide-react";
|
||||
@@ -13,7 +13,8 @@ export default function MenuPage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" }
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Services", id: "/services" }
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -23,7 +24,7 @@ export default function MenuPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -34,88 +35,98 @@ export default function MenuPage() {
|
||||
brandName="The Great Debate"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Reserve Your Table",
|
||||
href: "/reservations"
|
||||
text: "Reserve Your Table", href: "/reservations"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="full-menu" data-section="full-menu">
|
||||
<ProductCardFour
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Our Complete Menu"
|
||||
description="Discover all our culinary creations, from appetizers to desserts, each crafted with passion and premium local ingredients"
|
||||
tag="Explore All Dishes"
|
||||
products={[
|
||||
description="Explore our carefully curated selection of dishes showcasing locally sourced ingredients and creative culinary excellence"
|
||||
tag="Fine Dining"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=1"
|
||||
imageAlt="Menu at The Great Debate"
|
||||
buttons={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Charred Steak Tacos",
|
||||
price: "$22",
|
||||
variant: "Served with cilantro lime sauce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-95997.jpg?_wi=2",
|
||||
imageAlt: "Charred steak tacos"
|
||||
text: "Reserve Your Table", href: "/reservations"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pan-Seared Mahi Mahi",
|
||||
price: "$28",
|
||||
variant: "With tropical mango salsa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg?_wi=2",
|
||||
imageAlt: "Pan-seared mahi mahi"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "BBQ Pork Sandwich",
|
||||
price: "$18",
|
||||
variant: "Slow-roasted with house sauce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-liver-pate-with-onion-bread_141793-4065.jpg?_wi=2",
|
||||
imageAlt: "BBQ pork sandwich"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chocolate Mousse Dessert",
|
||||
price: "$12",
|
||||
variant: "With berry compote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-nougat-sliced-with-nuts-fresh-red-strawberries-white-surface-sweet-dessert-nougat-nut-cake-biscuit_140725-53318.jpg?_wi=2",
|
||||
imageAlt: "Chocolate mousse dessert"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grilled Salmon Fillet",
|
||||
price: "$32",
|
||||
variant: "With seasonal vegetables",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=2",
|
||||
imageAlt: "Grilled salmon fillet"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Spiced Lamb Chops",
|
||||
price: "$36",
|
||||
variant: "With chimichurri and roasted potatoes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg?_wi=3",
|
||||
imageAlt: "Spiced lamb chops"
|
||||
text: "View on Google Maps", href: "https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-cta" data-section="menu-cta">
|
||||
<div id="menu-content" data-section="menu-content" className="py-20 px-6">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-4xl font-bold mb-4">View Our Complete Menu</h2>
|
||||
<p className="text-lg opacity-75 mb-8">
|
||||
Our menus are displayed directly from Google Maps, ensuring you always have access to our latest offerings and pricing.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
|
||||
<div className="border rounded-lg p-6 hover:shadow-lg transition-shadow">
|
||||
<h3 className="text-2xl font-semibold mb-4">Primary Location Menu</h3>
|
||||
<p className="mb-6 opacity-80">
|
||||
1 E Spring St, Freeport, IL 61032
|
||||
</p>
|
||||
<a
|
||||
href="https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
View Menu on Google Maps
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="border rounded-lg p-6 hover:shadow-lg transition-shadow">
|
||||
<h3 className="text-2xl font-semibold mb-4">Dining Information</h3>
|
||||
<p className="mb-6 opacity-80">
|
||||
Hours, reviews, and additional details available on Google Maps
|
||||
</p>
|
||||
<a
|
||||
href="https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
View Full Details
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-gray-100 dark:bg-gray-800 rounded-lg p-8 text-center">
|
||||
<h3 className="text-xl font-semibold mb-4">Can't Find What You're Looking For?</h3>
|
||||
<p className="mb-6 opacity-80">
|
||||
Our menu items are displayed through Google Maps for the most up-to-date information. If you have questions about specific dietary needs or preferences, please don't hesitate to contact us.
|
||||
</p>
|
||||
<a
|
||||
href="tel:+18152324408"
|
||||
className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
Call Us: +1 815-232-4408
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cta-section" data-section="cta-section">
|
||||
<ContactText
|
||||
text="Ready to experience our culinary excellence? Reserve your table now and let us create an unforgettable evening for you"
|
||||
text="Ready to experience our cuisine? Book your table today"
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "/reservations"
|
||||
text: "Make a Reservation", href: "/reservations"
|
||||
},
|
||||
{
|
||||
text: "Call +1 815-232-4408",
|
||||
href: "tel:+18152324408"
|
||||
text: "Call +1 815-232-4408", href: "tel:+18152324408"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
@@ -129,22 +140,19 @@ export default function MenuPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram"
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook"
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+18152324408",
|
||||
ariaLabel: "Call us"
|
||||
href: "tel:+18152324408", ariaLabel: "Call us"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user