Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d20c7617fe |
248
src/app/page.tsx
248
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user