Add src/app/menu/page.tsx
This commit is contained in:
141
src/app/menu/page.tsx
Normal file
141
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,141 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Myeon Myeon"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" }
|
||||
]}
|
||||
button={{ text: "Call Now", href: "tel:+60123456789" }}
|
||||
animateOnLoad={true}
|
||||
className="bg-opacity-95 shadow-sm"
|
||||
navItemClassName="text-sm font-medium"
|
||||
buttonClassName="px-4 py-2 rounded-full font-semibold"
|
||||
buttonTextClassName="text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ramyeon-addons" data-section="ramyeon-addons" className="pt-20">
|
||||
<FeatureCardOne
|
||||
title="Ramyeon Add-Ons"
|
||||
description="Customize your perfect bowl with our delicious toppings and extras."
|
||||
tag="Signature Toppings"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Soft Boiled Egg", description: "Creamy, perfectly cooked egg with runny yolk. Adds richness and protein to your bowl. RM 1.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fried-egg-white-plate_23-2148153270.jpg", imageAlt: "Soft Boiled Egg", button: { text: "Add", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Grilled Chicken Breast", description: "Tender, seasoned chicken strips. Adds lean protein and a smoky flavor to elevate your ramyeon. RM 4.50", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-plate-with-vegetables_23-2148841234.jpg", imageAlt: "Grilled Chicken Breast", button: { text: "Add", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Extra Mushrooms", description: "Fresh shiitake and button mushrooms sautéed in garlic. Adds umami depth and earthiness. RM 2.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mushrooms-wooden-board_23-2148953000.jpg", imageAlt: "Extra Mushrooms", button: { text: "Add", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Cheese Mozzarella", description: "Melted mozzarella cheese for a creamy fusion twist. Creates a rich, smooth texture. RM 3.00", imageSrc: "http://img.b2bpic.net/free-photo/melted-cheese-close-up_23-2148756123.jpg", imageAlt: "Cheese Mozzarella", button: { text: "Add", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Pork Belly Slices", description: "Tender, fatty pork belly cooked perfectly. Adds savory, buttery notes to complement the spicy broth. RM 5.50", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-belly-closeup_23-2149234567.jpg", imageAlt: "Pork Belly Slices", button: { text: "Add", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Kimchi", description: "Fermented Korean kimchi for extra spice and tang. Perfect for kimchi lovers. RM 2.50", imageSrc: "http://img.b2bpic.net/free-photo/fermented-kimchi-jar-table_23-2148234567.jpg", imageAlt: "Kimchi", button: { text: "Add", href: "#" }
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="drinks" data-section="drinks">
|
||||
<FeatureCardOne
|
||||
title="Refreshing Drinks"
|
||||
description="Cool down your spicy ramyeon experience with our selection of beverages."
|
||||
tag="Perfect Pairings"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Iced Lemonade", description: "Freshly squeezed lemon juice with a touch of honey. Crisp, refreshing, and the perfect palate cleanser. RM 3.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-lemonade-glass-ice_23-2148567890.jpg", imageAlt: "Iced Lemonade", button: { text: "Order", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Korean Iced Tea (Yujacha Cold)", description: "Traditional yujacha served cold with citrus slices. Tangy, naturally sweet, and soothes spicy heat. RM 4.00", imageSrc: "http://img.b2bpic.net/free-photo/korean-citrus-tea-glass_23-2148789012.jpg", imageAlt: "Korean Iced Tea", button: { text: "Order", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Mango Lassi", description: "Creamy yogurt drink with fresh mango puree. Smooth, tropical, and cools down spicy flavors beautifully. RM 4.50", imageSrc: "http://img.b2bpic.net/free-photo/mango-lassi-glass_23-2148901234.jpg", imageAlt: "Mango Lassi", button: { text: "Order", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Iced Ginger Ale", description: "Homemade ginger ale with real ginger pieces. Spicy ginger notes complement the ramyeon perfectly. RM 3.50", imageSrc: "http://img.b2bpic.net/free-photo/ginger-ale-glass-ice_23-2148345678.jpg", imageAlt: "Iced Ginger Ale", button: { text: "Order", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Peach Iced Tea", description: "Sweet peach-flavored tea served ice-cold. Fruity sweetness balances the spicy ramyeon broth. RM 3.50", imageSrc: "http://img.b2bpic.net/free-photo/peach-iced-tea-glass_23-2148456789.jpg", imageAlt: "Peach Iced Tea", button: { text: "Order", href: "#" }
|
||||
},
|
||||
{
|
||||
title: "Calamansi Juice", description: "Fresh Filipino-style calamansi juice with a pinch of salt. Zesty, refreshing, and pairs perfectly with noodles. RM 3.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-calamansi-juice_23-2148567012.jpg", imageAlt: "Calamansi Juice", button: { text: "Order", href: "#" }
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561231.jpg"
|
||||
imageAlt="Myeon Myeon Restaurant Interior"
|
||||
logoText="Myeon Myeon 면면 麵麵"
|
||||
copyrightText="© 2025 Myeon Myeon. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant", items: [
|
||||
{ label: "Location", href: "https://maps.google.com" },
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Order Online", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone", href: "tel:+60123456789" },
|
||||
{ label: "Email", href: "mailto:info@myeonmyeon.my" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/60123456789" },
|
||||
{ label: "Visit Us", href: "https://maps.google.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com/myeonmyeon" },
|
||||
{ label: "Instagram", href: "https://instagram.com/myeonmyeon" },
|
||||
{ label: "TikTok", href: "https://tiktok.com/@myeonmyeon" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user