Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 312f5c6334 |
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Luxury Tea & Banh Mi"
|
brandName="Luxury Tea & Banh Mi"
|
||||||
/>
|
/>
|
||||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Taste the Craft. Experience the Difference."
|
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."
|
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"
|
tag="Limited Daily Batches"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "https://ubereats.com"},
|
||||||
href: "https://ubereats.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vduvh2"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vduvh2"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny", alt: "Happy customer"},
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw", alt: "Happy customer"},
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so", alt: "Happy customer"},
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9", alt: "Happy customer"},
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3", alt: "Happy customer"},
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Loved by 5,000+ local foodies"
|
avatarText="Loved by 5,000+ local foodies"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Freshly Baked"},
|
||||||
text: "Freshly Baked",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Hand-pulled Tea"},
|
||||||
text: "Hand-pulled Tea",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Locally Sourced"},
|
||||||
text: "Locally Sourced",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Authentic Flavors"},
|
||||||
text: "Authentic Flavors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Small Batches"},
|
||||||
text: "Small Batches",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -124,59 +93,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Tea", name: "Signature Pearl Milk Tea", price: "$7.50", rating: 5,
|
||||||
brand: "Tea",
|
reviewCount: "1.2k", imageSrc: "https://images.unsplash.com/photo-1594631252845-29fc4cc8cde9?q=80&w=800&h=800"},
|
||||||
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: "p2",
|
id: "p2", brand: "Banh Mi", name: "Classic Pork Banh Mi", price: "$12.00", rating: 5,
|
||||||
brand: "Banh Mi",
|
reviewCount: "850", imageSrc: "https://images.unsplash.com/photo-1589927986083-27a67387fd8e?q=80&w=800&h=800"},
|
||||||
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: "p3",
|
id: "p3", brand: "Tea", name: "Fresh Mango Fruit Tea", price: "$8.50", rating: 5,
|
||||||
brand: "Tea",
|
reviewCount: "620", imageSrc: "https://images.unsplash.com/photo-1544145945-f90425340c7e?q=80&w=800&h=800"},
|
||||||
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: "p4",
|
id: "p4", brand: "Banh Mi", name: "Lemongrass Chicken Banh Mi", price: "$13.00", rating: 5,
|
||||||
brand: "Banh Mi",
|
reviewCount: "740", imageSrc: "https://images.unsplash.com/photo-1626078353786-8d1933c066e1?q=80&w=800&h=800"},
|
||||||
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: "p5",
|
id: "p5", brand: "Tea", name: "Royal Taro Cream", price: "$8.00", rating: 5,
|
||||||
brand: "Tea",
|
reviewCount: "500", imageSrc: "https://images.unsplash.com/photo-1606787366850-de6330128bfc?q=80&w=800&h=800"},
|
||||||
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: "p6",
|
id: "p6", brand: "Banh Mi", name: "Spicy Tofu Banh Mi", price: "$12.00", rating: 5,
|
||||||
brand: "Banh Mi",
|
reviewCount: "430", imageSrc: "https://images.unsplash.com/photo-1616628188550-9378772a8c54?q=80&w=800&h=800"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Menu"
|
title="Signature Menu"
|
||||||
description="Handmade daily. Once they're gone, they're gone."
|
description="Handmade daily. Once they're gone, they're gone."
|
||||||
@@ -188,24 +121,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Our commitment to "},
|
||||||
content: "Our commitment to ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=800&h=600", alt: "Our shop interior"},
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mtvyk",
|
|
||||||
alt: "Craft Tea",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " quality is unmatched."},
|
||||||
content: " quality is unmatched.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "WhatsApp Order",
|
text: "WhatsApp Order", href: "https://wa.me/yournumber"},
|
||||||
href: "https://wa.me/yournumber",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -218,26 +142,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Fresh Daily",
|
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"},
|
||||||
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: "Premium Tea",
|
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"},
|
||||||
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: "Authentic Banh Mi",
|
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"},
|
||||||
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="Why Choose Us?"
|
title="Why Choose Us?"
|
||||||
description="Excellence in every sip and bite."
|
description="Excellence in every sip and bite."
|
||||||
@@ -250,45 +159,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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: "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"
|
title="Hear From Our Foodies"
|
||||||
description="Authentic experiences that keep them coming back."
|
description="Authentic experiences that keep them coming back."
|
||||||
@@ -301,20 +180,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you offer student discounts?", content: "Yes, show your student ID for 10% off any order over $10!"},
|
||||||
title: "Do you offer student discounts?",
|
|
||||||
content: "Yes, show your student ID for 10% off any order over $10!",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Do you offer delivery?", content: "Yes, we are on Uber Eats and DoorDash."},
|
||||||
title: "Do you offer delivery?",
|
|
||||||
content: "Yes, we are on Uber Eats and DoorDash.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Are items made daily?", content: "Yes, we bake our baguettes and brew our tea fresh every morning."},
|
||||||
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"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hkb215"
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
@@ -328,14 +198,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Foodie City",
|
"Foodie City", "Tea Lovers Daily", "Banh Mi Weekly", "Urban Eats", "City Vibes", "Culture & Taste", "Local Flavor"]}
|
||||||
"Tea Lovers Daily",
|
|
||||||
"Banh Mi Weekly",
|
|
||||||
"Urban Eats",
|
|
||||||
"City Vibes",
|
|
||||||
"Culture & Taste",
|
|
||||||
"Local Flavor",
|
|
||||||
]}
|
|
||||||
title="As Featured In"
|
title="As Featured In"
|
||||||
description="Connecting with our community."
|
description="Connecting with our community."
|
||||||
/>
|
/>
|
||||||
@@ -345,8 +208,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Stay Updated"
|
tag="Stay Updated"
|
||||||
title="Join Our Exclusive Mailing List"
|
title="Join Our Exclusive Mailing List"
|
||||||
description="Get early access to limited edition batches and student promos."
|
description="Get early access to limited edition batches and student promos."
|
||||||
@@ -357,42 +219,27 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Order",
|
title: "Order", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Uber Eats",
|
label: "Uber Eats", href: "https://ubereats.com"},
|
||||||
href: "https://ubereats.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp",
|
label: "WhatsApp", href: "https://wa.me/number"},
|
||||||
href: "https://wa.me/number",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Menu",
|
label: "Menu", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user