bender/1aa264a2-c3e8-4730-aae6-7585df99997d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-04-15 20:17:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +55 -208
1 changed files with 55 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Menu",
id: "products",
},
name: "Menu", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Luxury Tea & Banh Mi"
/>
@@ -55,63 +47,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Taste the Craft. Experience the Difference."
description="Hand-pulled bubble tea and authentic banh mi made fresh daily in small batches. Popular items sell out fast—order ahead to secure your favorites."
tag="Limited Daily Batches"
buttons={[
{
text: "Order Now",
href: "https://ubereats.com",
},
text: "Order Now", href: "https://ubereats.com"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vduvh2"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",
alt: "Happy customer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny", alt: "Happy customer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",
alt: "Happy customer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw", alt: "Happy customer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",
alt: "Happy customer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so", alt: "Happy customer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",
alt: "Happy customer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9", alt: "Happy customer"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",
alt: "Happy customer",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3", alt: "Happy customer"},
]}
avatarText="Loved by 5,000+ local foodies"
marqueeItems={[
{
type: "text",
text: "Freshly Baked",
},
type: "text", text: "Freshly Baked"},
{
type: "text",
text: "Hand-pulled Tea",
},
type: "text", text: "Hand-pulled Tea"},
{
type: "text",
text: "Locally Sourced",
},
type: "text", text: "Locally Sourced"},
{
type: "text",
text: "Authentic Flavors",
},
type: "text", text: "Authentic Flavors"},
{
type: "text",
text: "Small Batches",
},
type: "text", text: "Small Batches"},
]}
/>
</div>
@@ -124,59 +93,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Tea",
name: "Signature Pearl Milk Tea",
price: "$7.50",
rating: 5,
reviewCount: "1.2k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tk99d3",
},
id: "p1", brand: "Tea", name: "Signature Pearl Milk Tea", price: "$7.50", rating: 5,
reviewCount: "1.2k", imageSrc: "https://images.unsplash.com/photo-1594631252845-29fc4cc8cde9?q=80&w=800&h=800"},
{
id: "p2",
brand: "Banh Mi",
name: "Classic Pork Banh Mi",
price: "$12.00",
rating: 5,
reviewCount: "850",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ki8ml6",
},
id: "p2", brand: "Banh Mi", name: "Classic Pork Banh Mi", price: "$12.00", rating: 5,
reviewCount: "850", imageSrc: "https://images.unsplash.com/photo-1589927986083-27a67387fd8e?q=80&w=800&h=800"},
{
id: "p3",
brand: "Tea",
name: "Fresh Mango Fruit Tea",
price: "$8.50",
rating: 5,
reviewCount: "620",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eee7m7",
},
id: "p3", brand: "Tea", name: "Fresh Mango Fruit Tea", price: "$8.50", rating: 5,
reviewCount: "620", imageSrc: "https://images.unsplash.com/photo-1544145945-f90425340c7e?q=80&w=800&h=800"},
{
id: "p4",
brand: "Banh Mi",
name: "Lemongrass Chicken Banh Mi",
price: "$13.00",
rating: 5,
reviewCount: "740",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lrubx5",
},
id: "p4", brand: "Banh Mi", name: "Lemongrass Chicken Banh Mi", price: "$13.00", rating: 5,
reviewCount: "740", imageSrc: "https://images.unsplash.com/photo-1626078353786-8d1933c066e1?q=80&w=800&h=800"},
{
id: "p5",
brand: "Tea",
name: "Royal Taro Cream",
price: "$8.00",
rating: 5,
reviewCount: "500",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=27osyd",
},
id: "p5", brand: "Tea", name: "Royal Taro Cream", price: "$8.00", rating: 5,
reviewCount: "500", imageSrc: "https://images.unsplash.com/photo-1606787366850-de6330128bfc?q=80&w=800&h=800"},
{
id: "p6",
brand: "Banh Mi",
name: "Spicy Tofu Banh Mi",
price: "$12.00",
rating: 5,
reviewCount: "430",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hsh3z0",
},
id: "p6", brand: "Banh Mi", name: "Spicy Tofu Banh Mi", price: "$12.00", rating: 5,
reviewCount: "430", imageSrc: "https://images.unsplash.com/photo-1616628188550-9378772a8c54?q=80&w=800&h=800"},
]}
title="Signature Menu"
description="Handmade daily. Once they're gone, they're gone."
@@ -188,24 +121,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our commitment to ",
},
type: "text", content: "Our commitment to "},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mtvyk",
alt: "Craft Tea",
},
type: "image", src: "https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=800&h=600", alt: "Our shop interior"},
{
type: "text",
content: " quality is unmatched.",
},
type: "text", content: " quality is unmatched."},
]}
buttons={[
{
text: "WhatsApp Order",
href: "https://wa.me/yournumber",
},
text: "WhatsApp Order", href: "https://wa.me/yournumber"},
]}
/>
</div>
@@ -218,26 +142,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Fresh Daily",
description: "We craft everything in small batches every single morning.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dyzhao",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qr3d1",
buttonText: "Learn More",
},
title: "Fresh Daily", description: "We craft everything in small batches every single morning.", imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?q=80&w=800&h=600", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qr3d1", buttonText: "Learn More"},
{
title: "Premium Tea",
description: "Only the finest loose leaf teas are used in our signature blends.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=18my2m",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4xvvl5",
buttonText: "Learn More",
},
title: "Premium Tea", description: "Only the finest loose leaf teas are used in our signature blends.", imageSrc: "https://images.unsplash.com/photo-1544145945-f90425340c7e?q=80&w=800&h=600", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4xvvl5", buttonText: "Learn More"},
{
title: "Authentic Banh Mi",
description: "Freshly baked baguettes with traditional pate and veggies.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnnx2c",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r9n7nr",
buttonText: "Learn More",
},
title: "Authentic Banh Mi", description: "Freshly baked baguettes with traditional pate and veggies.", imageSrc: "https://images.unsplash.com/photo-1589927986083-27a67387fd8e?q=80&w=800&h=600", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r9n7nr", buttonText: "Learn More"},
]}
title="Why Choose Us?"
description="Excellence in every sip and bite."
@@ -250,45 +159,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Amazing Tea",
quote: "The best milk tea I've ever had in the city.",
name: "Sarah J.",
role: "Foodie",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",
},
id: "t1", title: "Amazing Tea", quote: "The best milk tea I've ever had in the city.", name: "Sarah J.", role: "Foodie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny"},
{
id: "t2",
title: "Authentic Taste",
quote: "Finally found a banh mi that tastes just like the real deal.",
name: "Mike D.",
role: "Chef",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",
},
id: "t2", title: "Authentic Taste", quote: "Finally found a banh mi that tastes just like the real deal.", name: "Mike D.", role: "Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw"},
{
id: "t3",
title: "My Favorite",
quote: "The Taro cream is to die for!",
name: "Emily P.",
role: "Student",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",
},
id: "t3", title: "My Favorite", quote: "The Taro cream is to die for!", name: "Emily P.", role: "Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so"},
{
id: "t4",
title: "Must Visit",
quote: "Amazing selection, fresh ingredients, great staff.",
name: "David W.",
role: "Professional",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",
},
id: "t4", title: "Must Visit", quote: "Amazing selection, fresh ingredients, great staff.", name: "David W.", role: "Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9"},
{
id: "t5",
title: "Love the Vibe",
quote: "Perfect spot to grab a quick and delicious bite.",
name: "Chloe L.",
role: "Influencer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",
},
id: "t5", title: "Love the Vibe", quote: "Perfect spot to grab a quick and delicious bite.", name: "Chloe L.", role: "Influencer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3"},
]}
title="Hear From Our Foodies"
description="Authentic experiences that keep them coming back."
@@ -301,20 +180,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer student discounts?",
content: "Yes, show your student ID for 10% off any order over $10!",
},
id: "f1", title: "Do you offer student discounts?", content: "Yes, show your student ID for 10% off any order over $10!"},
{
id: "f2",
title: "Do you offer delivery?",
content: "Yes, we are on Uber Eats and DoorDash.",
},
id: "f2", title: "Do you offer delivery?", content: "Yes, we are on Uber Eats and DoorDash."},
{
id: "f3",
title: "Are items made daily?",
content: "Yes, we bake our baguettes and brew our tea fresh every morning.",
},
id: "f3", title: "Are items made daily?", content: "Yes, we bake our baguettes and brew our tea fresh every morning."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hkb215"
title="Common Questions"
@@ -328,14 +198,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Foodie City",
"Tea Lovers Daily",
"Banh Mi Weekly",
"Urban Eats",
"City Vibes",
"Culture & Taste",
"Local Flavor",
]}
"Foodie City", "Tea Lovers Daily", "Banh Mi Weekly", "Urban Eats", "City Vibes", "Culture & Taste", "Local Flavor"]}
title="As Featured In"
description="Connecting with our community."
/>
@@ -345,8 +208,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Stay Updated"
title="Join Our Exclusive Mailing List"
description="Get early access to limited edition batches and student promos."
@@ -357,42 +219,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Order",
items: [
title: "Order", items: [
{
label: "Uber Eats",
href: "https://ubereats.com",
},
label: "Uber Eats", href: "https://ubereats.com"},
{
label: "WhatsApp",
href: "https://wa.me/number",
},
label: "WhatsApp", href: "https://wa.me/number"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Menu",
href: "#products",
},
label: "Menu", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -402,4 +249,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}