bender/45b6f00b-9d70-4c9c-a128-4e7018c275ee
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-11 14:24:50 +00:00
parent 9272c44115
commit 289e755ecf
1 changed files with 126 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

429
src/app/page.tsx
View File

@@ -16,320 +16,143 @@ export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Menu", id: "menu" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "Our Story", brandName="Taste of China"
id: "about", />
}, </div>
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Taste of China"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Taste of China: Authentic Culinary Mastery"
}} description="Experience the traditional flavors of China, crafted with fresh, premium ingredients to transport your senses directly to the heart of Asia."
title="Taste of China: Authentic Culinary Mastery" buttons={[{ text: "View Menu", href: "#menu" }]}
description="Experience the traditional flavors of China, crafted with fresh, premium ingredients to transport your senses directly to the heart of Asia." carouselItems={[
buttons={[ { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-with-half-egg-flat-lay_23-2148494829.jpg", imageAlt: "Traditional Chinese Cuisine" },
{ { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-soy-sauce-near-baozi_23-2147747078.jpg", imageAlt: "Steaming Dim Sum" },
text: "View Menu", { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529760.jpg", imageAlt: "Wok Fried Dishes" },
href: "#menu", { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/soup-served-with-greens-seeds_141793-966.jpg", imageAlt: "Kung Pao Chicken" },
}, { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/tasty-turkish-delight-marble-surface_114579-53459.jpg", imageAlt: "Peking Duck" },
]} { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/bean-paste-soup-korean-style_1150-42954.jpg", imageAlt: "Authentic Soups" },
carouselItems={[ ]}
{ />
id: "c1", </div>
imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-with-half-egg-flat-lay_23-2148494829.jpg",
imageAlt: "Traditional Chinese Cuisine",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-soy-sauce-near-baozi_23-2147747078.jpg",
imageAlt: "Steaming Dim Sum",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529760.jpg",
imageAlt: "Wok Fried Dishes",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/soup-served-with-greens-seeds_141793-966.jpg",
imageAlt: "Kung Pao Chicken",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-turkish-delight-marble-surface_114579-53459.jpg",
imageAlt: "Peking Duck",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/bean-paste-soup-korean-style_1150-42954.jpg",
imageAlt: "Authentic Soups",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="A Legacy of Traditional Flavors" title="A Legacy of Traditional Flavors"
description={[ description={[
"For over two decades, Taste of China has served authentic, high-quality traditional dishes in an elegant, modern setting. Our chefs master the art of balance and heat to create unforgettable dining experiences.", "For over two decades, Taste of China has served authentic, high-quality traditional dishes in an elegant, modern setting. Our chefs master the art of balance and heat to create unforgettable dining experiences.", "From hand-folded dumplings to perfectly seared stir-frys, we respect age-old techniques while introducing fresh, high-quality ingredients sourced locally."]}
"From hand-folded dumplings to perfectly seared stir-frys, we respect age-old techniques while introducing fresh, high-quality ingredients sourced locally.", />
]} </div>
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyOne <FeatureCardTwentyOne
useInvertedBackground={false} useInvertedBackground={false}
title="Why Choose Our Culinary Experience" title="Why Choose Our Culinary Experience"
description="We blend traditional heritage with modern service to guarantee an authentic dining experience like no other." description="We blend traditional heritage with modern service to guarantee an authentic dining experience like no other."
accordionItems={[ accordionItems={[
{ { id: "acc1", title: "Fresh Ingredients", content: "We source our vegetables, meats, and spices locally every morning to ensure maximum freshness and nutritional value in every dish." },
id: "acc1", { id: "acc2", title: "Traditional Recipes", content: "Our recipes are passed down through generations, honoring the culinary history of multiple Chinese regions." },
title: "Fresh Ingredients", { id: "acc3", title: "Artisanal Wok Work", content: "Our masters use the high-heat wok method to achieve the perfect wok hei - the essence of a great stir-fry." },
content: "We source our vegetables, meats, and spices locally every morning to ensure maximum freshness and nutritional value in every dish.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
{ mediaAnimation="slide-up"
id: "acc2", />
title: "Traditional Recipes", </div>
content: "Our recipes are passed down through generations, honoring the culinary history of multiple Chinese regions.",
},
{
id: "acc3",
title: "Artisanal Wok Work",
content: "Our masters use the high-heat wok method to achieve the perfect wok hei - the essence of a great stir-fry.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "p1", brand: "Starter", name: "Handmade Dim Sum", price: "$12.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/filter-steamer-vintage-china-hongkong_1203-3924.jpg" },
id: "p1", { id: "p2", brand: "Main", name: "Sweet & Sour Pork", price: "$18.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/healthy-bowl-with-tomato-soup_1220-7125.jpg" },
brand: "Starter", { id: "p3", brand: "Main", name: "Authentic Mapo Tofu", price: "$16.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-high-protein-meal-composition_23-2149089634.jpg" },
name: "Handmade Dim Sum", { id: "p4", brand: "Main", name: "Beef & Broccoli", price: "$20.99", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-meal_23-2149178175.jpg" },
price: "$12.99", { id: "p5", brand: "Side", name: "Wok-Fried Rice", price: "$14.00", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/from-pilaf-with-meet-dried-fruits-jug-round-plate_176474-2645.jpg" },
rating: 5, { id: "p6", brand: "Starter", name: "Crispy Spring Rolls", price: "$9.50", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-with-dipping-sauce_84443-81913.jpg" },
reviewCount: "120", ]}
imageSrc: "http://img.b2bpic.net/free-photo/filter-steamer-vintage-china-hongkong_1203-3924.jpg", title="Signature Menu Selections"
}, description="Indulge in a curated selection of our most loved traditional dishes, from savory dumplings to mouth-watering spicy stir-frys."
{ />
id: "p2", </div>
brand: "Main",
name: "Sweet & Sour Pork",
price: "$18.50",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-bowl-with-tomato-soup_1220-7125.jpg",
},
{
id: "p3",
brand: "Main",
name: "Authentic Mapo Tofu",
price: "$16.00",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-high-protein-meal-composition_23-2149089634.jpg",
},
{
id: "p4",
brand: "Main",
name: "Beef & Broccoli",
price: "$20.99",
rating: 4,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-meal_23-2149178175.jpg",
},
{
id: "p5",
brand: "Side",
name: "Wok-Fried Rice",
price: "$14.00",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/from-pilaf-with-meet-dried-fruits-jug-round-plate_176474-2645.jpg",
},
{
id: "p6",
brand: "Starter",
name: "Crispy Spring Rolls",
price: "$9.50",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-with-dipping-sauce_84443-81913.jpg",
},
]}
title="Signature Menu Selections"
description="Indulge in a curated selection of our most loved traditional dishes, from savory dumplings to mouth-watering spicy stir-frys."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", title: "Best Dim Sum!", quote: "The dim sum here is incredibly fresh and authentic. Truly reminds me of my grandmother's cooking.", name: "Sarah Chen", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
id: "t1", { id: "t2", title: "Highly Recommended", quote: "The flavors are balanced perfectly. A regular spot for my Friday night dinners now.", name: "Mark Wilson", role: "Corporate Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
title: "Best Dim Sum!", { id: "t3", title: "Authentic Cuisine", quote: "I have traveled to Shanghai and this place is the closest you can get to home.", name: "Emily Zhang", role: "Travel Writer", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
quote: "The dim sum here is incredibly fresh and authentic. Truly reminds me of my grandmother's cooking.", { id: "t4", title: "Wonderful Atmosphere", quote: "Not just the food, the service is professional and the atmosphere is perfect for any occasion.", name: "David Miller", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg" },
name: "Sarah Chen", { id: "t5", title: "Consistent Quality", quote: "I've been visiting for years and the consistency is impressive. Never a bad meal.", name: "Linda Wu", role: "Local Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg" },
role: "Food Blogger", ]}
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", title="A Taste of Tradition Loved by All"
}, description="Read what our wonderful guests have to say about their experience at Taste of China."
{ />
id: "t2", </div>
title: "Highly Recommended",
quote: "The flavors are balanced perfectly. A regular spot for my Friday night dinners now.",
name: "Mark Wilson",
role: "Corporate Lead",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
},
{
id: "t3",
title: "Authentic Cuisine",
quote: "I have traveled to Shanghai and this place is the closest you can get to home.",
name: "Emily Zhang",
role: "Travel Writer",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
},
{
id: "t4",
title: "Wonderful Atmosphere",
quote: "Not just the food, the service is professional and the atmosphere is perfect for any occasion.",
name: "David Miller",
role: "Marketing Director",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg",
},
{
id: "t5",
title: "Consistent Quality",
quote: "I've been visiting for years and the consistency is impressive. Never a bad meal.",
name: "Linda Wu",
role: "Local Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg",
},
]}
title="A Taste of Tradition Loved by All"
description="Read what our wonderful guests have to say about their experience at Taste of China."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "Do you offer takeout or delivery?", content: "Yes, we offer both takeout and delivery through most major platforms." },
id: "f1", { id: "f2", title: "Can I reserve a table?", content: "Certainly, you can call us or book via our website directly." },
title: "Do you offer takeout or delivery?", { id: "f3", title: "Are there vegetarian options?", content: "Yes, we have a wide selection of vegetarian and plant-based dishes." },
content: "Yes, we offer both takeout and delivery through most major platforms.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/chicken-squares-table_140725-6572.jpg"
{ title="Frequently Asked Questions"
id: "f2", description="Have questions about our menu or reservations? Find answers here."
title: "Can I reserve a table?", faqsAnimation="slide-up"
content: "Certainly, you can call us or book via our website directly.", />
}, </div>
{
id: "f3",
title: "Are there vegetarian options?",
content: "Yes, we have a wide selection of vegetarian and plant-based dishes.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/chicken-squares-table_140725-6572.jpg"
title="Frequently Asked Questions"
description="Have questions about our menu or reservations? Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Get in Touch"
}} title="Visit Us at Taste of China"
tag="Get in Touch" description="Located in the heart of downtown, we are ready to serve you a truly authentic dining experience."
title="Visit Us at Taste of China" imageSrc="http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-signs_23-2149410167.jpg"
description="Located in the heart of downtown, we are ready to serve you a truly authentic dining experience." mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-signs_23-2149410167.jpg" />
mediaAnimation="blur-reveal" </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
items: [ { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Accessibility", href: "#" }] },
{ ]}
label: "About Us", logoText="Taste of China"
href: "#about", />
}, </div>
{
label: "Our Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Accessibility",
href: "#",
},
],
},
]}
logoText="Taste of China"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }