Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user