Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e1de9580e4 | |||
| 4bdb97fa10 | |||
| 6df413260b |
338
src/app/page.tsx
338
src/app/page.tsx
@@ -33,89 +33,46 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "홈", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "소개", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
name: "메뉴", id: "product"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "문의", id: "contact"},
|
||||
]}
|
||||
brandName="Yeon Gyeong"
|
||||
brandName="연경"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Flavors, Timeless Tradition"
|
||||
description="Experience the true essence of Chinese cuisine at Yeon Gyeong, where heritage meets excellence in every bite."
|
||||
variant: "gradient-bars"}}
|
||||
title="정통의 맛, 시대를 초월한 전통"
|
||||
description="연경에서 중식의 진정한 정수를 경험하세요. 모든 한 입마다 전통과 탁월함이 만납니다."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#product",
|
||||
},
|
||||
text: "메뉴 보기", href: "#product"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "예약하기", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-traditional-indonesian-bakso_23-2148933292.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-asian-man-home_23-2149628589.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chatting-with-girlfriend_1098-16717.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "고객" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552679.jpg", alt: "고객" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-asian-man-home_23-2149628589.jpg", alt: "고객" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chatting-with-girlfriend_1098-16717.jpg", alt: "고객" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg", alt: "고객" },
|
||||
]}
|
||||
avatarText="Join 15,000+ happy diners"
|
||||
avatarText="15,000명 이상의 만족한 고객"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Dim Sum Perfection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Style Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heritage Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Atmosphere",
|
||||
},
|
||||
{ type: "text", text: "완벽한 딤섬" },
|
||||
{ type: "text", text: "가족 식사" },
|
||||
{ type: "text", text: "매일 신선한 재료" },
|
||||
{ type: "text", text: "전통 레시피" },
|
||||
{ type: "text", text: "진정한 분위기" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,21 +80,12 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
description="For over two decades, Yeon Gyeong has been serving authentic Chinese recipes passed down through generations. We source the finest ingredients to ensure a dining experience that is both nourishing and memorable."
|
||||
title="맛의 유산"
|
||||
description="20년 넘게 연경은 세대를 이어온 정통 중식 레시피를 제공해 왔습니다. 가장 신선한 재료만을 사용하여 건강하고 기억에 남는 식사를 약속합니다."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Authentic Recipes",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
{ value: "20+", title: "전통의 세월" },
|
||||
{ value: "50+", title: "정통 레시피" },
|
||||
{ value: "100%", title: "신선한 재료" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-white-suit-gloves-designing-meat-meal-inside-kitchen-food-meal-meat_140725-26014.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -151,34 +99,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Handcrafted Dishes",
|
||||
description: "Every dish is meticulously prepared from scratch.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh Seasonal Produce",
|
||||
description: "Only the freshest ingredients make it into our kitchen.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Traditional Methods",
|
||||
description: "Slow-cooked recipes that honor our rich culinary heritage.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Warm Hospitality",
|
||||
description: "We treat every guest like a member of our family.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Award-Winning Taste",
|
||||
description: "Recognized for culinary excellence throughout the city.",
|
||||
},
|
||||
{ icon: Utensils, title: "수제 요리", description: "모든 요리는 정성을 다해 처음부터 직접 만듭니다." },
|
||||
{ icon: Leaf, title: "신선한 제철 재료", description: "가장 신선한 재료만을 엄선합니다." },
|
||||
{ icon: Clock, title: "전통 방식", description: "우리의 풍부한 미식 유산을 존중하는 슬로우 쿠킹 레시피." },
|
||||
{ icon: Users, title: "따뜻한 환대", description: "모든 손님을 가족처럼 대합니다." },
|
||||
{ icon: Award, title: "수상 경력의 맛", description: "도시 전역에서 인정받은 최고의 맛." },
|
||||
]}
|
||||
title="Why Dine With Us"
|
||||
description="We take pride in every detail, ensuring your visit to Yeon Gyeong is an exceptional experience."
|
||||
title="연경을 선택해야 하는 이유"
|
||||
description="세심한 부분까지 정성을 다하여 최고의 식사를 제공합니다."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -189,45 +117,15 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Dumplings",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053704.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chef's Special Noodles",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-arrangement_23-2149076077.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Authentic Stir-fry",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-noodles-with-chicken-vegetables_1220-7574.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Aromatic Fried Rice",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-fried-rice-with-vegetables-wooden-table-top-view-copy-space_123827-32331.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Steamed Bao Buns",
|
||||
price: "$10.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-herbs-spices-plate_84443-94459.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sweet & Sour Pork",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-fish-tomato-sauce-served-with-pomegranate-seeds-cherry-tomato-pepper-slices_140725-8461.jpg",
|
||||
},
|
||||
{ id: "1", name: "대표 딤섬", price: "₩12,000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053704.jpg" },
|
||||
{ id: "2", name: "셰프 추천 면요리", price: "₩18,500", imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-arrangement_23-2149076077.jpg" },
|
||||
{ id: "3", name: "정통 볶음 요리", price: "₩16,000", imageSrc: "http://img.b2bpic.net/free-photo/vegan-noodles-with-chicken-vegetables_1220-7574.jpg" },
|
||||
{ id: "4", name: "향긋한 볶음밥", price: "₩14,000", imageSrc: "http://img.b2bpic.net/free-photo/white-fried-rice-with-vegetables-wooden-table-top-view-copy-space_123827-32331.jpg" },
|
||||
{ id: "5", name: "수제 찐빵", price: "₩10,500", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-herbs-spices-plate_84443-94459.jpg" },
|
||||
{ id: "6", name: "탕수육", price: "₩19,000", imageSrc: "http://img.b2bpic.net/free-photo/roasted-fish-tomato-sauce-served-with-pomegranate-seeds-cherry-tomato-pepper-slices_140725-8461.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our curated collection of traditional and modern favorites."
|
||||
title="대표 메뉴"
|
||||
description="전통과 현대적인 감각이 어우러진 다양한 요리를 만나보세요."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -237,44 +135,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best chinese food in the city! Truly authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-iced-coffee_23-2149910914.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "I love the dumplings. Always consistent and fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Lee",
|
||||
handle: "@mlee",
|
||||
testimonial: "Excellent service and atmosphere. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Park",
|
||||
handle: "@epark",
|
||||
testimonial: "Great variety, perfect for family dinners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Choi",
|
||||
handle: "@dchoi",
|
||||
testimonial: "Authentic tastes that take me back home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
|
||||
},
|
||||
{ id: "1", name: "김철수", handle: "@chulsoo", testimonial: "도시 최고의 중식당! 정말 정통의 맛이에요.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-iced-coffee_23-2149910914.jpg" },
|
||||
{ id: "2", name: "이영희", handle: "@younghee", testimonial: "딤섬을 정말 좋아해요. 항상 신선하고 맛있습니다.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
{ id: "3", name: "박지민", handle: "@jimin", testimonial: "서비스와 분위기 모두 훌륭합니다. 강력 추천해요!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg" },
|
||||
{ id: "4", name: "최수진", handle: "@sujin", testimonial: "다양한 메뉴가 있어 가족 모임으로 완벽해요.", imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg" },
|
||||
{ id: "5", name: "정현우", handle: "@hyunwoo", testimonial: "고향의 맛이 느껴져서 너무 좋았습니다.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg" },
|
||||
]}
|
||||
title="Stories from Our Guests"
|
||||
description="See what our loyal diners have to say about their experience at Yeon Gyeong."
|
||||
title="고객들의 후기"
|
||||
description="연경에서의 경험에 대해 우리 고객분들이 남겨주신 소중한 후기입니다."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,30 +153,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with pride",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5,000+",
|
||||
title: "Dumplings Steamed",
|
||||
description: "Weekly average",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Global Awards",
|
||||
description: "For culinary excellence",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "15,000+", title: "만족한 고객", description: "정성을 다해 모셨습니다.", icon: Users },
|
||||
{ id: "m2", value: "5,000+", title: "딤섬 판매량", description: "주간 평균", icon: Utensils },
|
||||
{ id: "m3", value: "12", title: "국제 수상", description: "요리 우수성 인정", icon: Award },
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="A snapshot of our impact and commitment to excellence."
|
||||
title="숫자로 보는 연경"
|
||||
description="우리의 열정과 헌신을 보여주는 수치들입니다."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -317,24 +167,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we recommend booking in advance for groups larger than 4.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, free street parking is available in front of the restaurant.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes, we offer both pickup and local delivery services.",
|
||||
},
|
||||
{ id: "f1", title: "예약이 가능한가요?", content: "네, 4인 이상의 단체는 미리 예약하시는 것을 권장합니다." },
|
||||
{ id: "f2", title: "주차 시설이 있나요?", content: "네, 매장 앞 노상 주차 공간을 무료로 이용하실 수 있습니다." },
|
||||
{ id: "f3", title: "포장 주문 가능한가요?", content: "네, 방문 포장 및 배달 서비스 모두 이용 가능합니다." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Get quick answers about our services and policies."
|
||||
title="자주 묻는 질문"
|
||||
description="서비스 및 이용 정책에 관한 궁금한 점을 해결해 드립니다."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food-shop_23-2149287847.jpg"
|
||||
/>
|
||||
@@ -343,34 +181,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us Today"
|
||||
description="Need to reach us or book a table? Fill out the form and we'll get back to you shortly."
|
||||
title="오늘 방문하세요"
|
||||
description="문의 사항이 있거나 예약을 원하시면 양식을 작성해 주세요. 곧 연락드리겠습니다."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: false,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "이름", required: true },
|
||||
{ name: "email", type: "email", placeholder: "이메일", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "인원수", required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your reservation request or inquiry...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "예약 요청 및 문의 사항...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-japanese-street-food-restaurant_23-2149410175.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -378,32 +196,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "소개", href: "#about" }, { label: "메뉴", href: "#product" }] },
|
||||
{ items: [{ label: "문의", href: "#contact" }, { label: "개인정보처리방침", href: "#" }] },
|
||||
]}
|
||||
logoText="Yeon Gyeong"
|
||||
logoText="연경"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user