Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 44033a000b | |||
| c83e6927d9 | |||
| a87c4c724f | |||
| db13cb3fca | |||
| e799086331 | |||
| 2fbede041e | |||
| 1d8c634b8a | |||
| 67f28f8580 | |||
| eb83508c03 | |||
| 7dd0731b88 | |||
| 841b8a4972 | |||
| 2dac25dfd6 | |||
| 7e42164380 | |||
| 22646520cc | |||
| 8bf1148673 | |||
| 441b4ba774 | |||
| f623fd3b17 | |||
| 0964a72f39 | |||
| e00433fc71 | |||
| 43b6b37713 |
151
src/app/about/page.tsx
Normal file
151
src/app/about/page.tsx
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
"use client"
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||||
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
|
import { Quote } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function AboutPage() {
|
||||||
|
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: "Home", id: "/" },
|
||||||
|
{ name: "Menu", id: "menu" },
|
||||||
|
{ name: "About", id: "about" },
|
||||||
|
{ name: "Reviews", id: "reviews" },
|
||||||
|
{ name: "Contact", id: "/contact" }
|
||||||
|
]}
|
||||||
|
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="about" data-section="about">
|
||||||
|
<MetricSplitMediaAbout
|
||||||
|
tag="Our Heritage"
|
||||||
|
title="Authentic Korean Traditions Meet Modern Hospitality"
|
||||||
|
description="Myeon Myeon was founded with a mission to bring the authentic taste of Korean ramyeon to Kuching. Our founder, passionate about Korean cuisine, spent years perfecting the recipes—from the rich, aromatic broths to the perfectly chewy noodles. Today, every bowl we serve is a testament to that dedication and our love for quality, tradition, and community."
|
||||||
|
metrics={[
|
||||||
|
{ value: "142+", title: "Satisfied Customers" },
|
||||||
|
{ value: "4.8★", title: "Customer Rating" },
|
||||||
|
{ value: "100%", title: "Fresh Daily" }
|
||||||
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/woman-pouring-coffee-mug-sitting-near-husband-talking-mobile-phone_23-2147923057.jpg?_wi=2"
|
||||||
|
imageAlt="Myeon Myeon Kitchen Team"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="story" data-section="story">
|
||||||
|
<TestimonialAboutCard
|
||||||
|
tag="Founder's Story"
|
||||||
|
title="From Korea to Your Table: A Journey of Flavor and Heart"
|
||||||
|
description="Kim Min-jun"
|
||||||
|
subdescription="Founder & Head Chef"
|
||||||
|
icon={Quote}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
mediaAnimation="blur-reveal"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="values" data-section="values">
|
||||||
|
<FeatureCardOne
|
||||||
|
title="Our Core Values"
|
||||||
|
description="What drives us every single day"
|
||||||
|
tag="Why We Do What We Do"
|
||||||
|
tagAnimation="slide-up"
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Authenticity First", description: "We never compromise on the authentic Korean flavors. Every recipe is rooted in tradition and refined through passion. From our specially sourced ingredients to our time-honored cooking techniques, authenticity is non-negotiable.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803807.jpg?_wi=2", imageAlt: "Authentic Korean Ingredients", button: { text: "Learn More", href: "#" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Affordable Excellence", description: "Great food shouldn't be expensive. We believe in delivering premium quality at prices everyone can afford. RM 1-20 per person means everyone gets a taste of Korean authenticity without breaking the bank.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steaming-bowl-ramen-with-pork-belly-egg_23-2151997977.jpg?_wi=2", imageAlt: "Affordable Quality", button: { text: "View Menu", href: "#menu" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Community Care", description: "We're more than just a restaurant—we're part of Kuching's community. Whether it's feeding busy students, office workers, or families looking for a special meal, we serve with warmth and genuine care.", imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-seafood-peppers-sesame-seeds-sauce_141793-886.jpg?_wi=2", imageAlt: "Community Gathering", button: { text: "Join Us", href: "/contact" }
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactCTA
|
||||||
|
tag="Experience It Yourself"
|
||||||
|
title="Ready to Taste Authentic Ramyeon?"
|
||||||
|
description="Come visit us at City One Megamall and discover why over 142 locals trust us for authentic Korean flavors. Open daily for lunch and dinner."
|
||||||
|
buttons={[
|
||||||
|
{ text: "Call Now", href: "tel:+60123456789" },
|
||||||
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
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?_wi=3"
|
||||||
|
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: "About Us", href: "/about" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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>
|
||||||
|
);
|
||||||
|
}
|
||||||
172
src/app/contact/page.tsx
Normal file
172
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,172 @@
|
|||||||
|
"use client"
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||||
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||||
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
|
import { MapPin, Phone, Mail } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function ContactPage() {
|
||||||
|
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: "Home", id: "/" },
|
||||||
|
{ name: "Menu", id: "menu" },
|
||||||
|
{ name: "About", id: "/about" },
|
||||||
|
{ name: "Reviews", id: "reviews" },
|
||||||
|
{ name: "Contact", id: "contact" }
|
||||||
|
]}
|
||||||
|
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="hero" data-section="hero">
|
||||||
|
<HeroSplitTestimonial
|
||||||
|
title="Get in Touch with Myeon Myeon"
|
||||||
|
description="Have questions? Want to place an order? Looking for catering? We're here to help! Reach out to us through any of the methods below."
|
||||||
|
tag="Contact Information"
|
||||||
|
tagAnimation="slide-up"
|
||||||
|
buttons={[
|
||||||
|
{ text: "Call: 013-830 1120", href: "tel:+60138301120" },
|
||||||
|
{ text: "WhatsApp Us", href: "https://wa.me/60138301120" }
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803807.jpg?_wi=3"
|
||||||
|
imageAlt="Contact Myeon Myeon"
|
||||||
|
mediaAnimation="blur-reveal"
|
||||||
|
imagePosition="right"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
name: "Customer Support", handle: "Available Daily", testimonial: "Our friendly team is ready to answer your questions and help with orders during business hours.", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79590.jpg?_wi=1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Fast Response", handle: "Quick Service", testimonial: "We respond to inquiries promptly and make ordering easy. Your satisfaction is our priority.", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/first-day-new-university_329181-2982.jpg?_wi=1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Catering Available", handle: "Events & Groups", testimonial: "Planning an event? We offer catering services for groups. Contact us for custom quotes and arrangements.", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg?_wi=1"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
testimonialRotationInterval={5000}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact-details" data-section="contact-details">
|
||||||
|
<FeatureCardOne
|
||||||
|
title="Contact Details"
|
||||||
|
description="Multiple ways to reach us"
|
||||||
|
tag="Get in Touch"
|
||||||
|
tagAnimation="slide-up"
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Call Us", description: "Phone: 013-830 1120\n\nAvailable Monday–Sunday, 11:00 AM – 10:00 PM. Call ahead for custom orders or catering inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-chopsticks-with-noodles-near-soup-with-blurred-background_181624-5487.jpg?_wi=2", imageAlt: "Call Us", button: { text: "Call Now", href: "tel:+60138301120" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Visit Us", description: "Location: City One Megamall, Kuching\n\nLocated conveniently at the mall. Easy parking and accessible by public transport. Walk-ins welcome!", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steaming-bowl-ramen-with-pork-belly-egg_23-2151997977.jpg?_wi=3", imageAlt: "Visit Location", button: { text: "Get Directions", href: "https://maps.google.com" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Email Us", description: "Email: info@myeonmyeon.my\n\nFor inquiries, feedback, or catering requests, drop us an email and we'll get back to you within 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-seafood-peppers-sesame-seeds-sauce_141793-886.jpg?_wi=3", imageAlt: "Email Contact", button: { text: "Send Email", href: "mailto:info@myeonmyeon.my" }
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="newsletter" data-section="newsletter">
|
||||||
|
<ContactSplit
|
||||||
|
tag="Stay Updated"
|
||||||
|
title="Subscribe to Our Newsletter"
|
||||||
|
description="Get exclusive offers, new menu updates, and special promotions delivered to your inbox."
|
||||||
|
background={{ variant: "sparkles-gradient" }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/woman-pouring-coffee-mug-sitting-near-husband-talking-mobile-phone_23-2147923057.jpg?_wi=3"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
mediaPosition="right"
|
||||||
|
inputPlaceholder="Enter your email"
|
||||||
|
buttonText="Subscribe"
|
||||||
|
termsText="We respect your privacy and will never spam. Unsubscribe anytime."
|
||||||
|
onSubmit={(email) => console.log('Newsletter signup:', email)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="cta" data-section="cta">
|
||||||
|
<ContactCTA
|
||||||
|
tag="Ready to Order?"
|
||||||
|
title="Call Us Today for Authentic Korean Ramyeon"
|
||||||
|
description="Phone: 013-830 1120 | Hours: 11:00 AM – 10:00 PM Daily | Location: City One Megamall, Kuching"
|
||||||
|
buttons={[
|
||||||
|
{ text: "Call Now: 013-830 1120", href: "tel:+60138301120" },
|
||||||
|
{ text: "WhatsApp Us", href: "https://wa.me/60138301120" }
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
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?_wi=4"
|
||||||
|
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: "About Us", href: "/about" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Contact", items: [
|
||||||
|
{ label: "Phone", href: "tel:+60138301120" },
|
||||||
|
{ label: "Email", href: "mailto:info@myeonmyeon.my" },
|
||||||
|
{ label: "WhatsApp", href: "https://wa.me/60138301120" },
|
||||||
|
{ 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
1408
src/app/layout.tsx
1408
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
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?_wi=2"
|
||||||
|
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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -29,7 +29,8 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "menu" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Reviews", id: "reviews" }
|
{ name: "Reviews", id: "reviews" },
|
||||||
|
{ name: "Contact", id: "/contact" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Call Now", href: "tel:+60123456789" }}
|
button={{ text: "Call Now", href: "tel:+60123456789" }}
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
@@ -51,7 +52,7 @@ export default function LandingPage() {
|
|||||||
{ text: "Get Directions", href: "https://maps.google.com" }
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803807.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/assortment-noodles-table_23-2148803807.jpg?_wi=1"
|
||||||
imageAlt="Authentic Korean Ramen Bowl"
|
imageAlt="Authentic Korean Ramen Bowl"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
@@ -84,7 +85,7 @@ export default function LandingPage() {
|
|||||||
{ value: "142+", title: "Local Customers Trust Us" },
|
{ value: "142+", title: "Local Customers Trust Us" },
|
||||||
{ value: "4.8★", title: "Highly Rated & Loved" }
|
{ value: "4.8★", title: "Highly Rated & Loved" }
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-pouring-coffee-mug-sitting-near-husband-talking-mobile-phone_23-2147923057.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-pouring-coffee-mug-sitting-near-husband-talking-mobile-phone_23-2147923057.jpg?_wi=1"
|
||||||
imageAlt="Myeon Myeon Kitchen - Fresh Noodle Preparation"
|
imageAlt="Myeon Myeon Kitchen - Fresh Noodle Preparation"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
@@ -100,13 +101,13 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Spicy Red Ramyeon", description: "Bold, fiery heat with rich broth. Topped with egg, mushroom, and green onions. RM 8.50", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-chopsticks-with-noodles-near-soup-with-blurred-background_181624-5487.jpg", imageAlt: "Spicy Red Korean Ramen", button: { text: "Order Online", href: "#contact" }
|
title: "Spicy Red Ramyeon", description: "Bold, fiery heat with rich broth. Topped with egg, mushroom, and green onions. RM 8.50", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-chopsticks-with-noodles-near-soup-with-blurred-background_181624-5487.jpg?_wi=1", imageAlt: "Spicy Red Korean Ramen", button: { text: "Order This", href: "https://wa.me/60123456789?text=I'd%20like%20to%20order%20Spicy%20Red%20Ramyeon%20(RM%208.50)" }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Classic Mild Ramyeon", description: "Comfort in a bowl. Silky noodles in delicate broth with tender vegetables. RM 7.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steaming-bowl-ramen-with-pork-belly-egg_23-2151997977.jpg", imageAlt: "Mild Korean Ramen", button: { text: "Order Online", href: "#contact" }
|
title: "Classic Mild Ramyeon", description: "Comfort in a bowl. Silky noodles in delicate broth with tender vegetables. RM 7.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steaming-bowl-ramen-with-pork-belly-egg_23-2151997977.jpg?_wi=1", imageAlt: "Mild Korean Ramen", button: { text: "Add to Cart", href: "https://wa.me/60123456789?text=I'd%20like%20to%20order%20Classic%20Mild%20Ramyeon%20(RM%207.50)" }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Seafood Deluxe Ramyeon", description: "Premium shrimp and squid in spiced broth. Our signature fusion bowl. RM 12.00", imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-seafood-peppers-sesame-seeds-sauce_141793-886.jpg", imageAlt: "Seafood Ramen with Shrimp and Squid", button: { text: "Order Online", href: "#contact" }
|
title: "Seafood Deluxe Ramyeon", description: "Premium shrimp and squid in spiced broth. Our signature fusion bowl. RM 12.00", imageSrc: "http://img.b2bpic.net/free-photo/noodles-prepared-with-seafood-peppers-sesame-seeds-sauce_141793-886.jpg?_wi=1", imageAlt: "Seafood Ramen with Shrimp and Squid", button: { text: "Order Now", href: "https://wa.me/60123456789?text=I'd%20like%20to%20order%20Seafood%20Deluxe%20Ramyeon%20(RM%2012.00)" }
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -166,7 +167,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561231.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561231.jpg?_wi=1"
|
||||||
imageAlt="Myeon Myeon Restaurant Interior"
|
imageAlt="Myeon Myeon Restaurant Interior"
|
||||||
logoText="Myeon Myeon 면면 麵麵"
|
logoText="Myeon Myeon 면면 麵麵"
|
||||||
copyrightText="© 2025 Myeon Myeon. All rights reserved."
|
copyrightText="© 2025 Myeon Myeon. All rights reserved."
|
||||||
@@ -200,4 +201,4 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #0a0a0a;
|
||||||
--card: #efe7dd;
|
--card: #1a1a1a;
|
||||||
--foreground: #2b180a;
|
--foreground: #ffffff;
|
||||||
--primary-cta: #2b180a;
|
--primary-cta: #e34400;
|
||||||
--primary-cta-text: #f6f0e9;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #010101;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #94877c;
|
--accent: #737373;
|
||||||
--background-accent: #afa094;
|
--background-accent: #e34400;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user