Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0528714b6f | |||
| fbd3afc70e |
261
src/app/page.tsx
261
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit Us", id: "contact"},
|
||||
]}
|
||||
brandName="Bus Stop Coffee"
|
||||
/>
|
||||
@@ -54,81 +46,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your Favorite Stop for Exceptional Coffee"
|
||||
description="Where cozy meets craft — sip, relax, and stay awhile."
|
||||
description="Experience the difference of artisan beans, roasted locally for the perfect cup every time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The toasted honey latte was the best!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-teapot-pouring-tea-grinder_23-2148317002.jpg?_wi=1",
|
||||
imageAlt: "cinematic slow motion coffee pouring warm cafe",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The toasted honey latte was the best!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-teapot-pouring-tea-grinder_23-2148317002.jpg?_wi=1", imageAlt: "cinematic slow motion coffee pouring warm cafe"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Cozy, welcoming, and perfect to relax.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-3019.jpg?_wi=1",
|
||||
imageAlt: "cinematic slow motion coffee pouring warm cafe",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Cozy, welcoming, and perfect to relax.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-3019.jpg?_wi=1", imageAlt: "cinematic slow motion coffee pouring warm cafe"},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Rustic vibe, amazing coffee, and super friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fashion-girls-city_1157-14520.jpg?_wi=1",
|
||||
imageAlt: "cinematic slow motion coffee pouring warm cafe",
|
||||
},
|
||||
name: "Emily P.", handle: "@emilyp", testimonial: "Rustic vibe, amazing coffee, and super friendly staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fashion-girls-city_1157-14520.jpg?_wi=1", imageAlt: "cinematic slow motion coffee pouring warm cafe"},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "Simply the best hidden gem in the neighborhood.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg?_wi=1",
|
||||
imageAlt: "cinematic slow motion coffee pouring warm cafe",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "Simply the best hidden gem in the neighborhood.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg?_wi=1", imageAlt: "cinematic slow motion coffee pouring warm cafe"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamiel",
|
||||
testimonial: "A perfect sanctuary for my morning coffee ritual.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg?_wi=1",
|
||||
imageAlt: "cinematic slow motion coffee pouring warm cafe",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamiel", testimonial: "A perfect sanctuary for my morning coffee ritual.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg?_wi=1", imageAlt: "cinematic slow motion coffee pouring warm cafe"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-teapot-pouring-tea-grinder_23-2148317002.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-pouring-red-tea-from-traditional-kettle-white-cup_23-2147975354.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-pouring-red-tea-from-traditional-kettle-white-cup_23-2147975354.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-bathrobe-is-holding-small-mug-coffee_1153-3748.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-bathrobe-is-holding-small-mug-coffee_1153-3748.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-with-foam-flower_1112-480.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-with-foam-flower_1112-480.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,45 +92,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Coffee",
|
||||
quote: "The toasted honey latte is absolutely legendary.",
|
||||
name: "Alice B.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-3019.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Great Coffee", quote: "The toasted honey latte is absolutely legendary.", name: "Alice B.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-3019.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Best Atmosphere",
|
||||
quote: "My favorite place to catch up on emails. So relaxing.",
|
||||
name: "Ben T.",
|
||||
role: "Digital Nomad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fashion-girls-city_1157-14520.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Best Atmosphere", quote: "My favorite place to catch up on emails. So relaxing.", name: "Ben T.", role: "Digital Nomad", imageSrc: "http://img.b2bpic.net/free-photo/two-fashion-girls-city_1157-14520.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Friendly Vibes",
|
||||
quote: "The staff here make you feel like family every time.",
|
||||
name: "Chloe R.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Friendly Vibes", quote: "The staff here make you feel like family every time.", name: "Chloe R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Rustic Charm",
|
||||
quote: "The interior is so well-designed. Truly a hidden gem.",
|
||||
name: "David W.",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", title: "Rustic Charm", quote: "The interior is so well-designed. Truly a hidden gem.", name: "David W.", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Generous Portions",
|
||||
quote: "Best bagel and coffee combo in town. Always leave full.",
|
||||
name: "Eva M.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
|
||||
},
|
||||
id: "t5", title: "Generous Portions", quote: "Best bagel and coffee combo in town. Always leave full.", name: "Eva M.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Heartfelt moments from our favorite regulars."
|
||||
@@ -192,55 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Toasted Honey Latte",
|
||||
price: "$5.50",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7838.jpg",
|
||||
},
|
||||
id: "p1", name: "Toasted Honey Latte", price: "$5.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7838.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fruity Blend Coffee",
|
||||
price: "$4.00",
|
||||
variant: "Artisan Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-process-coffee-shop_23-2148366568.jpg",
|
||||
},
|
||||
id: "p2", name: "Fruity Blend Coffee", price: "$4.00", variant: "Artisan Roast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-process-coffee-shop_23-2148366568.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blueberry Bagel",
|
||||
price: "$6.50",
|
||||
variant: "Freshly Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramelized-bananas-with-cream-sauce-crushed-nuts-dark-plate_84443-70631.jpg",
|
||||
},
|
||||
id: "p3", name: "Blueberry Bagel", price: "$6.50", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/caramelized-bananas-with-cream-sauce-crushed-nuts-dark-plate_84443-70631.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Strawberry Cream Cheese",
|
||||
price: "$1.50",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruit-cake-delicious-round-formed-with-fresh-blue-berries-dark-cake-biscuit-sweet-sugar_140725-24797.jpg",
|
||||
},
|
||||
id: "p4", name: "Strawberry Cream Cheese", price: "$1.50", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruit-cake-delicious-round-formed-with-fresh-blue-berries-dark-cake-biscuit-sweet-sugar_140725-24797.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$5.75",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116848.jpg",
|
||||
},
|
||||
id: "p5", name: "Iced Vanilla Latte", price: "$5.75", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116848.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Drip Coffee",
|
||||
price: "$3.50",
|
||||
variant: "Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-holding-cup-coffee-with-both-hands_23-2148760677.jpg",
|
||||
},
|
||||
id: "p6", name: "Artisan Drip Coffee", price: "$3.50", variant: "Roast", imageSrc: "http://img.b2bpic.net/free-photo/model-holding-cup-coffee-with-both-hands_23-2148760677.jpg"},
|
||||
]}
|
||||
title="Our Signature Favorites"
|
||||
description="Handcrafted goodness in every cup and plate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Full Menu", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,9 +142,7 @@ export default function LandingPage() {
|
||||
title="Bus Stop Coffee was created as a place where people slow down, connect, and enjoy truly great coffee."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -265,26 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cozy Seating",
|
||||
description: "Comfortable corners designed for reading or deep conversations.",
|
||||
tag: "Relax",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg",
|
||||
},
|
||||
id: "f1", title: "Cozy Seating", description: "Comfortable corners designed for reading or deep conversations.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Rustic Interior",
|
||||
description: "Warm wood textures and character in every detail.",
|
||||
tag: "Atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784417.jpg",
|
||||
},
|
||||
id: "f2", title: "Rustic Interior", description: "Warm wood textures and character in every detail.", tag: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784417.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Live Music Nights",
|
||||
description: "Local talent bringing soulful rhythms to your evening.",
|
||||
tag: "Events",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-plays-guitar-girl-top-view_169016-21219.jpg",
|
||||
},
|
||||
id: "f3", title: "Live Music Nights", description: "Local talent bringing soulful rhythms to your evening.", tag: "Events", imageSrc: "http://img.b2bpic.net/free-photo/young-man-plays-guitar-girl-top-view_169016-21219.jpg"},
|
||||
]}
|
||||
title="Experience the Hidden Gem"
|
||||
description="More than coffee — it’s a place to pause."
|
||||
@@ -298,26 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Artisan Quality",
|
||||
description: "Ethically sourced, freshly roasted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-coffee-beans-beige-surface_114579-46136.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Artisan Quality", description: "Ethically sourced, freshly roasted.", imageSrc: "http://img.b2bpic.net/free-photo/bunch-coffee-beans-beige-surface_114579-46136.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
title: "Happy Neighbors",
|
||||
description: "Welcomed community guests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg",
|
||||
},
|
||||
id: "m2", value: "1000+", title: "Happy Neighbors", description: "Welcomed community guests.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Good Vibes",
|
||||
description: "Always here for your pause.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-smartphone_23-2149356891.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Good Vibes", description: "Always here for your pause.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-smartphone_23-2149356891.jpg"},
|
||||
]}
|
||||
title="The Art of Slow Living"
|
||||
description="Numbers behind the warmth."
|
||||
@@ -328,16 +187,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Make Your Next Stop Count"
|
||||
description="Swing by for a warm cup and a friendly smile."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,38 +203,25 @@ export default function LandingPage() {
|
||||
logoText="Bus Stop Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Directions", href: "#contact"},
|
||||
{
|
||||
label: "Hours",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hours", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -387,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user