Update src/app/menu/page.tsx
This commit is contained in:
@@ -2,14 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Sparkles, Star } from "lucide-react";
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import { UtensilsCrossed } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -24,265 +22,85 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
href: "/location",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
href: "/order",
|
||||
},
|
||||
]}
|
||||
brandName="Mutt & Jeff's"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Location", id: "/location"},
|
||||
{
|
||||
name: "Order", id: "/order"},
|
||||
]}
|
||||
brandName="Mutt & Jeff's"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chicken Fried Steak",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg?_wi=1",
|
||||
imageAlt: "crispy chicken fried steak with gravy",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Double Decker Club",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-inside-plate-with-french-fries-wooden-sandwich-food-snack-breakfast-photo_140725-20920.jpg?_wi=1",
|
||||
imageAlt: "tall double decker club sandwich with fries",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Philly Cheesesteak",
|
||||
price: "$13.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg?_wi=1",
|
||||
imageAlt: "philly cheesesteak sandwich with melted cheese",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Crispy Fried Chicken",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg?_wi=1",
|
||||
imageAlt: "golden brown crispy fried chicken drumsticks",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Homemade Onion Rings",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg?_wi=1",
|
||||
imageAlt: "pile of crispy onion rings with ranch dip",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Creamy Banana Pudding",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg?_wi=1",
|
||||
imageAlt: "dessert bowl of creamy banana pudding",
|
||||
},
|
||||
]}
|
||||
title="Our Legendary Menu"
|
||||
description="From classic comfort food to signature dishes, every item is crafted with passion and the freshest ingredients."
|
||||
tag="Taste the Tradition"
|
||||
tagIcon={UtensilsCrossed}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-hero" data-section="menu-hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Our Menu: Southern Comfort Elevated"
|
||||
description="From breakfast classics to hearty dinners, every dish is made with love and the freshest ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg"
|
||||
imageAlt="Signature chicken fried steak with homemade fries"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
fixedMediaHeight={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Grilled Pork Ribeye",
|
||||
tags: [
|
||||
"Dinner",
|
||||
"Seasonal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring-with-sauce-fresh-vegetable_74190-9937.jpg",
|
||||
imageAlt: "fried pork ribeye plate with sides",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gourmet Mushroom Swiss Burger",
|
||||
tags: [
|
||||
"Lunch",
|
||||
"Burger",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/background-delicious-burger-hand-drawn-style_23-2147624763.jpg?_wi=2",
|
||||
imageAlt: "gourmet mushroom swiss burger",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fresh Berry Summer Salad",
|
||||
tags: [
|
||||
"Light Fare",
|
||||
"Seasonal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-plate-with-wine_23-2147716927.jpg?_wi=2",
|
||||
imageAlt: "vibrant berry salad with vinaigrette",
|
||||
},
|
||||
]}
|
||||
title="Today's Specials"
|
||||
description="Discover exciting new flavors or enjoy seasonal favorites, available for a limited time!"
|
||||
tag="Daily Delights"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="signature-dishes" data-section="signature-dishes">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Must-Try"
|
||||
tagIcon={UtensilsCrossed}
|
||||
title="Signature Southern Dishes"
|
||||
description="These are the dishes that have made us famous—authentic, hearty, and full of flavor."
|
||||
features={[
|
||||
{
|
||||
id: "chicken-fried-steak", title: "Chicken Fried Steak", tags: ["Beef", "Classic", "Hearty"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg", imageAlt: "Chicken fried steak plate with gravy"},
|
||||
{
|
||||
id: "double-decker-club", title: "Double Decker Club", tags: ["Sandwich", "Lunch", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-inside-plate-with-french-fries-wooden-sandwich-food-snack-breakfast-photo_140725-20920.jpg", imageAlt: "Double decker club sandwich with fries"},
|
||||
{
|
||||
id: "philly-cheesesteak", title: "Philly Cheesesteak", tags: ["Beef", "Cheesy", "Hot"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg", imageAlt: "Philly cheesesteak sandwich with melted cheese"},
|
||||
{
|
||||
id: "fried-chicken", title: "Fried Chicken", tags: ["Chicken", "Crispy", "Southern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg", imageAlt: "Crispy fried chicken drumsticks"},
|
||||
{
|
||||
id: "onion-rings", title: "Onion Rings w/ Ranch", tags: ["Appetizer", "Crispy", "Side"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg", imageAlt: "Crispy onion rings with homemade ranch"},
|
||||
{
|
||||
id: "banana-pudding", title: "Banana Pudding", tags: ["Dessert", "Sweet", "Homemade"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg", imageAlt: "Homemade banana pudding dessert"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Local Foodie",
|
||||
testimonial: "Mutt & Jeff's is a true culinary treasure. Every dish feels like it's made with love. The Chicken Fried Steak is a must-try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg?_wi=1",
|
||||
imageAlt: "avatar of John D.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
role: "Regular Guest",
|
||||
testimonial: "The Double Decker Club is my absolute favorite. Portions are generous and the service is always so friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=1",
|
||||
imageAlt: "avatar of Sarah L.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael P.",
|
||||
role: "Happy Customer",
|
||||
testimonial: "You can taste the homemade quality in every bite. Their Fried Chicken is perfectly crispy and juicy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-andpositive-pointing-with-index-fingers-standing-purple-wall_141793-82234.jpg?_wi=1",
|
||||
imageAlt: "avatar of Michael P.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Dessert Lover",
|
||||
testimonial: "I always save room for the Banana Pudding. It's the best I've ever had, just like grandma used to make!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=1",
|
||||
imageAlt: "avatar of Emily R.",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from satisfied diners who keep coming back for more homemade goodness."
|
||||
tag="Rave Reviews"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Appetizers",
|
||||
href: "/menu#appetizers",
|
||||
},
|
||||
{
|
||||
label: "Entrées",
|
||||
href: "/menu#entrees",
|
||||
},
|
||||
{
|
||||
label: "Sandwiches",
|
||||
href: "/menu#sandwiches",
|
||||
},
|
||||
{
|
||||
label: "Desserts",
|
||||
href: "/menu#desserts",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
{
|
||||
label: "Values",
|
||||
href: "/about#values",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Location & Hours",
|
||||
href: "/location",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/location",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/location#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Order",
|
||||
items: [
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "/order",
|
||||
},
|
||||
{
|
||||
label: "Pickup",
|
||||
href: "/order",
|
||||
},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "/order",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Mutt & Jeff's"
|
||||
copyrightText="© 2024 Mutt & Jeff's. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="daily-specials" data-section="daily-specials">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Daily Specials: Always Fresh, Always Flavorful"
|
||||
description="Ask your server about today's rotating specials. We're always cooking up something new and delicious!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "/order"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring-with-sauce-fresh-vegetable_74190-9937.jpg"
|
||||
imageAlt="Daily special: Fried pork ribeye plate with sides"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="left"
|
||||
fixedMediaHeight={false}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user