Update src/app/menu/page.tsx
This commit is contained in:
@@ -1,13 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { ChefHat, Globe, Users, Smile } from "lucide-react";
|
||||
import { Flame, ChefHat, Sparkles } from "lucide-react";
|
||||
|
||||
export default function MenuPage() {
|
||||
const navItems = [
|
||||
@@ -51,15 +50,15 @@ export default function MenuPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -67,65 +66,52 @@ export default function MenuPage() {
|
||||
brandName="Front Street Café"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Order Takeout",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Order Takeout", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-description" data-section="menu-description">
|
||||
<SplitAbout
|
||||
tag="Our Collection"
|
||||
tagAnimation="slide-up"
|
||||
title="Explore Our Complete Menu"
|
||||
description="From traditional Indian curries to international favorites, discover the full range of dishes that have made Front Street Café a beloved community gathering place. Every item on our menu is crafted with authentic recipes and quality ingredients."
|
||||
bulletPoints={[
|
||||
{ title: "Indian Classics", description: "Traditional curries, breads, and rice dishes prepared with authentic spices and techniques.", icon: ChefHat },
|
||||
{ title: "International Dishes", description: "Carefully selected favorites from cuisines around the world that complement our core offerings.", icon: Globe },
|
||||
{ title: "Vegetarian Options", description: "A variety of plant-based dishes that showcase the versatility of Indian and international cooking.", icon: Users },
|
||||
{ title: "Daily Specials", description: "Seasonal offerings and chef-inspired creations that keep our menu fresh and exciting.", icon: Smile },
|
||||
<div id="menu-hero" data-section="menu-hero">
|
||||
<HeroCentered
|
||||
title="Our Culinary Journey"
|
||||
description="Explore the diverse flavors of our international menu, where every dish is crafted with passion and authenticity. From traditional Indian curries to beloved global favorites, discover why Front Street Café is Port Jervis's destination for exceptional dining."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg", alt: "Signature Chicken Tikka Masala" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg", alt: "Vegetable Korma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg", alt: "Crispy Samosas" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=5"
|
||||
imageAlt="Our signature dishes at Front Street Café"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
avatarText="Menu Favorites"
|
||||
buttons={[
|
||||
{ text: "View Full Menu PDF", href: "#" },
|
||||
{ text: "Order Online", href: "/contact" },
|
||||
{ text: "Order Takeout", href: "/contact" },
|
||||
{ text: "Back to Home", href: "/" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Front Street Café menu page hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-highlights" data-section="menu-highlights">
|
||||
<div id="appetizers" data-section="appetizers">
|
||||
<FeatureCardNine
|
||||
title="Signature Menu Highlights"
|
||||
description="These beloved dishes represent the heart of our culinary philosophy—authentic preparation, quality ingredients, and genuine care in every plate"
|
||||
tag="Chef Favorites"
|
||||
title="Appetizers & Starters"
|
||||
description="Begin your culinary journey with our expertly crafted appetizers that showcase bold flavors and authentic techniques from around the world."
|
||||
tag="Small Bites"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Signature Chicken Tikka Masala",
|
||||
description: "Tender chicken pieces in a rich, creamy tomato-based sauce with aromatic spices. A beloved classic that keeps guests coming back for more.",
|
||||
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=6" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=7" },
|
||||
title: "Crispy Samosas", description: "Golden-fried pastries filled with spiced potatoes and peas, served with tangy tamarind and cooling mint chutneys. A beloved Indian classic.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=1" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=2" },
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Vegetable Korma",
|
||||
description: "A mild and fragrant curry featuring fresh seasonal vegetables in a creamy coconut sauce. Perfect for vegetarians and those seeking comfort in a bowl.",
|
||||
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=5" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=6" },
|
||||
title: "Paneer Tikka", description: "Cubes of cottage cheese marinated in yogurt and spices, grilled to perfection. Creamy inside, charred on the outside—a vegetarian favorite.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=1" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=2" },
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Crispy Samosas",
|
||||
description: "Golden-fried pastries filled with spiced potatoes and peas, served with tangy tamarind and cooling mint chutneys. The perfect appetizer or snack.",
|
||||
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=5" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=6" },
|
||||
title: "Chicken Seekh Kebab", description: "Tender minced chicken seasoned with aromatic spices, shaped onto skewers, and grilled until smoky and succulent. Served with fresh lime and onions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=1" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=2" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -139,27 +125,65 @@ export default function MenuPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-order" data-section="menu-order">
|
||||
<ContactSplitForm
|
||||
title="Place Your Order"
|
||||
description="Ready to enjoy our delicious food? Order now for dine-in, takeout, or delivery. Our friendly staff is ready to help."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "(845) 858-8858", required: false },
|
||||
<div id="curries" data-section="curries">
|
||||
<FeatureCardNine
|
||||
title="Signature Curries & Mains"
|
||||
description="Our heart and soul—slow-cooked, aromatic curries bursting with authentic spices and comforting flavors that transport you around the world."
|
||||
tag="Main Courses"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Chicken Tikka Masala", description: "The classic that defines our kitchen. Tender chicken tikka pieces in a rich, creamy tomato sauce with aromatic spices. A beloved favorite.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=3" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/chicken-sauce-curry-served-bowl-with-sticks-table-closeup_1220-7638.jpg?_wi=4" },
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Vegetable Korma", description: "A mild and fragrant curry featuring fresh seasonal vegetables in a creamy coconut sauce with subtle spices. Perfect for all tastes and vegetarian guests.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=3" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pakistan-food-arrangement_23-2148821548.jpg?_wi=4" },
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Lamb Rogan Josh", description: "Slow-cooked tender lamb in a aromatic tomato-based sauce with warming spices. Complex, deep flavors that develop as you savor each bite.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=3" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825165.jpg?_wi=4" },
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your order or ask about menu items...",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26161.jpg?_wi=1"
|
||||
imageAlt="Professional food preparation at Front Street Café"
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-menu" data-section="about-menu">
|
||||
<SplitAbout
|
||||
tag="Our Commitment"
|
||||
tagIcon={ChefHat}
|
||||
tagAnimation="slide-up"
|
||||
title="Quality & Authenticity in Every Dish"
|
||||
description="At Front Street Café, we believe that great food starts with great ingredients and time-honored techniques. Every dish on our menu is prepared fresh to order, with authentic recipes and a passion for excellence."
|
||||
bulletPoints={[
|
||||
{ title: "Fresh Ingredients", description: "We source the finest ingredients available, from specialty spices to fresh produce, ensuring every bite is vibrant and flavorful.", icon: ChefHat },
|
||||
{ title: "Authentic Recipes", description: "Our culinary team honors traditional cooking methods and flavor profiles from India, South Asia, and beyond.", icon: Flame },
|
||||
{ title: "Made to Order", description: "Nothing is pre-prepared. Every dish is cooked fresh when you order it, ensuring peak flavor and quality.", icon: Sparkles },
|
||||
{ title: "Dietary Accommodations", description: "Whether you're vegetarian, vegan, or have allergies, our staff will help you find the perfect dish that suits your needs.", icon: ChefHat },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
|
||||
imageAlt="Our commitment to quality and authentic cuisine at Front Street Café"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Submit Order"
|
||||
imagePosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Call to Order", href: "tel:(845)858-8858" },
|
||||
{ text: "Special Requests", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,4 +195,4 @@ export default function MenuPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user