Merge version_1 into main #1
198
src/app/page.tsx
198
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Locations",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Locations", id: "contact"},
|
||||
]}
|
||||
brandName="Whisk Cafe"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Whisk Cafe"
|
||||
description="Niagara’s premium destination for artisanal matcha, fresh smoothies, and curated café experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-green-matcha-still-life_23-2150768977.jpg"
|
||||
imageAlt="matcha latte pour aesthetic"
|
||||
@@ -93,59 +80,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Matcha",
|
||||
name: "OG Matcha Latte",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23332.jpg",
|
||||
},
|
||||
id: "1", brand: "Matcha", name: "OG Matcha Latte", price: "$6.50", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23332.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Pastry",
|
||||
name: "Pistachio Croissant",
|
||||
price: "$5.75",
|
||||
rating: 5,
|
||||
reviewCount: "840",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-french-croissant-with-decorative-leaves-grey-wooden-board_114579-59280.jpg",
|
||||
},
|
||||
id: "2", brand: "Pastry", name: "Pistachio Croissant", price: "$5.75", rating: 5,
|
||||
reviewCount: "840", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-french-croissant-with-decorative-leaves-grey-wooden-board_114579-59280.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Smoothie",
|
||||
name: "Purple Power Bowl",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "620",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-creamy-berry-dessert_23-2147693764.jpg",
|
||||
},
|
||||
id: "3", brand: "Smoothie", name: "Purple Power Bowl", price: "$12.00", rating: 5,
|
||||
reviewCount: "620", imageSrc: "http://img.b2bpic.net/free-photo/sweet-creamy-berry-dessert_23-2147693764.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Coffee",
|
||||
name: "Vanilla Bean Latte",
|
||||
price: "$5.95",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg",
|
||||
},
|
||||
id: "4", brand: "Coffee", name: "Vanilla Bean Latte", price: "$5.95", rating: 4,
|
||||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Matcha",
|
||||
name: "Strawberry Matcha",
|
||||
price: "$7.25",
|
||||
rating: 5,
|
||||
reviewCount: "910",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23324.jpg",
|
||||
},
|
||||
id: "5", brand: "Matcha", name: "Strawberry Matcha", price: "$7.25", rating: 5,
|
||||
reviewCount: "910", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23324.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Matcha",
|
||||
name: "Pistachio Matcha",
|
||||
price: "$7.50",
|
||||
rating: 5,
|
||||
reviewCount: "780",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1054.jpg",
|
||||
},
|
||||
id: "6", brand: "Matcha", name: "Pistachio Matcha", price: "$7.50", rating: 5,
|
||||
reviewCount: "780", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1054.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our curated selection of high-quality matcha, fresh smoothies, and artisanal baked goods."
|
||||
@@ -157,14 +108,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Niagara Daily",
|
||||
"Coffee Enthusiast",
|
||||
"Local Flavors",
|
||||
"Crave Niagara",
|
||||
"The Daily Cup",
|
||||
"Foodie Niagara",
|
||||
"Cafe Culture",
|
||||
]}
|
||||
"Niagara Daily", "Coffee Enthusiast", "Local Flavors", "Crave Niagara", "The Daily Cup", "Foodie Niagara", "Cafe Culture"]}
|
||||
title="Featured In & Loved By"
|
||||
description="Join our community of matcha lovers across Niagara."
|
||||
/>
|
||||
@@ -177,45 +121,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.eats",
|
||||
testimonial: "Best matcha I've ever had in my life. So aesthetic too!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah.eats", testimonial: "Best matcha I've ever had in my life. So aesthetic too!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
handle: "@miketravels",
|
||||
testimonial: "My new go-to spot for working and grabbing a latte.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-19906.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", handle: "@miketravels", testimonial: "My new go-to spot for working and grabbing a latte.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-19906.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena.grams",
|
||||
testimonial: "Everything was so delicious, the croissant is a must try.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-breakfast-sweet-deserts-few-different-chia-puddings-glass-jars-wooden-table-kitchen-home_343596-1249.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena.grams", testimonial: "Everything was so delicious, the croissant is a must try.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-breakfast-sweet-deserts-few-different-chia-puddings-glass-jars-wooden-table-kitchen-home_343596-1249.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dave.vibe",
|
||||
testimonial: "Friendly staff, amazing drinks, and always so clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2643.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@dave.vibe", testimonial: "Friendly staff, amazing drinks, and always so clean.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2643.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny L.",
|
||||
handle: "@jenny.lo",
|
||||
testimonial: "Such a super cute spot, perfect for Instagram photos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-hair-sunset_624325-534.jpg",
|
||||
},
|
||||
id: "5", name: "Jenny L.", handle: "@jenny.lo", testimonial: "Such a super cute spot, perfect for Instagram photos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-hair-sunset_624325-534.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What People Are Saying"
|
||||
@@ -230,29 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Coffee Dates",
|
||||
tags: [
|
||||
"Social",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149358472.jpg",
|
||||
},
|
||||
id: "f1", title: "Coffee Dates", tags: [
|
||||
"Social"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149358472.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Solo Rituals",
|
||||
tags: [
|
||||
"Focus",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stylish-man-with-trendy-haircut-writes-records-notepad-focused-newspaper-drinks-takeaway-coffee-uses-modern-laptop-computer-freelance-work-hipster-guy-makes-recordings_273609-29250.jpg",
|
||||
},
|
||||
id: "f2", title: "Solo Rituals", tags: [
|
||||
"Focus"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stylish-man-with-trendy-haircut-writes-records-notepad-focused-newspaper-drinks-takeaway-coffee-uses-modern-laptop-computer-freelance-work-hipster-guy-makes-recordings_273609-29250.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instagrammable Moments",
|
||||
tags: [
|
||||
"Vibe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-lesbian-couple-looking-down-with-shy-smile-holding-hands-lunch-restaurant_273609-9596.jpg",
|
||||
},
|
||||
id: "f3", title: "Instagrammable Moments", tags: [
|
||||
"Vibe"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-lesbian-couple-looking-down-with-shy-smile-holding-hands-lunch-restaurant_273609-9596.jpg"},
|
||||
]}
|
||||
title="The Whisk Experience"
|
||||
description="From aesthetic café dates to solo morning rituals, discover your perfect moment at Whisk."
|
||||
@@ -265,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Absolutely! We have several plant-based milks and vegan pastry options daily.",
|
||||
},
|
||||
id: "q1", title: "Do you offer vegan options?", content: "Absolutely! We have several plant-based milks and vegan pastry options daily."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are your locations?",
|
||||
content: "We are located across the heart of Niagara. Check our contact section for maps.",
|
||||
},
|
||||
id: "q2", title: "Where are your locations?", content: "We are located across the heart of Niagara. Check our contact section for maps."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I order ahead?",
|
||||
content: "Yes, we prioritize quick grab-and-go ordering via our app or in-store.",
|
||||
},
|
||||
id: "q3", title: "Can I order ahead?", content: "Yes, we prioritize quick grab-and-go ordering via our app or in-store."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -290,10 +188,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visit Whisk Today"
|
||||
description="Experience the matcha everyone is talking about. Find us at our various Niagara locations."
|
||||
/>
|
||||
@@ -303,13 +201,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Whisk Cafe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user