bender/81a064ab-dfa0-4967-9e86-aea990de42e1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-07 16:52:24 +00:00
parent d6db2f31bd
commit 3dc96148b3
1 changed files with 53 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Story",
id: "about",
},
name: "Story", id: "about"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Experience",
id: "experience",
},
name: "Experience", id: "experience"},
{
name: "Visit",
id: "visit",
},
name: "Visit", id: "visit"},
]}
brandName="Mission Coffee House"
/>
@@ -55,76 +47,47 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Where Every Cup Tells a Story"
description="Crafted with intention. Served with care. A sanctuary for those who believe great coffee is worth slowing down for."
kpis={[
{
value: "2019",
label: "Est. Year",
},
value: "2019", label: "Est. Year"},
{
value: "14",
label: "Farm Partners",
},
value: "14", label: "Farm Partners"},
{
value: "100%",
label: "Organic Milk",
},
value: "100%", label: "Organic Milk"},
]}
enableKpiAnimation={false}
buttons={[
{
text: "Explore the Menu",
href: "#menu",
},
text: "Explore the Menu", href: "#menu"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg", alt: "Customer"},
]}
marqueeItems={[
{
type: "text",
text: "Ethically Sourced",
},
type: "text", text: "Ethically Sourced"},
{
type: "text",
text: "Small Batch",
},
type: "text", text: "Small Batch"},
{
type: "text",
text: "Mission District",
},
type: "text", text: "Mission District"},
{
type: "text",
text: "Direct Trade",
},
type: "text", text: "Direct Trade"},
{
type: "text",
text: "Freshly Roasted",
},
type: "text", text: "Freshly Roasted"},
]}
/>
</div>
@@ -143,28 +106,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Coffee Cupping",
description: "Guided sessions every other Friday. Side-by-side tastings.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg?_wi=2",
imageAlt: "artisanal coffee shop interior warm lighting",
title: "Coffee Cupping", description: "Guided sessions every other Friday. Side-by-side tastings.", bentoComponent: "reveal-icon", icon: Coffee,
},
{
title: "Private Hosting",
description: "Exceptional hospitality for your next team off-site or party.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-roasted-coffee-beans-wooden-spoon-marble-surface_114579-43555.jpg",
imageAlt: "close up artisan coffee roastery rustic background",
title: "Private Hosting", description: "Exceptional hospitality for your next team off-site or party.", bentoComponent: "reveal-icon", icon: Users,
},
{
title: "Barista Workshops",
description: "Hands-on classes for enthusiasts and pros.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg?_wi=1",
imageAlt: "delicious espresso cortado served in ceramic cup",
title: "Barista Workshops", description: "Hands-on classes for enthusiasts and pros.", bentoComponent: "reveal-icon", icon: Award,
},
]}
title="More Than a Coffee Shop"
@@ -180,41 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "The Mission Espresso",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg?_wi=2",
},
id: "1", name: "The Mission Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg"},
{
id: "2",
name: "Cortado",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg?_wi=1",
},
id: "2", name: "Cortado", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg"},
{
id: "3",
name: "Honey Cardamom Latte",
price: "$6.50",
imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg?_wi=1",
},
id: "3", name: "Honey Cardamom Latte", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg"},
{
id: "4",
name: "Flat White",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg?_wi=3",
},
id: "4", name: "Flat White", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg"},
{
id: "5",
name: "Shakerato",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg?_wi=2",
},
id: "5", name: "Shakerato", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg"},
{
id: "6",
name: "Macchiato",
price: "$4.00",
imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg?_wi=2",
},
id: "6", name: "Macchiato", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg"},
]}
title="Crafted Selections"
description="Our curated menu reflects our dedication to the art of coffee."
@@ -228,23 +152,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Clock,
title: "Serving Years",
value: "6+",
},
id: "m1", icon: Clock,
title: "Serving Years", value: "6+"},
{
id: "m2",
icon: Leaf,
title: "Direct Trade Partners",
value: "14",
},
id: "m2", icon: Leaf,
title: "Direct Trade Partners", value: "14"},
{
id: "m3",
icon: Coffee,
title: "Weekly Roast Profiles",
value: "3",
},
id: "m3", icon: Coffee,
title: "Weekly Roast Profiles", value: "3"},
]}
title="By The Numbers"
description="Our craft in numbers, serving our neighborhood every day."
@@ -259,45 +174,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah K.",
role: "Regular",
company: "Mission Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg?_wi=1",
},
id: "1", name: "Sarah K.", role: "Regular", company: "Mission Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg"},
{
id: "2",
name: "Marcus T.",
role: "Design Director",
company: "Creative Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
},
id: "2", name: "Marcus T.", role: "Design Director", company: "Creative Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
{
id: "3",
name: "Priya M.",
role: "Guest",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg",
},
id: "3", name: "Priya M.", role: "Guest", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg"},
{
id: "4",
name: "James R.",
role: "Barista",
company: "Coffee Lovers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg",
},
id: "4", name: "James R.", role: "Barista", company: "Coffee Lovers", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg"},
{
id: "5",
name: "Emily H.",
role: "Guest",
company: "Daily Commuter",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg?_wi=2",
},
id: "5", name: "Emily H.", role: "Guest", company: "Daily Commuter", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg"},
]}
title="Loved by the Community"
description="What our guests say about their Mission Coffee House experience."
@@ -311,16 +201,10 @@ export default function LandingPage() {
description="Visit us at 1247 Mission Street, SF. Join our newsletter to stay connected."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-diary-spectacles-wooden-desk_23-2147892884.jpg"
@@ -333,33 +217,21 @@ export default function LandingPage() {
{
items: [
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "Visit",
href: "#visit",
},
label: "Visit", href: "#visit"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Accessibility",
href: "#",
},
label: "Accessibility", href: "#"},
{
label: "Wholesale",
href: "#",
},
label: "Wholesale", href: "#"},
],
},
]}