Update src/app/menu/page.tsx

This commit is contained in:
2026-05-28 12:22:59 +00:00
parent 481dab3705
commit 7bc412f5c8

View File

@@ -6,267 +6,194 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { Sparkles } from "lucide-react";
import { Sparkles } from 'lucide-react';
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="fluid"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="fluid"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "Events",
id: "/events",
},
{
name: "Bookings",
id: "/bookings",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="The Southfields"
button={{
text: "Book a Table",
href: "/bookings",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"
},
{
name: "Menu", id: "/menu"
},
{
name: "Events", id: "/events"
},
{
name: "Bookings", id: "/bookings"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "About", id: "/about"
},
{
name: "Contact", id: "/contact"
}
]}
brandName="The Southfields"
button={{
text: "Book a Table", href: "/bookings"
}}
/>
</div>
<div id="menu-full-listing" data-section="menu-full-listing">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "burger",
name: "Classic Southfields Burger",
price: "£13.95",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-hamburger-front-wooden-wall_23-2148374862.jpg",
imageAlt: "Juicy beef burger with cheese",
},
{
id: "fish",
name: "Traditional Fish & Chips",
price: "£14.50",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-small-paper-bag-served-with-lemon-parsley-sweet-chili-bbq-sauce_141793-2224.jpg",
imageAlt: "Crispy battered fish with chunky chips",
},
{
id: "grill",
name: "Signature Mixed Grill",
price: "£24.95",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-kebab-set-top-view_140725-5551.jpg",
imageAlt: "Large platter of grilled meats",
},
{
id: "fajitas",
name: "Sizzling Chicken Fajitas",
price: "£16.95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-meat-sandwich-with-lemon-slices-greens-black_140725-104400.jpg",
imageAlt: "Chicken fajitas with peppers and onions",
},
{
id: "surf",
name: "Luxury Surf & Turf",
price: "£29.95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-salad-with-bell-peppers-arugula-plate-wood_141793-11674.jpg",
imageAlt: "Steak and prawns",
},
{
id: "salad",
name: "Fresh Garden Salad",
price: "£10.50",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-salad-black-plate_23-2148537225.jpg",
imageAlt: "Mixed greens salad",
},
{
id: "dessert",
name: "Chocolate Fudge Cake",
price: "£6.50",
imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-batter-with-sauce-lemon-slices_140725-2167.jpg",
imageAlt: "Chocolate fudge cake slice",
},
{
id: "cocktail",
name: "Southfields Special Cocktail",
price: "£9.00",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-glasses-with-soda-cocktail_23-2150995236.jpg",
imageAlt: "Exotic cocktail drink",
},
]}
title="Our Full Menu"
description="A comprehensive list of all our delicious dishes, drinks, and daily specials."
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
/>
</div>
<div id="menu-full-listing" data-section="menu-full-listing">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "burger", name: "Classic Southfields Burger", price: "£13.95", imageSrc: "asset://burger-product__2", imageAlt: "Juicy beef burger with cheese"
},
{
id: "fish", name: "Traditional Fish & Chips", price: "£14.50", imageSrc: "asset://fish-chips-product__2", imageAlt: "Crispy battered fish with chunky chips"
},
{
id: "grill", name: "Signature Mixed Grill", price: "£24.95", imageSrc: "asset://mixed-grill-product__2", imageAlt: "Large platter of grilled meats"
},
{
id: "fajitas", name: "Sizzling Chicken Fajitas", price: "£16.95", imageSrc: "asset://chicken-fajitas-product__2", imageAlt: "Chicken fajitas with peppers and onions"
},
{
id: "surf", name: "Luxury Surf & Turf", price: "£29.95", imageSrc: "asset://surf-turf-product__2", imageAlt: "Steak and prawns"
},
{
id: "salad", name: "Fresh Garden Salad", price: "£10.50", imageSrc: "asset://salad-product__2", imageAlt: "Mixed greens salad"
},
{
id: "dessert", name: "Chocolate Fudge Cake", price: "£6.50", imageSrc: "asset://gallery-dish-1", imageAlt: "Chocolate fudge cake slice"
},
{
id: "cocktail", name: "Southfields Special Cocktail", price: "£9.00", imageSrc: "asset://gallery-dish-2", imageAlt: "Exotic cocktail drink"
}
]}
title="Our Full Menu"
description="A comprehensive list of all our delicious dishes, drinks, and daily specials."
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
/>
</div>
<div id="menu-specials" data-section="menu-specials">
<PricingCardEight
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "lunch-deal",
badge: "Daily",
badgeIcon: Sparkles,
price: "£12.99",
subtitle: "Lunch Menu Special",
buttons: [
{
text: "Order Lunch",
href: "/menu",
},
],
features: [
"Main Course & Drink",
"Available Mon-Fri, 12-3 PM",
"Selected Menu Items",
],
},
{
id: "dinner-deal",
badge: "Weekend",
badgeIcon: Sparkles,
price: "£24.99",
subtitle: "Dinner for Two",
buttons: [
{
text: "Reserve Now",
href: "/bookings",
},
],
features: [
"Two Main Courses",
"One Dessert to Share",
"Includes Bottle of Wine",
],
},
{
id: "family-deal",
badge: "Family",
badgeIcon: Sparkles,
price: "£39.99",
subtitle: "Family Feast",
buttons: [
{
text: "View Details",
href: "/menu",
},
],
features: [
"2 Adult + 2 Kids Meals",
"Shared Appetizer",
"Soft Drinks Included",
],
},
]}
title="Daily Specials & Deals"
description="Don't miss out on our limited-time offers and chef's daily recommendations."
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
/>
</div>
<div id="menu-specials" data-section="menu-specials">
<PricingCardEight
textboxLayout="default"
useInvertedBackground={true}
animationType="blur-reveal"
plans={[
{
id: "lunch-deal", badge: "Daily", badgeIcon: Sparkles,
price: "£12.99", subtitle: "Lunch Menu Special", buttons: [
{
text: "Order Lunch", href: "/menu"
}
],
features: [
"Main Course & Drink", "Available Mon-Fri, 12-3 PM", "Selected Menu Items"
]
},
{
id: "dinner-deal", badge: "Weekend", badgeIcon: Sparkles,
price: "£24.99", subtitle: "Dinner for Two", buttons: [
{
text: "Reserve Now", href: "/bookings"
}
],
features: [
"Two Main Courses", "One Dessert to Share", "Includes Bottle of Wine"
]
},
{
id: "family-deal", badge: "Family", badgeIcon: Sparkles,
price: "£39.99", subtitle: "Family Feast", buttons: [
{
text: "View Details", href: "/menu"
}
],
features: [
"2 Adult + 2 Kids Meals", "Shared Appetizer", "Soft Drinks Included"
]
}
]}
title="Daily Specials & Deals"
description="Don't miss out on our limited-time offers and chef's daily recommendations."
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Events",
href: "/events",
},
{
label: "Gallery",
href: "/gallery",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
{
label: "Bookings",
href: "/bookings",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Facebook",
href: "#",
},
{
label: "Instagram",
href: "#",
},
{
label: "TikTok",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 The Southfields. All rights reserved."
bottomRightText="Built with ❤️ in Bolton"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Explore", items: [
{
label: "Home", href: "/"
},
{
label: "Menu", href: "/menu"
},
{
label: "Events", href: "/events"
},
{
label: "Gallery", href: "/gallery"
}
]
},
{
title: "Company", items: [
{
label: "About Us", href: "/about"
},
{
label: "Contact", href: "/contact"
},
{
label: "Bookings", href: "/bookings"
},
{
label: "Privacy Policy", href: "#"
}
]
},
{
title: "Connect", items: [
{
label: "Facebook", href: "#"
},
{
label: "Instagram", href: "#"
},
{
label: "TikTok", href: "#"
}
]
}
]}
bottomLeftText="© 2024 The Southfields. All rights reserved."
bottomRightText="Built with ❤️ in Bolton"
/>
</div>
</ReactLenis>
</ThemeProvider>
);