Merge version_2 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="饌食"
|
||||
/>
|
||||
@@ -56,8 +48,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Cantonese Dim Sum, Tradition in Every Bite"
|
||||
description="Experience time-honored flavors and warm hospitality at our traditional tea house. From handcrafted dumplings to signature soups, every dish honors Hong Kong's culinary heritage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-chinese-steamed-dumplings-with-salad-steamer-basket-with-black-white-sesame-seeds_23-2148123589.jpg"
|
||||
@@ -70,18 +61,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Soul of Our Kitchen",
|
||||
},
|
||||
type: "text", content: "The Soul of Our Kitchen"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-asian-food-plate-with-chopsticks_23-2148382833.jpg",
|
||||
alt: "Chef crafting dumplings",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-asian-food-plate-with-chopsticks_23-2148382833.jpg", alt: "Chef crafting dumplings"},
|
||||
{
|
||||
type: "text",
|
||||
content: "We blend traditional techniques with fresh, local ingredients to bring you the authentic taste of Hong Kong.",
|
||||
},
|
||||
type: "text", content: "We blend traditional techniques with fresh, local ingredients to bring you the authentic taste of Hong Kong."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Har Gow Dumplings",
|
||||
description: "Delicate, translucent skin with fresh, succulent shrimp filling.",
|
||||
tag: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-buns-hot-tasty-fresh-inside-bread-bin-pink_140725-24302.jpg",
|
||||
},
|
||||
id: "f1", title: "Har Gow Dumplings", description: "Delicate, translucent skin with fresh, succulent shrimp filling.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-buns-hot-tasty-fresh-inside-bread-bin-pink_140725-24302.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Siu Mai",
|
||||
description: "Hand-folded pork and shrimp dumplings steamed to perfection.",
|
||||
tag: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dim-sum-dumpling_74190-5968.jpg",
|
||||
},
|
||||
id: "f2", title: "Siu Mai", description: "Hand-folded pork and shrimp dumplings steamed to perfection.", tag: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/dim-sum-dumpling_74190-5968.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Signature Soups",
|
||||
description: "Slow-simmered herbal broths served in clay pots.",
|
||||
tag: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-asian-food-high-angle_23-2148771245.jpg",
|
||||
},
|
||||
id: "f3", title: "Signature Soups", description: "Slow-simmered herbal broths served in clay pots.", tag: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/traditional-asian-food-high-angle_23-2148771245.jpg"},
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="Discover the craftsmanship behind our signature dishes."
|
||||
@@ -127,47 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Shrimp Dumplings",
|
||||
price: "$120",
|
||||
variant: "Steamed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-tart-wood_1150-12285.jpg",
|
||||
},
|
||||
id: "p1", name: "Shrimp Dumplings", price: "$120", variant: "Steamed", imageSrc: "http://img.b2bpic.net/free-photo/egg-tart-wood_1150-12285.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pork Buns",
|
||||
price: "$90",
|
||||
variant: "Steamed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-still-life-high-angle_23-2149325287.jpg",
|
||||
},
|
||||
id: "p2", name: "Pork Buns", price: "$90", variant: "Steamed", imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-still-life-high-angle_23-2149325287.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Char Siu Bao",
|
||||
price: "$100",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_74190-640.jpg",
|
||||
},
|
||||
id: "p3", name: "Char Siu Bao", price: "$100", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_74190-640.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Assorted Platter",
|
||||
price: "$350",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-steamed-buns-wooden-tray-textured-backdrop_23-2148123752.jpg",
|
||||
},
|
||||
id: "p4", name: "Assorted Platter", price: "$350", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/two-steamed-buns-wooden-tray-textured-backdrop_23-2148123752.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spring Rolls",
|
||||
price: "$80",
|
||||
variant: "Fried",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-composition_23-2149035109.jpg",
|
||||
},
|
||||
id: "p5", name: "Spring Rolls", price: "$80", variant: "Fried", imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-composition_23-2149035109.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Egg Custard Tart",
|
||||
price: "$70",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23667.jpg",
|
||||
},
|
||||
id: "p6", name: "Egg Custard Tart", price: "$70", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23667.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="A curated selection of our finest dim sum offerings."
|
||||
@@ -181,23 +120,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Tradition",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Tradition", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Guests", value: "100k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Utensils,
|
||||
title: "Signature Dishes",
|
||||
value: "50+",
|
||||
},
|
||||
id: "m3", icon: Utensils,
|
||||
title: "Signature Dishes", value: "50+"},
|
||||
]}
|
||||
title="A Tradition Trusted by Many"
|
||||
description="Over a decade of bringing authentic flavors to the city."
|
||||
@@ -209,30 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Lin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopsticks-with-sushi_23-2149482765.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Lin", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopsticks-with-sushi_23-2149482765.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Wang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-smiling-asian-woman-cover-her-eye-with-sushi-roll-make-selfie-her-phone_231208-3073.jpg",
|
||||
},
|
||||
id: "t2", name: "David Wang", imageSrc: "http://img.b2bpic.net/free-photo/surprised-smiling-asian-woman-cover-her-eye-with-sushi-roll-make-selfie-her-phone_231208-3073.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-dressed-uniform-holding-tomatoes-pasta-hands-singing-yellow-background-emotional-man-chef-hat-fooling-around-work_574295-6088.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-dressed-uniform-holding-tomatoes-pasta-hands-singing-yellow-background-emotional-man-chef-hat-fooling-around-work_574295-6088.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg",
|
||||
},
|
||||
id: "t4", name: "Robert Kim", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Tseng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-seaweed-snacks_52683-122220.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice Tseng", imageSrc: "http://img.b2bpic.net/free-photo/people-eating-seaweed-snacks_52683-122220.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Reviews"
|
||||
cardTag="Testimonials"
|
||||
@@ -246,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend reservations, especially on weekends.",
|
||||
},
|
||||
id: "faq1", title: "Do you accept reservations?", content: "Yes, we highly recommend reservations, especially on weekends."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is takeout available?",
|
||||
content: "Yes, all our menu items are available for takeout and local delivery.",
|
||||
},
|
||||
id: "faq2", title: "Is takeout available?", content: "Yes, all our menu items are available for takeout and local delivery."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are you open on public holidays?",
|
||||
content: "We are open on most public holidays. Check our website or social media for updates.",
|
||||
},
|
||||
id: "faq3", title: "Are you open on public holidays?", content: "We are open on most public holidays. Check our website or social media for updates."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining with us."
|
||||
@@ -271,11 +177,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Reserve Your Table"
|
||||
description="Experience authentic Cantonese dim sum today."
|
||||
variant: "plain"}}
|
||||
tag="Contact Information"
|
||||
title="Get In Touch / 聯絡我們"
|
||||
description="Find us at No. 123, Zhongshan Rd, Taipei. Open 11:00 AM - 10:00 PM daily. / 台北市中山路123號，每日上午11:00至晚上10:00營業。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-bag-milk-bottle-mat_23-2148773427.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -287,29 +192,15 @@ export default function LandingPage() {
|
||||
logoText="饌食港式茶樓"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Explore / 探索", items: [
|
||||
{ label: "Menu / 菜單", href: "#menu" },
|
||||
{ label: "About / 關於", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact / 資訊", items: [
|
||||
{ label: "Tel: 02-1234-5678", href: "tel:0212345678" },
|
||||
{ label: "Address: No.123, Zhongshan Rd", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -318,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user