Merge version_1 into main #2
331
src/app/page.tsx
331
src/app/page.tsx
@@ -16,235 +16,124 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dumpling House"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dumpling House"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Auckland's Finest Soup Dumplings"
|
||||
description="Experience our authentic xiao long bao. Hand-crafted daily, perfectly steamed, and served fast in the heart of Auckland. Locals agree: it's the best bite in the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-meat-plate-homemade-vegetable_1203-3821.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Auckland's Finest Soup Dumplings"
|
||||
description="Experience our authentic xiao long bao. Hand-crafted daily, perfectly steamed, and served fast in the heart of Auckland. Locals agree: it's the best bite in the city."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-meat-plate-homemade-vegetable_1203-3821.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Xiao Long Bao",
|
||||
price: "$12.50",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Classic",
|
||||
name: "Handmade Noodles",
|
||||
price: "$15.00",
|
||||
rating: 4,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Popular",
|
||||
name: "Pork Dumplings",
|
||||
price: "$11.00",
|
||||
rating: 5,
|
||||
reviewCount: "900",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Special",
|
||||
name: "Spicy Wontons",
|
||||
price: "$13.00",
|
||||
rating: 4,
|
||||
reviewCount: "600",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Authentic flavors, high-quality ingredients, served fresh."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Xiao Long Bao", price: "$12.50", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg" },
|
||||
{ id: "2", brand: "Classic", name: "Handmade Noodles", price: "$15.00", rating: 4, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg" },
|
||||
{ id: "3", brand: "Popular", name: "Pork Dumplings", price: "$11.00", rating: 5, reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg" },
|
||||
{ id: "4", brand: "Special", name: "Spicy Wontons", price: "$13.00", rating: 4, reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-vector/chinese-food-flyer_23-2148044647.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Authentic flavors, high-quality ingredients, served fresh."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Family-Run Excellence"
|
||||
description="We are a small, busy team dedicated to serving the best dumplings in Auckland. Whether you have a booking or just walk in, we'll always find space for you with a smile. Passionate about food, fast service, and authentic tastes."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+ Years",
|
||||
title: "Serving Auckland",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Daily Dumplings",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-service_1098-16131.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Family-Run Excellence"
|
||||
description="We are a small, busy team dedicated to serving the best dumplings in Auckland. Whether you have a booking or just walk in, we'll always find space for you with a smile. Passionate about food, fast service, and authentic tastes."
|
||||
metrics={[
|
||||
{ value: "10+ Years", title: "Serving Auckland" },
|
||||
{ value: "500+", title: "Daily Dumplings" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-service_1098-16131.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah W.",
|
||||
role: "Foodie",
|
||||
company: "Auckland Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David M.",
|
||||
role: "Regular",
|
||||
company: "Office Worker",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-communicating-while-having-lunch-drinking-wine-dining-room-focus-is-african-american-woman_637285-5486.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
role: "Diner",
|
||||
company: "Local Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couples-together-luxurious-restaurant_23-2150517427.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Guest",
|
||||
company: "Food Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663828.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liam K.",
|
||||
role: "Diner",
|
||||
company: "City CBD",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by Aucklanders"
|
||||
description="What our guests are saying about the experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah W.", role: "Foodie", company: "Auckland Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "2", name: "David M.", role: "Regular", company: "Office Worker", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-communicating-while-having-lunch-drinking-wine-dining-room-focus-is-african-american-woman_637285-5486.jpg" },
|
||||
{ id: "3", name: "Emily C.", role: "Diner", company: "Local Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-couples-together-luxurious-restaurant_23-2150517427.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Guest", company: "Food Lover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663828.jpg" },
|
||||
{ id: "5", name: "Liam K.", role: "Diner", company: "City CBD", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
]}
|
||||
title="Loved by Aucklanders"
|
||||
description="What our guests are saying about the experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Spot"
|
||||
description="Located in the heart of Auckland. Walk-ins are always welcome, or give us a call to book your spot for a quick, delicious meal."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Spot"
|
||||
description="Located in the heart of Auckland. Walk-ins are always welcome, or give us a call to book your spot for a quick, delicious meal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Dumpling House",
|
||||
items: [
|
||||
{
|
||||
label: "123 Auckland CBD, NZ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "09 123 4567",
|
||||
href: "tel:091234567",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sun: 11am-9pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Dine In",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Takeaway",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Dumpling House Auckland."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Dumpling House", items: [
|
||||
{ label: "123 Auckland CBD, NZ", href: "#" },
|
||||
{ label: "09 123 4567", href: "tel:091234567" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [{ label: "Mon-Sun: 11am-9pm", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Dine In", href: "#" },
|
||||
{ label: "Takeaway", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Dumpling House Auckland."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user