bender/dfe6d6bc-8926-402a-ad04-befd5954d60c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/menu/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 19:36:02 +00:00
parent 71a8e825f9
commit fc10f3daac
1 changed files with 232 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

401
src/app/menu/page.tsx
View File

@@ -2,13 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Tag } from "lucide-react";
import { Beef, Carrot, Coffee, Cookie, IceCream, Utensils } from "lucide-react";
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -27,125 +26,229 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Menu",
id: "/menu",
},
name: "Menu", id: "/menu"},
{
name: "Rewards",
id: "/rewards",
},
name: "Rewards", id: "/rewards"},
{
name: "Locations",
id: "/locations",
},
name: "Locations", id: "/locations"},
{
name: "App",
id: "/app",
},
name: "App", id: "/app"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
logoAlt="Restaurant logo"
brandName="Delicious Bites"
button={{
text: "Order Now",
href: "/menu",
}}
text: "Order Now", href: "/menu"}}
animateOnLoad={true}
/>
</div>
<div id="menu-categories" data-section="menu-categories">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "burgers",
name: "Burgers",
price: "Starting from $4.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-with-orange-background_23-2148235034.jpg",
imageAlt: "Assortment of burgers",
},
{
id: "chicken",
name: "Chicken",
price: "Starting from $3.99",
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-chicken-patty-vegetables_1220-4220.jpg",
imageAlt: "Various chicken items",
},
{
id: "sides",
name: "Fries & Sides",
price: "Starting from $2.49",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-orange-slices-dark-surface-cookies-biscuit-sweet-tea-cake_140725-118523.jpg",
imageAlt: "Fries and other sides",
},
{
id: "breakfast",
name: "Breakfast",
price: "Starting from $3.29",
imageSrc: "http://img.b2bpic.net/free-photo/cake-breakfast-board-mother-day_23-2147782721.jpg",
imageAlt: "Breakfast items",
},
{
id: "desserts",
name: "Desserts",
price: "Starting from $2.79",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-dessert-with-tangerines-candies-white-background-cream-dessert-biscuit-cake-fruit_140725-96241.jpg",
imageAlt: "Selection of desserts",
},
{
id: "drinks",
name: "Drinks",
price: "Starting from $1.99",
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-whipped-cream_23-2151939167.jpg",
imageAlt: "Variety of drinks",
},
]}
title="Our Full Menu"
description="Explore all your favorites, from juicy burgers to refreshing drinks and delicious desserts."
/>
</div>
<div id="main-menu-content" data-section="main-menu-content">
<div className="container mx-auto py-16 px-4">
<h1 className="text-5xl font-extrabold text-center mb-12">Our Delicious Menu</h1>
<div id="menu-offers" data-section="menu-offers">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Family Combo",
description: "Save big with meals designed to satisfy the whole family.",
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113382.jpg",
imageAlt: "Family combo meal",
},
{
title: "Lunch Specials",
description: "Quick and affordable lunch options available every weekday.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-round-shaped-inside-plate-with-cutlery-dark-table_140725-144193.jpg",
imageAlt: "Lunch special deal",
},
{
title: "New Item Alert",
description: "Try our latest menu creation, available for a limited time!",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-vegan-burger-with-healthy-food-sign_23-2148287548.jpg",
imageAlt: "New menu item",
},
]}
title="Special Offers & Combos"
description="Discover our current deals and perfectly paired combos for maximum value."
tag="Value Deals"
tagIcon={Tag}
/>
<div id="burgers" data-section="burgers" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Burgers"
description="Juicy, flavorful, and customizable to your heart's content."
tag="Signature"
tagIcon={Beef}
products={[
{
id: "b1", name: "Classic Cheeseburger", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burger-ingredients-cutting-board_23-2148235048.jpg", imageAlt: "Classic cheeseburger"
},
{
id: "b2", name: "Baconator Burger", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-bacon-cheese_23-2148247921.jpg", imageAlt: "Baconator burger"
},
{
id: "b3", name: "Spicy Jalapeño Burger", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-burger-with-bacon-cheese-pickles-lettuce-mayonnaise-sauce-isolated_188544-6725.jpg", imageAlt: "Spicy Jalapeño Burger"
},
{
id: "b4", name: "Mushroom Swiss Burger", price: "$7.29", imageSrc: "http://img.b2bpic.net/free-photo/big-tasty-hamburger_23-2148281358.jpg", imageAlt: "Mushroom Swiss Burger"
},
{
id: "b5", name: "Veggie Burger", price: "$6.49", imageSrc: "http://img.b2bpic.net/free-photo/veggie-burger-with-french-fries_23-2148690384.jpg", imageAlt: "Veggie Burger"
},
{
id: "b6", name: "Double Cheeseburger", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-beef-burger-with-fries_23-2148308709.jpg", imageAlt: "Double Cheeseburger"
}
]}
/>
</div>
<div id="chicken" data-section="chicken" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Chicken"
description="Crispy, tender, and always satisfying. Choose your favorite."
tag="Fried & Grilled"
tagIcon={Utensils}
products={[
{
id: "c1", name: "Crispy Chicken Sandwich", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg", imageAlt: "Crispy chicken sandwich"
},
{
id: "c2", name: "Spicy Chicken Sandwich", price: "$7.29", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-burger-plate_23-2149591030.jpg", imageAlt: "Spicy chicken sandwich"
},
{
id: "c3", name: "Chicken Nuggets (6pc)", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-nuggets-wings-breast-with-onion-salad_114579-925.jpg", imageAlt: "Chicken nuggets"
},
{
id: "c4", name: "Grilled Chicken Wrap", price: "$6.79", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-fried-chicken-fillet-fresh-vegetables_23-2148666324.jpg", imageAlt: "Grilled chicken wrap"
},
{
id: "c5", name: "Chicken Strips (3pc)", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646557.jpg", imageAlt: "Chicken strips"
},
{
id: "c6", name: "BBQ Chicken Sandwich", price: "$7.59", imageSrc: "http://img.b2bpic.net/free-photo/view-bbq-burger-wooden-board_23-2148308731.jpg", imageAlt: "BBQ chicken sandwich"
}
]}
/>
</div>
<div id="sides" data-section="sides" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Fries & Sides"
description="Perfect accompaniments to your meal, crispy and delicious."
tag="Complements"
tagIcon={Carrot}
products={[
{
id: "s1", name: "Golden French Fries (Lg)", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-lemonade_23-2148272971.jpg", imageAlt: "Large french fries"
},
{
id: "s2", name: "Onion Rings", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-appetizing-onion-rings-with-sauce_23-2148446214.jpg", imageAlt: "Onion rings"
},
{
id: "s3", name: "Mozzarella Sticks (4pc)", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sticks_1339-661.jpg", imageAlt: "Mozzarella sticks"
},
{
id: "s4", name: "Side Salad", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/bowl-vegetable-salad-with-fresh-ingredients_23-2148306048.jpg", imageAlt: "Side salad"
},
{
id: "s5", name: "Chili Cheese Fries", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fries-plate-with-cheese_23-2148408107.jpg", imageAlt: "Chili cheese fries"
},
{
id: "s6", name: "Apple Slices", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/apple-pieces-with-nuts-wooden-plate_140725-30018.jpg", imageAlt: "Apple slices"
}
]}
/>
</div>
<div id="breakfast" data-section="breakfast" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Breakfast"
description="Start your day right with our delicious breakfast options."
tag="Morning Bites"
tagIcon={Coffee}
products={[
{
id: "br1", name: "Egg & Cheese McMuffin", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg", imageAlt: "Egg & Cheese McMuffin"
},
{
id: "br2", name: "Sausage Biscuit", price: "$3.79", imageSrc: "http://img.b2bpic.net/free-photo/english-muffin-sandwich-with-sausage-egg-cheese-isolated-white-background_123827-21390.jpg", imageAlt: "Sausage Biscuit"
},
{
id: "br3", name: "Pancakes (3pc) with Syrup", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-syrup-berries_23-2148306051.jpg", imageAlt: "Pancakes"
},
{
id: "br4", name: "Hash Browns", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hash-browns-with-green-garnish_23-2148331804.jpg", imageAlt: "Hash Browns"
},
{
id: "br5", name: "Breakfast Burrito", price: "$4.79", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burrito-with-chicken-close-up-plate_23-2149591012.jpg", imageAlt: "Breakfast Burrito"
},
{
id: "br6", name: "Orange Juice", price: "$2.19", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg", imageAlt: "Orange Juice"
}
]}
/>
</div>
<div id="desserts" data-section="desserts" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Desserts"
description="Sweet treats to complete your meal or enjoy as a delightful snack."
tag="Sweet Endings"
tagIcon={Cookie}
products={[
{
id: "d1", name: "Chocolate McFlurry", price: "$3.79", imageSrc: "http://img.b2bpic.net/free-photo/swirled-frosting-texture-pink-teal-delight_23-2151988798.jpg", imageAlt: "Chocolate McFlurry"
},
{
id: "d2", name: "Apple Pie", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/apple-pie_1339-1667.jpg", imageAlt: "Apple Pie"
},
{
id: "d3", name: "Sundae", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-dessert-with-berries-chocolate-served-glass-bowl-isolated-white-background_123827-21396.jpg", imageAlt: "Sundae"
},
{
id: "d4", name: "Chocolate Chip Cookie", price: "$1.79", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-cookies-isolated_1339-1830.jpg", imageAlt: "Chocolate Chip Cookie"
},
{
id: "d5", name: "Milkshake (Chocolate)", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-7853.jpg", imageAlt: "Chocolate Milkshake"
},
{
id: "d6", name: "Vanilla Soft Serve Cone", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pink-blue_23-2148293933.jpg", imageAlt: "Vanilla Soft Serve Cone"
}
]}
/>
</div>
<div id="drinks" data-section="drinks" className="mb-24">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Drinks"
description="Quench your thirst with our wide selection of refreshing beverages."
tag="Refreshing"
tagIcon={IceCream}
products={[
{
id: "dr1", name: "Coca-Cola (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/coca-cola-glass-drink-ice-cold_1339-1229.jpg", imageAlt: "Coca-Cola"
},
{
id: "dr2", name: "Sprite (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sparkling-water-bottle-glass_23-2148967963.jpg", imageAlt: "Sprite"
},
{
id: "dr3", name: "Diet Coke (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/diet-coke-ice-glass_23-2148337775.jpg", imageAlt: "Diet Coke"
},
{
id: "dr4", name: "Iced Tea (Sweet/Unsweet)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/iced-tea_1339-1662.jpg", imageAlt: "Iced Tea"
},
{
id: "dr5", name: "Orange Juice", price: "$2.19", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg", imageAlt: "Orange Juice"
},
{
id: "dr6", name: "Water Bottle", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/water-bottle_23-2148332190.jpg", imageAlt: "Water Bottle"
}
]}
/>
</div>
</div>
</div>
<div id="footer" data-section="footer">
@@ -155,95 +258,55 @@ export default function LandingPage() {
logoText="Delicious Bites"
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Burgers",
href: "/menu#burgers",
},
label: "Burgers", href: "/menu#burgers"},
{
label: "Chicken",
href: "/menu#chicken",
},
label: "Chicken", href: "/menu#chicken"},
{
label: "Fries & Sides",
href: "/menu#sides",
},
label: "Fries & Sides", href: "/menu#sides"},
{
label: "Breakfast",
href: "/menu#breakfast",
},
label: "Breakfast", href: "/menu#breakfast"},
{
label: "Desserts",
href: "/menu#desserts",
},
label: "Desserts", href: "/menu#desserts"},
{
label: "Drinks",
href: "/menu#drinks",
},
label: "Drinks", href: "/menu#drinks"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Careers",
href: "/careers",
},
label: "Careers", href: "/careers"},
{
label: "Locations",
href: "/locations",
},
label: "Locations", href: "/locations"},
{
label: "Franchise",
href: "/locations#franchise",
},
label: "Franchise", href: "/locations#franchise"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "FAQs",
href: "/contact#faqs",
},
label: "FAQs", href: "/contact#faqs"},
{
label: "Privacy Policy",
href: "/privacy",
},
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service",
href: "/terms",
},
label: "Terms of Service", href: "/terms"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Rewards",
href: "/rewards",
},
label: "Rewards", href: "/rewards"},
{
label: "Mobile App",
href: "/app",
},
label: "Mobile App", href: "/app"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
],
},
]}