Merge version_1 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Storia Cafe"
|
||||
/>
|
||||
@@ -56,17 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Craft Coffee, Community, and Timeless Moments"
|
||||
description="Step into Storia—where every cup tells a story. Handpicked beans, warm hospitality, and a space designed for connection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu & Order Today",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu & Order Today", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,8 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Rooted in Passion"
|
||||
description={[
|
||||
"Founded with a simple mission: to bridge the gap between world-class roasting and genuine human connection. Storia is more than a coffee shop; it's a sanctuary for dreamers, workers, and locals alike.",
|
||||
]}
|
||||
"Founded with a simple mission: to bridge the gap between world-class roasting and genuine human connection. Storia is more than a coffee shop; it's a sanctuary for dreamers, workers, and locals alike."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,41 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinks-coffee_72229-1347.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Signature Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinks-coffee_72229-1347.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Croissant",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129718.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Artisan Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129718.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Single Origin Pour-Over",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Single Origin Pour-Over", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148176534.jpg",
|
||||
},
|
||||
id: "p4", name: "Iced Matcha Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148176534.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Toasted Avocado Toast",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composed-breakfast-food-coffee_23-2147699668.jpg",
|
||||
},
|
||||
id: "p5", name: "Toasted Avocado Toast", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/composed-breakfast-food-coffee_23-2147699668.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Rich Hot Chocolate",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-5376.jpg",
|
||||
},
|
||||
id: "p6", name: "Rich Hot Chocolate", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-5376.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Artisan blends, freshly baked pastries, and curated cafe favorites to keep you fueled throughout your day."
|
||||
@@ -136,28 +100,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calm Workspace",
|
||||
description: "Reliable high-speed WiFi and plenty of outlets make this the perfect space for remote workers and students.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-young-woman-sitting-table-cafe-working-laptop_1098-20175.jpg",
|
||||
title: "Calm Workspace", description: "Reliable high-speed WiFi and plenty of outlets make this the perfect space for remote workers and students.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-young-woman-sitting-table-cafe-working-laptop_1098-20175.jpg", imageAlt: "cafe workspace comfortable vibe"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wifi,
|
||||
text: "High-speed Fiber WiFi",
|
||||
},
|
||||
text: "High-speed Fiber WiFi"},
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Quiet Atmosphere",
|
||||
},
|
||||
text: "Quiet Atmosphere"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Plentiful Charging Stations",
|
||||
},
|
||||
text: "Plentiful Charging Stations"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg?_wi=2",
|
||||
imageAlt: "cafe workspace comfortable vibe",
|
||||
},
|
||||
]}
|
||||
title="Designed for Connection"
|
||||
@@ -171,60 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Regular Coffee Enthusiast",
|
||||
quote: "The best roast in town. I come here every morning for my latte and the atmosphere is unmatched.",
|
||||
tag: "Coffee",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg?_wi=3",
|
||||
imageAlt: "smiling coffee shop customer",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Regular Coffee Enthusiast", quote: "The best roast in town. I come here every morning for my latte and the atmosphere is unmatched.", tag: "Coffee", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg", imageAlt: "smiling coffee shop customer"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
date: "Sep 2023",
|
||||
title: "Remote Professional",
|
||||
quote: "Reliable WiFi and peaceful seating. Storia has become my second office.",
|
||||
tag: "Workspace",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg",
|
||||
imageAlt: "smiling coffee shop customer",
|
||||
},
|
||||
id: "t2", name: "Mark D.", date: "Sep 2023", title: "Remote Professional", quote: "Reliable WiFi and peaceful seating. Storia has become my second office.", tag: "Workspace", avatarSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "smiling coffee shop customer"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
date: "Aug 2023",
|
||||
title: "Local Artist",
|
||||
quote: "A beautiful aesthetic that is perfect for catching up with friends. Truly an instagrammable spot.",
|
||||
tag: "Vibe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinks-coffee_72229-1347.jpg?_wi=2",
|
||||
imageAlt: "smiling coffee shop customer",
|
||||
},
|
||||
id: "t3", name: "Elena R.", date: "Aug 2023", title: "Local Artist", quote: "A beautiful aesthetic that is perfect for catching up with friends. Truly an instagrammable spot.", tag: "Vibe", avatarSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinks-coffee_72229-1347.jpg", imageAlt: "smiling coffee shop customer"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Jul 2023",
|
||||
title: "Weekend Explorer",
|
||||
quote: "I visited for their event last weekend and the sense of community is incredible.",
|
||||
tag: "Events",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129718.jpg?_wi=2",
|
||||
imageAlt: "smiling coffee shop customer",
|
||||
},
|
||||
id: "t4", name: "David W.", date: "Jul 2023", title: "Weekend Explorer", quote: "I visited for their event last weekend and the sense of community is incredible.", tag: "Events", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129718.jpg", imageAlt: "smiling coffee shop customer"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe B.",
|
||||
date: "Jun 2023",
|
||||
title: "Coffee Connoisseur",
|
||||
quote: "The single origin beans they use are truly top-notch. Highly recommend for any specialty coffee lover.",
|
||||
tag: "Beans",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg?_wi=2",
|
||||
imageAlt: "smiling coffee shop customer",
|
||||
},
|
||||
id: "t5", name: "Chloe B.", date: "Jun 2023", title: "Coffee Connoisseur", quote: "The single origin beans they use are truly top-notch. Highly recommend for any specialty coffee lover.", tag: "Beans", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg", imageAlt: "smiling coffee shop customer"},
|
||||
]}
|
||||
title="Voices of Storia"
|
||||
description="Stories from our regulars, professionals, and weekend visitors."
|
||||
@@ -237,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept online orders?",
|
||||
content: "Yes, you can order ahead via our website for easy pickup.",
|
||||
},
|
||||
id: "f1", title: "Do you accept online orders?", content: "Yes, you can order ahead via our website for easy pickup."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your space pet-friendly?",
|
||||
content: "We welcome well-behaved pets on our outdoor patio seating area.",
|
||||
},
|
||||
id: "f2", title: "Is your space pet-friendly?", content: "We welcome well-behaved pets on our outdoor patio seating area."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you host events?",
|
||||
content: "Absolutely! We frequently host community meetups and coffee tasting workshops.",
|
||||
},
|
||||
id: "f3", title: "Do you host events?", content: "Absolutely! We frequently host community meetups and coffee tasting workshops."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our beans, space, or online orders? We've got answers."
|
||||
@@ -263,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"City Guide",
|
||||
"Coffee Guild",
|
||||
"Local Favorites",
|
||||
"Sustainable Brews",
|
||||
"Aesthetic Cafes",
|
||||
"Artisanal Roasts",
|
||||
"Community Hubs",
|
||||
]}
|
||||
"City Guide", "Coffee Guild", "Local Favorites", "Sustainable Brews", "Aesthetic Cafes", "Artisanal Roasts", "Community Hubs"]}
|
||||
title="Featured In"
|
||||
description="Our community values and commitment to specialty coffee have been recognized by local voices."
|
||||
/>
|
||||
@@ -280,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Join the Storia Community"
|
||||
description="Sign up for updates on our latest blends, community events, and special menu releases."
|
||||
@@ -292,13 +187,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Storia Cafe"
|
||||
leftLink={{
|
||||
text: "Terms & Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms & Privacy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user