Merge version_1 into main #3
272
src/app/page.tsx
272
src/app/page.tsx
@@ -28,156 +28,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Specials", id: "specials" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jiang Nan NYC"
|
||||
button={{ text: "Reserve Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Specials", id: "specials" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jiang Nan NYC"
|
||||
button={{ text: "Reserve Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Tradition Meets Taste in the Heart of NYC"
|
||||
description="Experience the exquisite flavors of Jiangnan-style cuisine, masterfully prepared and served in a setting of timeless sophistication."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Heritage" },
|
||||
{ value: "50+", label: "Masterful Dishes" },
|
||||
{ value: "4.9", label: "Avg. Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-table-with-glasses_1203-1742.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Authentic Jiangnan", icon: Utensils },
|
||||
{ type: "text-icon", text: "Fine Dining NYC", icon: MapPin },
|
||||
{ type: "text-icon", text: "Handcrafted Dim Sum", icon: Award },
|
||||
{ type: "text-icon", text: "Seasonal Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Elegant Ambiance", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Tradition Meets Taste in the Heart of NYC"
|
||||
description="Experience the exquisite flavors of Jiangnan-style cuisine, masterfully prepared and served in a setting of timeless sophistication."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Heritage" },
|
||||
{ value: "50+", label: "Masterful Dishes" },
|
||||
{ value: "4.9", label: "Avg. Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-table-with-glasses_1203-1742.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Authentic Jiangnan", icon: Utensils },
|
||||
{ type: "text-icon", text: "Fine Dining NYC", icon: MapPin },
|
||||
{ type: "text-icon", text: "Handcrafted Dim Sum", icon: Award },
|
||||
{ type: "text-icon", text: "Seasonal Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Elegant Ambiance", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Jiangnan Flavors"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Jiangnan Flavors"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Dim Sum", name: "Crystal Soup Dumplings", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "2", brand: "Main Course", name: "Signature Peking Duck", price: "$88", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "3", brand: "Appetizer", name: "Scallion Pancakes", price: "$12", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "4", brand: "Dessert", name: "Osmanthus Jelly", price: "$10", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "5", brand: "Main Course", name: "Lion's Head Meatballs", price: "$32", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "6", brand: "Dim Sum", name: "Shrimp Har Gow", price: "$16", rating: 4, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our collection of handcrafted dim sum, authentic main courses, and delicate desserts."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Dim Sum", name: "Crystal Soup Dumplings", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "2", brand: "Main Course", name: "Signature Peking Duck", price: "$88", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "3", brand: "Appetizer", name: "Scallion Pancakes", price: "$12", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "4", brand: "Dessert", name: "Osmanthus Jelly", price: "$10", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "5", brand: "Main Course", name: "Lion's Head Meatballs", price: "$32", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
{ id: "6", brand: "Dim Sum", name: "Shrimp Har Gow", price: "$16", rating: 4, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/side-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11099.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our collection of handcrafted dim sum, authentic main courses, and delicate desserts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specials" data-section="specials">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Springtime Harvest", description: "Fresh, locally sourced greens with traditional Jiangnan spices.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" },
|
||||
items: [{ icon: Star, text: "Seasonal Ingredients" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Braised Pork Belly", description: "Slow-cooked for 12 hours until melt-in-the-mouth perfection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" },
|
||||
items: [{ icon: Award, text: "Signature Dish" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Truffle Wontons", description: "Hand-folded wontons served in a fragrant truffle broth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" },
|
||||
items: [{ icon: Sparkles, text: "Luxurious Flavor" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Chef's Seasonal Specials"
|
||||
description="Exquisite seasonal creations honoring traditional culinary arts."
|
||||
/>
|
||||
</div>
|
||||
<div id="specials" data-section="specials">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ id: "1", title: "Springtime Harvest", description: "Fresh, locally sourced greens with traditional Jiangnan spices.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" }, items: [{ icon: Star, text: "Seasonal Ingredients" }], reverse: false },
|
||||
{ id: "2", title: "Braised Pork Belly", description: "Slow-cooked for 12 hours until melt-in-the-mouth perfection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" }, items: [{ icon: Award, text: "Signature Dish" }], reverse: true },
|
||||
{ id: "3", title: "Truffle Wontons", description: "Hand-folded wontons served in a fragrant truffle broth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-starter-food-assortment_23-2148960504.jpg" }, items: [{ icon: Sparkles, text: "Luxurious Flavor" }], reverse: false },
|
||||
]}
|
||||
title="Chef's Seasonal Specials"
|
||||
description="Exquisite seasonal creations honoring traditional culinary arts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="centered"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", title: "Exquisite Decor", subtitle: "Traditional lantern aesthetics", category: "Interiors", value: "Aesthetic" },
|
||||
{ id: "2", title: "Authentic Cuisine", subtitle: "Jiangnan inspired flavors", category: "Food", value: "Authentic" },
|
||||
{ id: "3", title: "Warm Atmosphere", subtitle: "The heart of NYC dining", category: "Experience", value: "Refined" },
|
||||
]}
|
||||
title="The Jiang Nan Experience"
|
||||
description="Visual highlights from our NYC dining room."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="left"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", title: "Exquisite Decor", subtitle: "Traditional lantern aesthetics", category: "Interiors", value: "Aesthetic" },
|
||||
{ id: "2", title: "Authentic Cuisine", subtitle: "Jiangnan inspired flavors", category: "Food", value: "Authentic" },
|
||||
{ id: "3", title: "Warm Atmosphere", subtitle: "The heart of NYC dining", category: "Experience", value: "Refined" },
|
||||
]}
|
||||
title="The Jiang Nan Experience"
|
||||
description="Visual highlights from our NYC dining room."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2024", title: "Foodie", quote: "The Peking duck is unparalleled in NYC.", tag: "Dining", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-seaweed-meals-home_52683-110579.jpg" },
|
||||
{ id: "2", name: "Michael L.", date: "Sep 2024", title: "Critic", quote: "A truly sophisticated dining journey.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ id: "3", name: "Emily W.", date: "Aug 2024", title: "Regular", quote: "The soup dumplings are life-changing.", tag: "Favorites", avatarSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39261.jpg" },
|
||||
{ id: "4", name: "David K.", date: "Jul 2024", title: "Tourist", quote: "An absolute gem in the city.", tag: "Visit", avatarSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6158.jpg" },
|
||||
{ id: "5", name: "Rebecca P.", date: "Jun 2024", title: "Local", quote: "Perfect spot for special occasions.", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346502.jpg" },
|
||||
]}
|
||||
title="Guests' Reflections"
|
||||
description="What our patrons say about Jiang Nan."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2024", title: "Foodie", quote: "The Peking duck is unparalleled in NYC.", tag: "Dining", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-seaweed-meals-home_52683-110579.jpg" },
|
||||
{ id: "2", name: "Michael L.", date: "Sep 2024", title: "Critic", quote: "A truly sophisticated dining journey.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ id: "3", name: "Emily W.", date: "Aug 2024", title: "Regular", quote: "The soup dumplings are life-changing.", tag: "Favorites", avatarSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39261.jpg" },
|
||||
{ id: "4", name: "David K.", date: "Jul 2024", title: "Tourist", quote: "An absolute gem in the city.", tag: "Visit", avatarSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6158.jpg" },
|
||||
{ id: "5", name: "Rebecca P.", date: "Jun 2024", title: "Local", quote: "Perfect spot for special occasions.", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346502.jpg" },
|
||||
]}
|
||||
title="Guests' Reflections"
|
||||
description="What our patrons say about Jiang Nan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable dining experience in New York."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Any special requests?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable dining experience in New York."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Any special requests?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Dim Sum", href: "#menu" }, { label: "Main Courses", href: "#menu" }, { label: "Desserts", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Yelp", href: "#" }] },
|
||||
]}
|
||||
logoText="Jiang Nan NYC"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Dim Sum", href: "#menu" }, { label: "Main Courses", href: "#menu" }, { label: "Desserts", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Yelp", href: "#" }] },
|
||||
]}
|
||||
logoText="Jiang Nan NYC"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user