202 lines
7.0 KiB
TypeScript
202 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Star, Instagram, Facebook, MapPin } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
|
|
export default function MenuPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Brunch & Bistro", id: "brunch-bistro" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Visit", id: "visit" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="The Pickled Pig"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Order Online",
|
|
href: "https://example.com/order",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-full" data-section="menu-full">
|
|
<ProductCardOne
|
|
title="Full Menu"
|
|
description="Browse our complete collection of chef-crafted dishes, seasonal specials, and house-made sides."
|
|
tag="Chef's Selection"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Pork Belly Special",
|
|
price: "Market Price",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sliced-ham-sausages_140725-1928.jpg?_wi=3",
|
|
imageAlt: "Buttery, balanced pork belly",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Chicken Salad",
|
|
price: "$14.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-grilled-chicken_140725-1099.jpg?_wi=2",
|
|
imageAlt: "Classic comfort, upgraded",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Seasonal Squash Soup",
|
|
price: "$8.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/autumn-elements-soup_23-2147709400.jpg?_wi=3",
|
|
imageAlt: "Super fantastic seasonal soup",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Kimchi Pork Burger + Gouda",
|
|
price: "$16.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-burger-with-fresh-vegetables-meat-inside-round-plate_140725-11618.jpg?_wi=2",
|
|
imageAlt: "Korean-influenced heat and richness",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "House Sides",
|
|
price: "$6.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-potato-salad_23-2148619029.jpg?_wi=2",
|
|
imageAlt: "Potato salad, pickled vegetables, Korean-touched carrots",
|
|
},
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
buttons={[
|
|
{ text: "Order Online", href: "https://example.com/order" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-categories" data-section="menu-categories">
|
|
<FeatureCardTwelve
|
|
title="Menu Organization"
|
|
description="Explore our offerings by category. Everything is made fresh daily."
|
|
features={[
|
|
{
|
|
id: "sandwiches",
|
|
label: "Sandwiches",
|
|
title: "Signature smoked meats and creative combinations",
|
|
items: [
|
|
"Pork belly with charred onions",
|
|
"Smoked brisket with pickles",
|
|
"Kimchi pork burger with Gouda",
|
|
"Turkey and house-made cranberry",
|
|
],
|
|
},
|
|
{
|
|
id: "soups",
|
|
label: "Soups",
|
|
title: "Seasonal creations and comfort classics",
|
|
items: [
|
|
"Seasonal squash soup",
|
|
"Smoked tomato bisque",
|
|
"Wild mushroom consommé",
|
|
"House chili with house sides",
|
|
],
|
|
},
|
|
{
|
|
id: "sides",
|
|
label: "Sides",
|
|
title: "House-made and carefully curated",
|
|
items: [
|
|
"Potato salad with herbs",
|
|
"Pickled vegetables medley",
|
|
"Korean-touched roasted carrots",
|
|
"Charred Brussels sprouts",
|
|
],
|
|
},
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-info" data-section="menu-info">
|
|
<FeatureCardTwelve
|
|
title="How We Work"
|
|
description="Our philosophy on ingredients, preparation, and hospitality."
|
|
features={[
|
|
{
|
|
id: "ingredients",
|
|
label: "Sourcing",
|
|
title: "Premium ingredients from trusted suppliers",
|
|
items: [
|
|
"Local meat purveyors",
|
|
"Seasonal produce partners",
|
|
"House-made everything",
|
|
"No frozen shortcuts",
|
|
],
|
|
},
|
|
{
|
|
id: "process",
|
|
label: "Process",
|
|
title: "Craft-focused preparation in real time",
|
|
items: [
|
|
"Fresh daily from our smoker",
|
|
"Hand-cut and hand-prepared",
|
|
"Seasonal specials rotate weekly",
|
|
"Made to order, made right",
|
|
],
|
|
},
|
|
{
|
|
id: "experience",
|
|
label: "Experience",
|
|
title: "Fast service without compromising quality",
|
|
items: [
|
|
"Quick turnaround times",
|
|
"Spotless kitchen environment",
|
|
"Knowledgeable team members",
|
|
"Genuine care in every plate",
|
|
],
|
|
},
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="The Pickled Pig"
|
|
copyrightText="© 2025 The Pickled Pig. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com/thepickledpig", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com/thepickledpig", ariaLabel: "Facebook" },
|
|
{ icon: MapPin, href: "https://maps.google.com/?q=pickled+pig", ariaLabel: "Google Maps" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |