Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -30,29 +30,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
href: "#hero",
|
||||
name: "Home", id: "hero"
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "signature-dishes",
|
||||
href: "#signature-dishes",
|
||||
name: "Menu", id: "signature-dishes"
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
href: "#experience",
|
||||
name: "Experience", id: "experience"
|
||||
},
|
||||
{
|
||||
name: "Bookings",
|
||||
id: "booking",
|
||||
href: "#booking",
|
||||
},
|
||||
name: "Bookings", id: "booking"
|
||||
}
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#booking",
|
||||
text: "Book a Table", href: "#booking"
|
||||
}}
|
||||
brandName="HongDae"
|
||||
/>
|
||||
@@ -61,38 +52,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Melbourne’s Late-Night Korean Obsession"
|
||||
description="Crispy fried chicken, rich hotpots, and authentic Seoul street flavors that ignite the senses. Experience the vibrant energy of Seoul nightlife, right here in Melbourne."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg",
|
||||
alt: "Sarah J.",
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg", alt: "Sarah J."
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Michael C.",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Michael C."
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-pointing-away-white-uniform-looking-hesitant_176474-11730.jpg",
|
||||
alt: "Emily R.",
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-pointing-away-white-uniform-looking-hesitant_176474-11730.jpg", alt: "Emily R."
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-their-office-job-showing-inclusivity_23-2149571097.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-their-office-job-showing-inclusivity_23-2149571097.jpg", alt: "David K."
|
||||
}
|
||||
]}
|
||||
avatarText="Loved by over 900+ guests"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#booking",
|
||||
text: "Book a Table", href: "#booking"
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#signature-dishes",
|
||||
},
|
||||
text: "View Menu", href: "#signature-dishes"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,45 +88,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best KFC Ever!",
|
||||
quote: "Best Korean fried chicken I’ve had, hands down! The flavors are incredible and the chicken is perfectly crispy every time.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg?_wi=1",
|
||||
id: "1", title: "Best KFC Ever!", quote: "Best Korean fried chicken I’ve had, hands down! The flavors are incredible and the chicken is perfectly crispy every time.", name: "Sarah Johnson", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Amazing Flavors & Portions",
|
||||
quote: "Generous portions & amazing flavour, perfect for sharing with friends. Stepping into HongDae feels just like being in Seoul at night – lively and authentic!",
|
||||
name: "Michael Chen",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
id: "2", title: "Amazing Flavors & Portions", quote: "Generous portions & amazing flavour, perfect for sharing with friends. Stepping into HongDae feels just like being in Seoul at night – lively and authentic!", name: "Michael Chen", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Vibrant Atmosphere",
|
||||
quote: "A fantastic late-night spot with a vibrant atmosphere. Always a great time with friends, and the staff are super attentive. Highly recommend!",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Nightlife Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-pointing-away-white-uniform-looking-hesitant_176474-11730.jpg",
|
||||
id: "3", title: "Vibrant Atmosphere", quote: "A fantastic late-night spot with a vibrant atmosphere. Always a great time with friends, and the staff are super attentive. Highly recommend!", name: "Emily Rodriguez", role: "Nightlife Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-pointing-away-white-uniform-looking-hesitant_176474-11730.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Incredible Budae Jjigae",
|
||||
quote: "The Budae Jjigae is incredible, rich and spicy. It's the ultimate comfort food, and the service is always fast, even on busy nights. A true gem!",
|
||||
name: "David Kim",
|
||||
role: "Korean Food Lover",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-their-office-job-showing-inclusivity_23-2149571097.jpg",
|
||||
id: "4", title: "Incredible Budae Jjigae", quote: "The Budae Jjigae is incredible, rich and spicy. It's the ultimate comfort food, and the service is always fast, even on busy nights. A true gem!", name: "David Kim", role: "Korean Food Lover", imageSrc: "http://img.b2bpic.net/free-photo/people-their-office-job-showing-inclusivity_23-2149571097.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Authentic Seoul Experience",
|
||||
quote: "HongDae truly brings the energy of Seoul to Melbourne. The music, the food, the vibe – it's all so authentic and makes for an unforgettable night out.",
|
||||
name: "Jessica Lee",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Authentic Seoul Experience", quote: "HongDae truly brings the energy of Seoul to Melbourne. The music, the food, the vibe – it's all so authentic and makes for an unforgettable night out.", name: "Jessica Lee", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg"
|
||||
}
|
||||
]}
|
||||
title="What Our Guests Rave About"
|
||||
description="Boasting 4.8 ★ from 900+ reviews, our guests share their love for HongDae. From the best Korean fried chicken to generous portions and an authentic Seoul vibe, discover why we're Melbourne's favourite."
|
||||
@@ -157,40 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "kfc",
|
||||
name: "Korean Fried Chicken",
|
||||
price: "From $24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-space-right_23-2147695710.jpg",
|
||||
imageAlt: "Crispy Korean Fried Chicken",
|
||||
id: "kfc", name: "Korean Fried Chicken", price: "From $24", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-space-right_23-2147695710.jpg", imageAlt: "Crispy Korean Fried Chicken"
|
||||
},
|
||||
{
|
||||
id: "pork-belly",
|
||||
name: "Garlic Pork Belly",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-4819.jpg",
|
||||
imageAlt: "Sizzling Garlic Pork Belly",
|
||||
id: "pork-belly", name: "Garlic Pork Belly", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-4819.jpg", imageAlt: "Sizzling Garlic Pork Belly"
|
||||
},
|
||||
{
|
||||
id: "budae-jjigae",
|
||||
name: "Budae Jjigae",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370913.jpg",
|
||||
imageAlt: "Spicy Army Stew Hotpot",
|
||||
id: "budae-jjigae", name: "Budae Jjigae", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370913.jpg", imageAlt: "Spicy Army Stew Hotpot"
|
||||
},
|
||||
{
|
||||
id: "seafood-pancake",
|
||||
name: "Seafood Pancake",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kimchi-cabbage-bowl_2829-18652.jpg",
|
||||
imageAlt: "Crispy Korean Seafood Pancake",
|
||||
id: "seafood-pancake", name: "Seafood Pancake", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/kimchi-cabbage-bowl_2829-18652.jpg", imageAlt: "Crispy Korean Seafood Pancake"
|
||||
},
|
||||
{
|
||||
id: "gopchang",
|
||||
name: "Gopchang (Grilled Intestine)",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-meat-plate-decorated-with-greens-sauce-wooden-table-local-restaurant-copyspace-food-eating-appetizer-baked-delicacy-gourmet-hungry-appetite-concept_7502-5832.jpg",
|
||||
imageAlt: "Grilled Korean Gopchang",
|
||||
},
|
||||
id: "gopchang", name: "Gopchang (Grilled Intestine)", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/sliced-meat-plate-decorated-with-greens-sauce-wooden-table-local-restaurant-copyspace-food-eating-appetizer-baked-delicacy-gourmet-hungry-appetite-concept_7502-5832.jpg", imageAlt: "Grilled Korean Gopchang"
|
||||
}
|
||||
]}
|
||||
title="Our Culinary Highlights"
|
||||
description="From crispy delights to comforting hotpots, discover HongDae's most beloved and authentic Korean dishes. Get ready for a flavor journey that captures the essence of Seoul."
|
||||
@@ -202,19 +142,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "More than a meal — it’s a night out.",
|
||||
type: "text", content: "More than a meal — it’s a night out."
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Experience the vibrant energy of Seoul.",
|
||||
},
|
||||
type: "text", content: "Experience the vibrant energy of Seoul."
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Your Table", href: "#booking"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -226,35 +163,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "flavors",
|
||||
title: "Authentic Korean Flavors",
|
||||
author: "",
|
||||
description: "Savor dishes crafted with traditional recipes and fresh ingredients, bringing Seoul's true taste to Melbourne.",
|
||||
id: "flavors", title: "Authentic Korean Flavors", author: "", description: "Savor dishes crafted with traditional recipes and fresh ingredients, bringing Seoul's true taste to Melbourne.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "Delicious Korean food"
|
||||
},
|
||||
{
|
||||
id: "portions",
|
||||
title: "Generous Portions",
|
||||
author: "",
|
||||
description: "Our dishes are perfect for sharing, ensuring everyone leaves satisfied and ready for the next visit.",
|
||||
id: "portions", title: "Generous Portions", author: "", description: "Our dishes are perfect for sharing, ensuring everyone leaves satisfied and ready for the next visit.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "Delicious Korean food"
|
||||
},
|
||||
{
|
||||
id: "service",
|
||||
title: "Fast Kitchen Service",
|
||||
author: "",
|
||||
description: "Freshly prepared to order, our kitchen ensures your delicious food arrives promptly, so you can dive in faster.",
|
||||
id: "service", title: "Fast Kitchen Service", author: "", description: "Freshly prepared to order, our kitchen ensures your delicious food arrives promptly, so you can dive in faster.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "Delicious Korean food"
|
||||
},
|
||||
{
|
||||
id: "late-night",
|
||||
title: "Late-Night Opening Hours",
|
||||
author: "",
|
||||
description: "Your go-to spot for after-hours cravings, delivering vibrant Korean flavors well into the night.",
|
||||
id: "late-night", title: "Late-Night Opening Hours", author: "", description: "Your go-to spot for after-hours cravings, delivering vibrant Korean flavors well into the night.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "Delicious Korean food"
|
||||
},
|
||||
{
|
||||
id: "atmosphere",
|
||||
title: "Friendly & Lively Atmosphere",
|
||||
author: "",
|
||||
description: "Immerse yourself in a social, energetic vibe inspired by the bustling streets of Hongdae, Seoul.",
|
||||
},
|
||||
id: "atmosphere", title: "Friendly & Lively Atmosphere", author: "", description: "Immerse yourself in a social, energetic vibe inspired by the bustling streets of Hongdae, Seoul.", tags: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "Delicious Korean food"
|
||||
}
|
||||
]}
|
||||
title="Why Guests Choose HongDae"
|
||||
description="We're committed to delivering an authentic, lively, and unforgettable Korean dining experience every time. Discover the HongDae difference."
|
||||
@@ -268,23 +195,14 @@ export default function LandingPage() {
|
||||
description="Experience Melbourne's late-night Korean obsession. Peak times fill up fast, so secure your spot now! Find us at 123 Main St, Melbourne CBD. Open Mon-Sun: 5 PM - Late."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
name: "guests", type: "number", placeholder: "Number of Guests", required: true
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "datetime-local",
|
||||
placeholder: "Date & Time",
|
||||
required: true,
|
||||
},
|
||||
name: "time", type: "datetime-local", placeholder: "Date & Time", required: true
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -299,55 +217,45 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
label: "Home", href: "#hero"
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#signature-dishes",
|
||||
label: "Menu", href: "#signature-dishes"
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
label: "Experience", href: "#experience"
|
||||
},
|
||||
{
|
||||
label: "Bookings",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
label: "Bookings", href: "#booking"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "123 Main St, Melbourne CBD",
|
||||
href: "#",
|
||||
label: "123 Main St, Melbourne CBD", href: "#"
|
||||
},
|
||||
{
|
||||
label: "03 9876 5432",
|
||||
href: "tel:0398765432",
|
||||
label: "03 9876 5432", href: "tel:0398765432"
|
||||
},
|
||||
{
|
||||
label: "info@hongdae.com",
|
||||
href: "mailto:info@hongdae.com",
|
||||
},
|
||||
],
|
||||
label: "info@hongdae.com", href: "mailto:info@hongdae.com"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/hongdae",
|
||||
label: "Instagram", href: "https://instagram.com/hongdae"
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/hongdae",
|
||||
label: "Facebook", href: "https://facebook.com/hongdae"
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/hongdae",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/hongdae"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="HongDae Korean Restaurant & Bar"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user