Files
ccec037a-605c-4168-a2f4-7a7…/src/app/menu/page.tsx
2026-05-28 11:43:16 +00:00

124 lines
7.1 KiB
TypeScript

"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from 'next/link';
export default function MenuPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About Us", id: "/about" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
];
const footerNavItems = [
{ label: "Home", href: "/" },
{ label: "Our Menu", href: "/menu" },
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
{ label: "Contact Us", href: "/contact" },
{ label: "Order Online", href: "#" }
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Fiesta Cantina"
navItems={navItems.map(item => ({ name: item.name, id: item.id }))}
logoSrc="http://img.b2bpic.net/free-vector/mardi-gras-label-collection_23-2148801913.jpg"
logoAlt="Fiesta Cantina Logo"
/>
</div>
<div id="menu-products" data-section="menu-products">
<ProductCardOne
title="Menu Highlights: Tacos, Drinks & More"
description="Dive into our extensive menu featuring classic Mexican dishes, fresh ingredients, and bold flavors. From street tacos to signature cocktails, there's something for everyone!"
products={[
{ id: "1", name: "Carnitas Tacos", price: "$13.50", imageSrc: "http://img.b2bpic.net/free-photo/three-fish-tacos-with-cabbage-lime-dark-plate_84443-94440.jpg", imageAlt: "Carnitas Tacos" },
{ id: "2", name: "Paloma Cocktail", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices_23-2149486837.jpg", imageAlt: "Paloma Cocktail" },
{ id: "3", name: "Shrimp Burrito", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetarian-burrito-wrap-plate-table_23-2148165544.jpg", imageAlt: "Shrimp Burrito" },
{ id: "4", name: "Cheese Enchiladas", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food_23-2148140192.jpg", imageAlt: "Cheese Enchiladas" },
{ id: "5", name: "Vegetable Quesadilla", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pita-pancake-with-melted-cheese_23-2149342898.jpg", imageAlt: "Vegetable Quesadilla" },
{ id: "6", name: "Salsa & Chips", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-various-sauces-salads-with-vegetables-wooden-board-olive-oil-middle_140725-12939.jpg", imageAlt: "Salsa & Chips" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="opacity"
buttonAnimation="opacity"
/>
</div>
<div id="menu-features" data-section="menu-features">
<FeatureCardTwentyOne
title="Experience Our Lively Bar Scene"
description="Our bar is a destination in itself, offering a curated selection of Tequilas, Mezcals, and craft cocktails. Unwind with friends and explore new flavors."
accordionItems={[
{ id: "1", title: "Signature Margaritas", content: "Hand-crafted with fresh ingredients, our margaritas are the perfect blend of sweet, sour, and spirited. Available in classic, spicy, and seasonal flavors." },
{ id: "2", title: "Premium Tequila & Mezcal Selection", content: "Explore our extensive collection of fine tequilas and mezcals, perfect for sipping or as the base for your favorite cocktail. Our staff can guide you through the options." },
{ id: "3", title: "Local & Craft Beer", content: "We proudly feature a selection of local craft beers alongside popular imports, offering a refreshing choice for every palate." },
{ id: "4", title: "Happy Hour Specials", content: "Join us for Happy Hour and enjoy fantastic deals on drinks and appetizers. The perfect way to kick off your evening in New Haven!" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-drinks_23-2149132206.jpg"
imageAlt="Lively bar with diverse drinks"
mediaAnimation="opacity"
useInvertedBackground={true}
mediaPosition="left"
tagAnimation="opacity"
buttonAnimation="opacity"
/>
</div>
{/* Synthesized section to meet page section count requirements */}
<div id="menu-desserts" data-section="menu-desserts">
<ProductCardOne
title="Sweet Endings: Our Delicious Desserts"
description="Round off your meal with one of our traditional Mexican desserts, crafted to provide a perfect sweet finish to your Fiesta Cantina experience."
products={[
{ id: "1", name: "Churros with Chocolate Sauce", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-appetizing-street-food_23-2151516964.jpg", imageAlt: "Churros with chocolate sauce" },
{ id: "2", name: "Flan Napolitano", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-festa-junina-label-set_23-2149388185.jpg", imageAlt: "Traditional Flan Napolitano" },
{ id: "3", name: "Tres Leches Cake", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535327.jpg", imageAlt: "Tres Leches Cake" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="opacity"
buttonAnimation="opacity"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-vector/mardi-gras-label-collection_23-2148801913.jpg"
logoAlt="Fiesta Cantina Logo"
logoText="Fiesta Cantina"
columns={[
{ items: footerNavItems.filter(item => ["Home", "Our Menu", "About Us"].includes(item.label)).map(item => ({ label: item.label, href: item.href })) },
{ items: footerNavItems.filter(item => ["Reviews", "Contact Us", "Order Online"].includes(item.label)).map(item => ({ label: item.label, href: item.href })) },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}