bender/cf072d9f-cac0-4f9a-a6df-801bfc0de236
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... main

Author SHA1 Message Date
bender
c9ef069a90 Merge version_2 into main 
Merge version_2 into main
 2026-04-15 23:35:18 +00:00
bender
7f8d190670 Update src/app/page.tsx 2026-04-15 23:35:12 +00:00
1 changed files with 56 additions and 199 deletions
Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Story",
id: "#story",
},
name: "Story", id: "#story"},
{
name: "Rewards",
id: "#rewards",
},
name: "Rewards", id: "#rewards"},
{
name: "Find Us",
id: "#footer",
},
name: "Find Us", id: "#footer"},
]}
brandName="The Human Bean"
/>
@@ -56,35 +48,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Crafted for the human."
description="Every cup is a moment. Every sip, an intention. We've been making people's days a little brighter since 1998 — and we're not stopping."
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=255th6",
imageAlt: "Coffee service",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=255th6", imageAlt: "Coffee service"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d943m7",
imageAlt: "Coffee beans",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d943m7", imageAlt: "Coffee beans"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48lsao",
imageAlt: "Drive thru experience",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=48lsao", imageAlt: "Drive thru experience"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wucxv8",
imageAlt: "Barista service",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wucxv8", imageAlt: "Barista service"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cwht9e",
imageAlt: "Interior cafe",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cwht9e", imageAlt: "Interior cafe"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ay7tl",
imageAlt: "Morning coffee",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ay7tl", imageAlt: "Morning coffee"},
]}
mediaAnimation="slide-up"
/>
@@ -95,9 +74,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="More than a cup of coffee"
description={[
"What started as a single drive-thru espresso stand in Ashland, Oregon in 1998 has become a community of over 300 locations nationwide.",
"We're not just selling coffee. We're making mornings, fueling afternoons, and celebrating every little win with the people who walk — or drive — into our lives. Quality in every bean. Warmth in every interaction.",
]}
"What started as a single drive-thru espresso stand in Ashland, Oregon in 1998 has become a community of over 300 locations nationwide.", "We're not just selling coffee. We're making mornings, fueling afternoons, and celebrating every little win with the people who walk — or drive — into our lives. Quality in every bean. Warmth in every interaction."]}
/>
</div>
@@ -109,47 +86,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Iced Caramel Latte",
price: "$5.25",
variant: "Classic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7j89o",
},
id: "p1", name: "Iced Caramel Latte", price: "$5.25", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7j89o"},
{
id: "p2",
name: "Mexi Mocha",
price: "$5.75",
variant: "Spiced",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vaghb6",
},
id: "p2", name: "Mexi Mocha", price: "$5.75", variant: "Spiced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vaghb6"},
{
id: "p3",
name: "Matcha Lavender Latte",
price: "$6.00",
variant: "Earthy",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ffiqa",
},
id: "p3", name: "Matcha Lavender Latte", price: "$6.00", variant: "Earthy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ffiqa"},
{
id: "p4",
name: "Strawberry Smoothie",
price: "$4.50",
variant: "Kids",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndqr15",
},
id: "p4", name: "Strawberry Smoothie", price: "$4.50", variant: "Kids", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndqr15"},
{
id: "p5",
name: "Peach Fling Energy",
price: "$5.00",
variant: "Energy",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a038kn",
},
id: "p5", name: "Peach Fling Energy", price: "$5.00", variant: "Energy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a038kn"},
{
id: "p6",
name: "Galaxy Energy Blended",
price: "$5.50",
variant: "Frozen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ib75n",
},
id: "p6", name: "Galaxy Energy Blended", price: "$5.50", variant: "Frozen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ib75n"},
]}
title="What We're Pouring"
description="Premium espresso, signature energy drinks, and our little beans favorites."
@@ -163,23 +110,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Coffee,
title: "Founded",
value: "1998",
},
id: "m1", icon: Coffee,
title: "Founded", value: "1998"},
{
id: "m2",
icon: MapPin,
title: "Locations",
value: "300+",
},
id: "m2", icon: MapPin,
title: "Locations", value: "300+"},
{
id: "m3",
icon: Star,
title: "Avg Rating",
value: "4.4★",
},
id: "m3", icon: Star,
title: "Avg Rating", value: "4.4★"},
]}
title="Our Impact"
description="Spreading warmth across the country one cup at a time."
@@ -193,34 +131,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Quality",
title: "Sourced with care",
items: [
"Small-batch roasters",
"Premium espresso",
"Seasonal sourcing",
],
id: "f1", label: "Quality", title: "Sourced with care", items: [
"Small-batch roasters", "Premium espresso", "Seasonal sourcing"],
},
{
id: "f2",
label: "Convenience",
title: "On your schedule",
items: [
"Open from 5 AM",
"Order ahead",
"UberEats & DoorDash",
],
id: "f2", label: "Convenience", title: "On your schedule", items: [
"Open from 5 AM", "Order ahead", "UberEats & DoorDash"],
},
{
id: "f3",
label: "Community",
title: "Service that matters",
items: [
"Bean on Top service",
"Friendly baristas",
"Warm interactions",
],
id: "f3", label: "Community", title: "Service that matters", items: [
"Bean on Top service", "Friendly baristas", "Warm interactions"],
},
]}
title="The Experience"
@@ -235,40 +155,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex J.",
role: "Visitor",
testimonial: "The staff are super friendly and very knowledgeable. The Galaxy Bright Energy is the perfect mid-day drink.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xgv22e",
},
id: "t1", name: "Alex J.", role: "Visitor", testimonial: "The staff are super friendly and very knowledgeable. The Galaxy Bright Energy is the perfect mid-day drink.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xgv22e"},
{
id: "t2",
name: "Natalie S.",
role: "Regular",
testimonial: "Consistently excellent coffee and the kind of service that genuinely makes your day better.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2ppfd",
},
id: "t2", name: "Natalie S.", role: "Regular", testimonial: "Consistently excellent coffee and the kind of service that genuinely makes your day better.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2ppfd"},
{
id: "t3",
name: "Jennifer R.",
role: "Parent",
testimonial: "The matcha latte with lavender was delicious. My kids loved their strawberry smoothies and the cake pops.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ws86",
},
id: "t3", name: "Jennifer R.", role: "Parent", testimonial: "The matcha latte with lavender was delicious. My kids loved their strawberry smoothies and the cake pops.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ws86"},
{
id: "t4",
name: "Michael B.",
role: "Regular",
testimonial: "Best drive-thru experience. Fast, friendly, and consistently great quality.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbdjri",
},
id: "t4", name: "Michael B.", role: "Regular", testimonial: "Best drive-thru experience. Fast, friendly, and consistently great quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbdjri"},
{
id: "t5",
name: "Sarah W.",
role: "Visitor",
testimonial: "I love the rewards app. It makes my morning run so much faster and easier.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jihuon",
},
id: "t5", name: "Sarah W.", role: "Visitor", testimonial: "I love the rewards app. It makes my morning run so much faster and easier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jihuon"},
]}
title="What Our Guests Say"
description="Real people, real mornings."
@@ -282,35 +177,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "r1",
badge: "Daily",
price: "Beans",
subtitle: "Every purchase",
features: [
"Earn on every visit",
"Double Beans Wednesdays",
"Member-only drops",
],
id: "r1", badge: "Daily", price: "Beans", subtitle: "Every purchase", features: [
"Earn on every visit", "Double Beans Wednesdays", "Member-only drops"],
buttons: [
{
text: "Download App",
},
text: "Download App"},
],
},
{
id: "r2",
badge: "Fast",
price: "Faster",
subtitle: "Perks",
features: [
"Pay from phone",
"Free birthday drink",
"Exclusive access",
],
id: "r2", badge: "Fast", price: "Faster", subtitle: "Perks", features: [
"Pay from phone", "Free birthday drink", "Exclusive access"],
buttons: [
{
text: "Join Rewards",
},
text: "Join Rewards"},
],
},
]}
@@ -323,12 +202,11 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Your next great cup awaits"
description="Pull up, order ahead, or have it delivered. Open from 5 AM."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na4my1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPnHDS97tfN8WWtHCi3pfalhsF/uploaded-1776296094493-9xazn08m.png"
mediaAnimation="slide-up"
/>
</div>
@@ -338,54 +216,33 @@ export default function LandingPage() {
logoText="The Human Bean"
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Espresso Drinks",
href: "#menu",
},
label: "Espresso Drinks", href: "#menu"},
{
label: "Bright Energy",
href: "#menu",
},
label: "Bright Energy", href: "#menu"},
{
label: "Smoothies",
href: "#menu",
},
label: "Smoothies", href: "#menu"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#story",
},
label: "About Us", href: "#story"},
{
label: "Rewards",
href: "#rewards",
},
label: "Rewards", href: "#rewards"},
{
label: "Franchising",
href: "#",
},
label: "Franchising", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
{
label: "Accessibility",
href: "#",
},
label: "Accessibility", href: "#"},
],
},
]}
@@ -395,4 +252,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}