Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { ShoppingBag, Truck, Utensils } from "lucide-react";
|
||||
import { ShoppingBag, Truck, Utensils, Star, Heart, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mukja"
|
||||
/>
|
||||
@@ -62,63 +52,33 @@ export default function LandingPage() {
|
||||
description="Experience the heart of Korean cuisine at Mukja. From traditional favorites to modern comfort, every dish is prepared with care."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best Korean spot in the city! So authentic and cozy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The best Korean spot in the city! So authentic and cozy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg"},
|
||||
{
|
||||
name: "Marc L.",
|
||||
handle: "@marcl",
|
||||
testimonial: "Excellent service and generous portions. Loved the atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=1",
|
||||
},
|
||||
name: "Marc L.", handle: "@marcl", testimonial: "Excellent service and generous portions. Loved the atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dk_mtl",
|
||||
testimonial: "Incredible bibimbap, just like my grandmother's cooking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg?_wi=1",
|
||||
},
|
||||
name: "David K.", handle: "@dk_mtl", testimonial: "Incredible bibimbap, just like my grandmother's cooking.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena_eats",
|
||||
testimonial: "Super fresh ingredients and a very welcoming staff.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena P.", handle: "@elena_eats", testimonial: "Super fresh ingredients and a very welcoming staff.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg"},
|
||||
{
|
||||
name: "Robert S.",
|
||||
handle: "@bob_foodie",
|
||||
testimonial: "The kimchi is absolutely addictive. Can't stop coming back!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg?_wi=1",
|
||||
},
|
||||
name: "Robert S.", handle: "@bob_foodie", testimonial: "The kimchi is absolutely addictive. Can't stop coming back!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tofu-yolk-boiled-spicy-soup_1150-42890.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tofu-yolk-boiled-spicy-soup_1150-42890.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg",
|
||||
alt: "Happy customer at table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg", alt: "Happy customer at table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
alt: "Smiling student eating",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg", alt: "Smiling student eating"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg",
|
||||
alt: "Happy redhead dining",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg", alt: "Happy redhead dining"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
alt: "Satisfied cafe visitor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Satisfied cafe visitor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
||||
alt: "Woman drinking coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg", alt: "Woman drinking coffee"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,17 +89,14 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Served",
|
||||
value: "5+",
|
||||
},
|
||||
icon: Clock,
|
||||
label: "Years Served", value: "5+"},
|
||||
{
|
||||
label: "Satisfied Guests",
|
||||
value: "10k+",
|
||||
},
|
||||
icon: Heart,
|
||||
label: "Satisfied Guests", value: "10k+"},
|
||||
{
|
||||
label: "Authentic Dishes",
|
||||
value: "40+",
|
||||
},
|
||||
icon: Star,
|
||||
label: "Authentic Dishes", value: "40+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -153,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jjajangmyun",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529786.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Jjajangmyun", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529786.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dakgangjung",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-beef-oriental-spice-steak_1253-447.jpg",
|
||||
},
|
||||
id: "2", name: "Dakgangjung", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/spicy-beef-oriental-spice-steak_1253-447.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bibimbap",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-veggie-dish-still-life_23-2151190780.jpg",
|
||||
},
|
||||
id: "3", name: "Bibimbap", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-veggie-dish-still-life_23-2151190780.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Naengmyeon",
|
||||
price: "$17.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-japanese-ramen-noodle-soup-with-pork-egg_84443-85689.jpg",
|
||||
},
|
||||
id: "4", name: "Naengmyeon", price: "$17.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-japanese-ramen-noodle-soup-with-pork-egg_84443-85689.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pajeon",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-inside-red-plate-dark_140725-104747.jpg",
|
||||
},
|
||||
id: "5", name: "Pajeon", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-inside-red-plate-dark_140725-104747.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kimchi",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tomato-vegetable-salad-with-grilled-meat-generative-ai_188544-8308.jpg",
|
||||
},
|
||||
id: "6", name: "Kimchi", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-tomato-vegetable-salad-with-grilled-meat-generative-ai_188544-8308.jpg"},
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Savor the essence of Seoul with our carefully curated selection of signature dishes."
|
||||
@@ -200,32 +133,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Dine-in Service",
|
||||
description: "Enjoy our cozy seating for an authentic experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-paneer-cheese-assortment_23-2149033343.jpg",
|
||||
imageAlt: "korean restaurant interior small authentic",
|
||||
title: "Dine-in Service", description: "Enjoy our cozy seating for an authentic experience.", bentoComponent: "reveal-icon", icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "Takeout Ready",
|
||||
description: "Quick and efficient service for your busy days.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShoppingBag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tofu-yolk-boiled-spicy-soup_1150-42890.jpg?_wi=2",
|
||||
imageAlt: "korean restaurant interior small authentic",
|
||||
title: "Takeout Ready", description: "Quick and efficient service for your busy days.", bentoComponent: "reveal-icon", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
title: "Delivery Options",
|
||||
description: "Bring our flavors straight to your doorstep.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529786.jpg?_wi=2",
|
||||
imageAlt: "korean restaurant interior small authentic",
|
||||
title: "Delivery Options", description: "Bring our flavors straight to your doorstep.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="Dining at Mukja"
|
||||
description="Whether you're looking for a quick lunch or a traditional evening meal, we have you covered."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -236,40 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elizabeth R.",
|
||||
handle: "@elizr",
|
||||
testimonial: "Traditional concepts, great food. Truly authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Elizabeth R.", handle: "@elizr", testimonial: "Traditional concepts, great food. Truly authentic.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kid JL",
|
||||
handle: "@kidjl",
|
||||
testimonial: "Service was professional and efficient. A must-try.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Kid JL", handle: "@kidjl", testimonial: "Service was professional and efficient. A must-try.", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Britney V.",
|
||||
handle: "@britv",
|
||||
testimonial: "Portions are generous and flavors are incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Britney V.", handle: "@britv", testimonial: "Portions are generous and flavors are incredible.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Great value, delicious food. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Alex K.", handle: "@alexk", testimonial: "Great value, delicious food. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
handle: "@jp",
|
||||
testimonial: "The kimchi is just like home. Authentic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jordan P.", handle: "@jp", testimonial: "The kimchi is just like home. Authentic!", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="See why our community loves dining at Mukja."
|
||||
@@ -282,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We are a small counter; reservations aren't required but seating can fill up quickly during weekends.",
|
||||
},
|
||||
id: "1", title: "Do I need a reservation?", content: "We are a small counter; reservations aren't required but seating can fill up quickly during weekends."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we partner with major delivery services for your convenience.",
|
||||
},
|
||||
id: "2", title: "Do you offer delivery?", content: "Yes, we partner with major delivery services for your convenience."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you open on holidays?",
|
||||
content: "Check our latest social media updates for special holiday hours.",
|
||||
},
|
||||
id: "3", title: "Are you open on holidays?", content: "Check our latest social media updates for special holiday hours."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to our most popular inquiries."
|
||||
@@ -307,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="6139 Sherbrooke St W, Montreal. Come enjoy a meal with us today!"
|
||||
@@ -319,29 +203,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Popular",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Popular", href: "#menu"},
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Full Menu", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(514) 621-4208",
|
||||
href: "tel:5146214208",
|
||||
},
|
||||
label: "(514) 621-4208", href: "tel:5146214208"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Directions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user