bender/74d8627d-e745-4aa2-ac4e-4e390afb19a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 14:23:13 +00:00
parent 0379bfbb50
commit 5f664035db
1 changed files with 42 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -30,128 +30,39 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" },
]}
brandName="Ping House"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="AUTHENTIC CHINESE FLAVORS, REDEFINED."
description="Experience the art of authentic Chinese cuisine. Every dish is a masterpiece, crafted with passion and traditional secrets at Ping House."
testimonials={[
{
name: "Ahmed K.",
handle: "@ahmedk",
testimonial: "The best Szechuan chicken I've ever had. Truly authentic!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg?_wi=1",
imageAlt: "3d food render noodles",
},
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The atmosphere and the food are incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg?_wi=1",
imageAlt: "3d food render noodles",
},
{
name: "David M.",
handle: "@davidm",
testimonial: "The Peking duck is crispy perfection. A must-try!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg?_wi=1",
imageAlt: "3d food render noodles",
},
{
name: "Elena R.",
handle: "@elenar",
testimonial: "Beautiful presentation and even better flavors.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg?_wi=1",
imageAlt: "3d food render noodles",
},
{
name: "Marcus L.",
handle: "@marcusl",
testimonial: "Truly a gem for anyone seeking real culinary art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg?_wi=1",
imageAlt: "3d food render noodles",
},
{ name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best Szechuan chicken I've ever had. Truly authentic!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg", imageAlt: "3d food render noodles" },
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The atmosphere and the food are incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg", imageAlt: "3d food render noodles" },
{ name: "David M.", handle: "@davidm", testimonial: "The Peking duck is crispy perfection. A must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg", imageAlt: "3d food render noodles" },
{ name: "Elena R.", handle: "@elenar", testimonial: "Beautiful presentation and even better flavors.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg", imageAlt: "3d food render noodles" },
{ name: "Marcus L.", handle: "@marcusl", testimonial: "Truly a gem for anyone seeking real culinary art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg", imageAlt: "3d food render noodles" },
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg?_wi=2"
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756207.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756206.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756210.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756215.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934670.jpg",
alt: "Customer 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic Ingredients",
},
{
type: "text",
text: "Master Chef Crafted",
},
{
type: "text",
text: "Traditional Techniques",
},
{
type: "text",
text: "Modern Elegance",
},
{
type: "text",
text: "Culinary Excellence",
},
{ src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756207.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756206.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756210.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756215.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934670.jpg", alt: "Customer 5" },
]}
marqueeItems={[{ type: "text", text: "Authentic Ingredients" }, { type: "text", text: "Master Chef Crafted" }, { type: "text", text: "Traditional Techniques" }, { type: "text", text: "Modern Elegance" }, { type: "text", text: "Culinary Excellence" }]}
/>
</div>
@@ -159,8 +70,8 @@ export default function LandingPage() {
<MediaAbout
useInvertedBackground={false}
title="A Legacy of Culinary Excellence"
description="At Ping House, we combine centuries-old culinary traditions with modern passion. Our chefs use the freshest ingredients to bring the true soul of China to your plate. Our mission is to provide an unforgettable dining experience that celebrates taste, culture, and community."
imageSrc="http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg?_wi=2"
description="At Ping House, we combine centuries-old culinary traditions with modern passion. Our chefs use the freshest ingredients to bring the true soul of China to your plate."
imageSrc="http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg"
/>
</div>
@@ -171,42 +82,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Crispy Spring Rolls",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg?_wi=2",
},
{
id: "2",
name: "Szechuan Spicy Chicken",
price: "$24.00",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg?_wi=2",
},
{
id: "3",
name: "Steamed Dumplings",
price: "$15.00",
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg?_wi=2",
},
{
id: "4",
name: "Classic Fried Rice",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/buddha-poke-bowl-served-dark_1220-7183.jpg",
},
{
id: "5",
name: "Peking Duck",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11165.jpg",
},
{
id: "6",
name: "Premium Jasmine Tea Set",
price: "$10.00",
imageSrc: "http://img.b2bpic.net/free-photo/various-cakes-glass-black-tea_140725-3824.jpg",
},
{ id: "1", name: "Crispy Spring Rolls", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg" },
{ id: "2", name: "Szechuan Spicy Chicken", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg" },
{ id: "3", name: "Steamed Dumplings", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg" },
{ id: "4", name: "Classic Fried Rice", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/buddha-poke-bowl-served-dark_1220-7183.jpg" },
{ id: "5", name: "Peking Duck", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11165.jpg" },
{ id: "6", name: "Premium Jasmine Tea Set", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/various-cakes-glass-black-tea_140725-3824.jpg" },
]}
title="Signature Menu"
description="Explore our chef-curated selection of traditional favorites and contemporary delights."
@@ -219,41 +100,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ahmed K.",
role: "Food Critic",
testimonial: "The balance of spices is simply unmatched in this city.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg",
},
{
id: "2",
name: "Sarah J.",
role: "Local Resident",
testimonial: "A beautiful place with food that speaks for itself.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
},
{
id: "3",
name: "David M.",
role: "Chef",
testimonial: "Technically perfect and deeply satisfying flavor profiles.",
imageSrc: "http://img.b2bpic.net/free-photo/waiter-taking-order-from-woman_107420-94752.jpg",
},
{
id: "4",
name: "Elena R.",
role: "Food Blogger",
testimonial: "Definitely a 5-star experience for any Chinese food lover.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg",
},
{
id: "5",
name: "Marcus L.",
role: "Regular",
testimonial: "My go-to spot for celebrations and cravings alike.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
},
{ id: "1", name: "Ahmed K.", role: "Food Critic", testimonial: "The balance of spices is simply unmatched in this city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg" },
{ id: "2", name: "Sarah J.", role: "Local Resident", testimonial: "A beautiful place with food that speaks for itself.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
{ id: "3", name: "David M.", role: "Chef", testimonial: "Technically perfect and deeply satisfying flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/waiter-taking-order-from-woman_107420-94752.jpg" },
{ id: "4", name: "Elena R.", role: "Food Blogger", testimonial: "Definitely a 5-star experience for any Chinese food lover.", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg" },
{ id: "5", name: "Marcus L.", role: "Regular", testimonial: "My go-to spot for celebrations and cravings alike.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
]}
title="What Our Guests Say"
description="Join our community of happy food lovers and experience authentic Chinese dining."
@@ -267,21 +118,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15K+",
description: "Happy Guests Served",
},
{
id: "m2",
value: "20+",
description: "Award-Winning Recipes",
},
{
id: "m3",
value: "100%",
description: "Fresh Ingredients",
},
{ id: "m1", value: "15K+", description: "Happy Guests Served" },
{ id: "m2", value: "20+", description: "Award-Winning Recipes" },
{ id: "m3", value: "100%", description: "Fresh Ingredients" },
]}
title="Our Culinary Impact"
description="Numbers reflecting our commitment to taste and quality."
@@ -293,21 +132,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer delivery?",
content: "Yes, we partner with major delivery apps for your convenience.",
},
{
id: "f2",
title: "Can I book a table?",
content: "Reservations are recommended, especially on weekends.",
},
{
id: "f3",
title: "Are there vegetarian options?",
content: "Yes, we have a variety of delicious vegetarian dishes available.",
},
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery apps for your convenience." },
{ id: "f2", title: "Can I book a table?", content: "Reservations are recommended, especially on weekends." },
{ id: "f3", title: "Are there vegetarian options?", content: "Yes, we have a variety of delicious vegetarian dishes available." },
]}
title="Frequently Asked Questions"
description="Have questions about our menu or reservations?"
@@ -318,9 +145,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Stay Connected"
description="Join our newsletter for exclusive menu previews and seasonal event invites."
tag="Stay Updated"
@@ -330,32 +155,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Reservations",
href: "#contact",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
]}
logoText="Ping House"
/>
@@ -363,4 +164,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}