1 Commits

Author SHA1 Message Date
d20c7617fe Update src/app/page.tsx 2026-05-11 00:07:13 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Drinks", name: "Drinks", id: "featured-drinks"},
id: "featured-drinks",
},
{ {
name: "The Ritual", name: "The Ritual", id: "experience"},
id: "experience",
},
{ {
name: "Location", name: "Location", id: "location"},
id: "location",
},
]} ]}
brandName="STAGGER" brandName="STAGGER"
/> />
@@ -59,36 +51,22 @@ export default function LandingPage() {
tag="worth the wait" tag="worth the wait"
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Visit the Café", text: "Visit the Café", href: "#location"},
href: "#location",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-detail-water-droplets-golden-feather-surface-against-black-background_23-2148114561.jpg" imageSrc="http://img.b2bpic.net/free-photo/blurred-detail-water-droplets-golden-feather-surface-against-black-background_23-2148114561.jpg"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-women-enjoying-ice-cream_23-2149428109.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-women-enjoying-ice-cream_23-2149428109.jpg", alt: "Customer"},
alt: "Customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-pastry_23-2149356024.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-pastry_23-2149356024.jpg", alt: "Regular"},
alt: "Regular",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315007.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315007.jpg", alt: "Local"},
alt: "Local",
},
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-taking-selfie_23-2149356872.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-taking-selfie_23-2149356872.jpg", alt: "Visitor"},
alt: "Visitor",
},
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-sitting-bistro_23-2149366408.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-sitting-bistro_23-2149366408.jpg", alt: "Coffee Enthusiast"},
alt: "Coffee Enthusiast",
},
]} ]}
avatarText="Trusted by 500+ locals" avatarText="Trusted by 500+ locals"
/> />
@@ -100,32 +78,20 @@ export default function LandingPage() {
description="Some rituals can't be rushed." description="Some rituals can't be rushed."
buttons={[ buttons={[
{ {
text: "Plan Your Visit", text: "Plan Your Visit", href: "#location"},
href: "#location",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/eucalyptus-white-vase-background_23-2149420690.jpg" imageSrc="http://img.b2bpic.net/free-photo/eucalyptus-white-vase-background_23-2149420690.jpg"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/coffee-cup_1203-3435.jpg", src: "http://img.b2bpic.net/free-photo/coffee-cup_1203-3435.jpg", alt: "Patron"},
alt: "Patron",
},
{ {
src: "http://img.b2bpic.net/free-photo/woman-restaurant-with-magazine-glass-cappuccino-with-cream_114579-3455.jpg", src: "http://img.b2bpic.net/free-photo/woman-restaurant-with-magazine-glass-cappuccino-with-cream_114579-3455.jpg", alt: "Patron"},
alt: "Patron",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-outdoors_23-2148989636.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-outdoors_23-2148989636.jpg", alt: "Patron"},
alt: "Patron",
},
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-matcha-tea_23-2150163559.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-man-with-matcha-tea_23-2150163559.jpg", alt: "Patron"},
alt: "Patron",
},
{ {
src: "http://img.b2bpic.net/free-photo/woman-drinking-matcha-latte-healthy-iced-drink_169016-48660.jpg", src: "http://img.b2bpic.net/free-photo/woman-drinking-matcha-latte-healthy-iced-drink_169016-48660.jpg", alt: "Patron"},
alt: "Patron",
},
]} ]}
avatarText="Join the ritual" avatarText="Join the ritual"
/> />
@@ -136,14 +102,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"best matcha in LA", "best matcha in LA", "worth the line", "immaculate vibes", "one of the best matchas ever", "cult favorite coffee", "LA coffee staple", "the matcha ritual"]}
"worth the line",
"immaculate vibes",
"one of the best matchas ever",
"cult favorite coffee",
"LA coffee staple",
"the matcha ritual",
]}
title="Cult Favorite" title="Cult Favorite"
description="LA's most talked about matcha." description="LA's most talked about matcha."
/> />
@@ -157,23 +116,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "d1", id: "d1", name: "Double Matcha", price: "Dine-In Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-glass-with-cappuccino_259150-59027.jpg"},
name: "Double Matcha",
price: "Dine-In Exclusive",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-glass-with-cappuccino_259150-59027.jpg",
},
{ {
id: "d2", id: "d2", name: "London Black", price: "Addictive", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pink-cocktail_23-2149418312.jpg"},
name: "London Black",
price: "Addictive",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pink-cocktail_23-2149418312.jpg",
},
{ {
id: "d3", id: "d3", name: "Donut Latte", price: "Dessert-Inspired", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mokachino-coffee-with-eclair_141793-2891.jpg"},
name: "Donut Latte",
price: "Dessert-Inspired",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mokachino-coffee-with-eclair_141793-2891.jpg",
},
]} ]}
title="Signature Rituals" title="Signature Rituals"
description="Crafted with precision, obsession-worthy." description="Crafted with precision, obsession-worthy."
@@ -188,20 +135,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Summer Heat", title: "Summer Heat", description: "Matcha in hand under the LA sun.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7166.jpg"},
description: "Matcha in hand under the LA sun.",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7166.jpg",
},
{ {
title: "Quiet Luxury", title: "Quiet Luxury", description: "A slow start to a busy day.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg"},
description: "A slow start to a busy day.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg",
},
{ {
title: "Stagger Culture", title: "Stagger Culture", description: "Rituals that define your routine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315013.jpg"},
description: "Rituals that define your routine.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315013.jpg",
},
]} ]}
title="The Ritual" title="The Ritual"
description="Slow mornings. Summer heat. The line is part of the experience." description="Slow mornings. Summer heat. The line is part of the experience."
@@ -216,20 +154,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "20min", description: "Weekend Line"},
value: "20min",
description: "Weekend Line",
},
{ {
id: "m2", id: "m2", value: "1000+", description: "Matchas Weekly"},
value: "1000+",
description: "Matchas Weekly",
},
{ {
id: "m3", id: "m3", value: "Daily", description: "Small-batch Prep"},
value: "Daily",
description: "Small-batch Prep",
},
]} ]}
title="The Hype" title="The Hype"
description="Defined by demand." description="Defined by demand."
@@ -243,30 +172,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", id: "p1", badge: "Ceremonial", price: "Matcha", subtitle: "Double Matcha, Uji Blend", buttons: [{ text: "View Full Ritual" }],
badge: "Ceremonial",
price: "Matcha",
subtitle: "Double Matcha, Uji Blend",
buttons: [],
features: [ features: [
"Earthy", "Earthy", "Vanilla Cream", "Thick", "Bold"],
"Vanilla Cream",
"Thick",
"Bold",
],
}, },
{ {
id: "p2", id: "p2", badge: "Specialty", price: "Espresso", subtitle: "London Black, Donut Latte", buttons: [{ text: "View Full Ritual" }],
badge: "Specialty",
price: "Espresso",
subtitle: "London Black, Donut Latte",
buttons: [],
features: [ features: [
"Floral", "Floral", "Smoky", "Cacao Cream", "Addictive"],
"Smoky",
"Cacao Cream",
"Addictive",
],
}, },
]} ]}
title="The Menu" title="The Menu"
@@ -281,59 +194,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", role: "Visitor", company: "Koreatown", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-bar-entrance_23-2152024831.jpg"},
role: "Visitor",
company: "Koreatown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-bar-entrance_23-2152024831.jpg",
},
{ {
id: "t2", id: "t2", name: "Alex K.", role: "Regular", company: "LA Local", rating: 5,
name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-paper-bags-with-labels_23-2148441226.jpg"},
role: "Regular",
company: "LA Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-paper-bags-with-labels_23-2148441226.jpg",
},
{ {
id: "t3", id: "t3", name: "Mike R.", role: "Fan", company: "Visitor", rating: 5,
name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150170248.jpg"},
role: "Fan",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150170248.jpg",
},
{ {
id: "t4", id: "t4", name: "Elena V.", role: "Coffee Lover", company: "LA Local", rating: 5,
name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-milk-grass_23-2148399099.jpg"},
role: "Coffee Lover",
company: "LA Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-milk-grass_23-2148399099.jpg",
},
{ {
id: "t5", id: "t5", name: "David M.", role: "Regular", company: "Koreatown", rating: 5,
name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105178.jpg"},
role: "Regular",
company: "Koreatown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105178.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "4.9★", value: "4.9★", label: "Rating"},
label: "Rating",
},
{ {
value: "Cult", value: "Cult", label: "Status"},
label: "Status",
},
{ {
value: "Iconic", value: "Iconic", label: "Vibe"},
label: "Vibe",
},
]} ]}
title="Stagger Culture" title="Stagger Culture"
description="Tag us @staggercoffee." description="Tag us @staggercoffee."
@@ -344,8 +226,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Open Daily" tag="Open Daily"
title="Visit Us" title="Visit Us"
description="Koreatown, Los Angeles. Valet recommended." description="Koreatown, Los Angeles. Valet recommended."
@@ -356,46 +237,29 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [
{ {
label: "Home", label: "Home", href: "#hero"},
href: "#hero",
},
{ {
label: "Menu", label: "Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "Location", label: "Location", href: "#location"},
href: "#location",
},
], ],
}, },
{ {
title: "Social", title: "Social", items: [
items: [
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "TikTok", label: "TikTok", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -405,4 +269,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }