Update src/app/page.tsx
This commit is contained in:
312
src/app/page.tsx
312
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Reservations", id: "contact"},
|
||||
]}
|
||||
brandName="등대식육식당"
|
||||
/>
|
||||
@@ -52,107 +44,41 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="등대식육식당: The Essence of Hanwoo"
|
||||
description="Experience the legendary freshness of locally-sourced Hanwoo beef. An authentic Mokpo tradition, refined for the modern epicurean."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg?_wi=1",
|
||||
imageAlt: "Premium Hanwoo Beef Platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg?_wi=1",
|
||||
imageAlt: "Fresh Beef Slices",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg?_wi=1",
|
||||
imageAlt: "Signature Cuts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thin-fried-beef-wraps-oval-cast-iron-pan_140725-512.jpg",
|
||||
imageAlt: "Hanwoo Beef Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg",
|
||||
imageAlt: "Grilled Perfection",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg", imageAlt: "Premium Hanwoo Beef Platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg", imageAlt: "Fresh Beef Slices" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg", imageAlt: "Signature Cuts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/thin-fried-beef-wraps-oval-cast-iron-pan_140725-512.jpg", imageAlt: "Hanwoo Beef Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg", imageAlt: "Grilled Perfection" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122045.jpg",
|
||||
imageAlt: "Hanwoo Experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-homemade-potatoes-fried-mushrooms_140725-2104.jpg",
|
||||
imageAlt: "Freshness Guaranteed",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-vegetable_1203-9901.jpg",
|
||||
imageAlt: "Special Cuts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-beef_1232-2539.jpg",
|
||||
imageAlt: "Local Famous Spot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg",
|
||||
imageAlt: "Premium Quality",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122045.jpg", imageAlt: "Hanwoo Experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-homemade-potatoes-fried-mushrooms_140725-2104.jpg", imageAlt: "Freshness Guaranteed" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-vegetable_1203-9901.jpg", imageAlt: "Special Cuts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-beef_1232-2539.jpg", imageAlt: "Local Famous Spot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg", imageAlt: "Premium Quality" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Reserve Now", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-vertical-shot-meat-assortment-with-sauces_181624-23621.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rib-rib-restaurant-process-preparing-pork-ribs-open-fire_1321-4666.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-japanese-meal-composition_23-2148809882.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091580.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-japanese-meal-composition_23-2148809884.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/overhead-vertical-shot-meat-assortment-with-sauces_181624-23621.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rib-rib-restaurant-process-preparing-pork-ribs-open-fire_1321-4666.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-japanese-meal-composition_23-2148809882.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091580.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-japanese-meal-composition_23-2148809884.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500k+ happy local diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hanwoo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Taste",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Craft",
|
||||
},
|
||||
{ type: "text", text: "Premium Hanwoo" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Authentic Taste" },
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
{ type: "text", text: "Traditional Craft" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,60 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Special Hanwoo Cuts",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-beef-slices-with-fresh-spices-vegetables-dark-background_1150-24792.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Premium Marbled Beef",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-matsusaka-beef-sashimi_74190-5891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Classic",
|
||||
name: "Fresh Brisket",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-steak-old-wooden-board-dark-background-closeup_1220-6742.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Signature",
|
||||
name: "Raw Beef Tartare",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122048.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Classic",
|
||||
name: "Ribeye Special",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-raw-beef-steak-with-rosemary-spices-dark-slate_84443-72466.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Classic",
|
||||
name: "Chef's Tasting Board",
|
||||
price: "Market Price",
|
||||
rating: 5,
|
||||
reviewCount: "640",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roll-meat-with-lemon-slices-glass-red-wine_141793-4113.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Signature", name: "Special Hanwoo Cuts", price: "Market Price", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/raw-beef-slices-with-fresh-spices-vegetables-dark-background_1150-24792.jpg" },
|
||||
{ id: "p2", brand: "Signature", name: "Premium Marbled Beef", price: "Market Price", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-matsusaka-beef-sashimi_74190-5891.jpg" },
|
||||
{ id: "p3", brand: "Classic", name: "Fresh Brisket", price: "Market Price", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-steak-old-wooden-board-dark-background-closeup_1220-6742.jpg" },
|
||||
{ id: "p4", brand: "Signature", name: "Raw Beef Tartare", price: "Market Price", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122048.jpg" },
|
||||
{ id: "p5", brand: "Classic", name: "Ribeye Special", price: "Market Price", rating: 5, reviewCount: "720", imageSrc: "http://img.b2bpic.net/free-photo/fresh-raw-beef-steak-with-rosemary-spices-dark-slate_84443-72466.jpg" },
|
||||
{ id: "p6", brand: "Classic", name: "Chef's Tasting Board", price: "Market Price", rating: 5, reviewCount: "640", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roll-meat-with-lemon-slices-glass-red-wine_141793-4113.jpg" }
|
||||
]}
|
||||
title="Signature Cuts"
|
||||
description="From buttery tenderloin to rich, marbled brisket, explore our premium selection of Hanwoo beef sourced fresh daily."
|
||||
@@ -229,21 +107,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Freshness"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Years of Tradition",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Guests",
|
||||
value: "500k+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Local Favorite",
|
||||
value: "#1",
|
||||
},
|
||||
{ icon: Star, label: "Years of Tradition", value: "20+" },
|
||||
{ icon: Users, label: "Satisfied Guests", value: "500k+" },
|
||||
{ icon: Award, label: "Local Favorite", value: "#1" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -254,61 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Min-Ho Kim",
|
||||
date: "2023-11",
|
||||
title: "Incredible quality",
|
||||
quote: "The beef melts in your mouth.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187827.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg?_wi=2",
|
||||
imageAlt: "happy korean food customer eating beef",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
date: "2023-10",
|
||||
title: "Worth the wait!",
|
||||
quote: "The freshness is unmatched.",
|
||||
tag: "Tourist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-conversation-bar_23-2152024850.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg?_wi=2",
|
||||
imageAlt: "happy korean food customer eating beef",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ji-Hoon Park",
|
||||
date: "2023-09",
|
||||
title: "Local secret",
|
||||
quote: "Simply spectacular.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-trying-food_23-2149008717.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg?_wi=2",
|
||||
imageAlt: "happy korean food customer eating beef",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Eun-Ji Choi",
|
||||
date: "2023-08",
|
||||
title: "Perfect for dinners",
|
||||
quote: "Great value, amazing atmosphere.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187785.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-meat_23-2148491278.jpg",
|
||||
imageAlt: "happy korean food customer eating beef",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wang",
|
||||
date: "2023-07",
|
||||
title: "Amazing raw beef",
|
||||
quote: "Exceptional quality.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-people-eating-asian-food_23-2150288248.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg?_wi=1",
|
||||
imageAlt: "happy korean food customer eating beef",
|
||||
},
|
||||
{ id: "1", name: "Min-Ho Kim", date: "2023-11", title: "Incredible quality", quote: "The beef melts in your mouth.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg", imageAlt: "happy korean food customer eating beef" },
|
||||
{ id: "2", name: "Sarah Lee", date: "2023-10", title: "Worth the wait!", quote: "The freshness is unmatched.", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-conversation-bar_23-2152024850.jpg", imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg", imageAlt: "happy korean food customer eating beef" },
|
||||
{ id: "3", name: "Ji-Hoon Park", date: "2023-09", title: "Local secret", quote: "Simply spectacular.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-trying-food_23-2149008717.jpg", imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg", imageAlt: "happy korean food customer eating beef" },
|
||||
{ id: "4", name: "Eun-Ji Choi", date: "2023-08", title: "Perfect for dinners", quote: "Great value, amazing atmosphere.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187785.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-meat_23-2148491278.jpg", imageAlt: "happy korean food customer eating beef" },
|
||||
{ id: "5", name: "David Wang", date: "2023-07", title: "Amazing raw beef", quote: "Exceptional quality.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-people-eating-asian-food_23-2150288248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg", imageAlt: "happy korean food customer eating beef" }
|
||||
]}
|
||||
title="Words From Our Patrons"
|
||||
description="Discover why locals and travelers alike return to 등대식육식당 for the ultimate Hanwoo experience."
|
||||
@@ -321,51 +137,21 @@ export default function LandingPage() {
|
||||
title="Secure Your Table"
|
||||
description="We are a busy local spot. Reservations are recommended for groups, or join us early for walk-ins."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Reservation Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Reservation Date", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Special requests or notes",
|
||||
rows: 3,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg?_wi=2"
|
||||
textarea={{ name: "notes", placeholder: "Special requests or notes", rows: 3 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="등대식육식당"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 등대식육식당. All rights reserved.",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 등대식육식당. All rights reserved.", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user