Merge version_2 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user