Merge version_2 into main #5
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Eskapo"
|
||||
/>
|
||||
@@ -47,13 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Escape the Noise, Find Your Coffee"
|
||||
description="A hidden café where every cup is crafted for you—not just served. Slow down, stay longer, come back for the people."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Tonight", href: "#contact"},
|
||||
{ text: "Visit Us Tonight", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[]}
|
||||
/>
|
||||
@@ -64,7 +58,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Home Away from Home"
|
||||
description={[
|
||||
"Cafe Eskapo isn't just about coffee; it's a sanctuary for those who value slow-living experiences. We believe that a cafe should be a hidden escape where the noise of the city fades, replaced by the warmth of genuine connections and expertly crafted drinks.", "From elite baristas who remember your name to our cozy, late-night atmosphere, we have built a space that fosters true belonging. Come, slow down, and rediscover the art of the coffee break."]}
|
||||
"Cafe Eskapo isn't just about coffee; it's a sanctuary for those who value slow-living experiences. We believe that a cafe should be a hidden escape where the noise of the city fades, replaced by the warmth of genuine connections and expertly crafted drinks.", "From elite baristas who remember your name to our cozy, late-night atmosphere, we have built a space that fosters true belonging. Come, slow down, and rediscover the art of the coffee break."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,18 +68,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Craftsmanship", description: "Baristas trained to perfect every extraction.", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere", description: "Designed for relaxation and late-night gathering.", buttonIcon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "Personal Connection", description: "We build real relationships with our community.", buttonIcon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Slow Living", description: "A place to escape the daily rush.", buttonIcon: Clock,
|
||||
},
|
||||
{ title: "Expert Craftsmanship", description: "Baristas trained to perfect every extraction.", buttonIcon: Zap },
|
||||
{ title: "Cozy Atmosphere", description: "Designed for relaxation and late-night gathering.", buttonIcon: Armchair },
|
||||
{ title: "Personal Connection", description: "We build real relationships with our community.", buttonIcon: Coffee },
|
||||
{ title: "Slow Living", description: "A place to escape the daily rush.", buttonIcon: Clock },
|
||||
]}
|
||||
title="The Eskapo Experience"
|
||||
description="We offer more than just a menu; we curate moments that stay with you long after the last drop."
|
||||
@@ -98,12 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Specialty Pour Over", price: "$7.00" },
|
||||
{ id: "2", name: "Dark Chocolate Tart", price: "$6.50" },
|
||||
{ id: "3", name: "Lavender Vanilla Latte", price: "$6.00" },
|
||||
{ id: "4", name: "Almond Croissant", price: "$4.50" },
|
||||
{ id: "5", name: "Matcha Latte", price: "$6.50" },
|
||||
{ id: "6", name: "Artisanal Cappuccino", price: "$5.50" },
|
||||
{ id: "1", name: "Specialty Pour Over", price: "$7.00", imageSrc: "https://images.unsplash.com/photo-1544787219-7f47ccb76574?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "2", name: "Dark Chocolate Tart", price: "$6.50", imageSrc: "https://images.unsplash.com/photo-1557308535-ee82c21d1fab?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "3", name: "Lavender Vanilla Latte", price: "$6.00", imageSrc: "https://images.unsplash.com/photo-1594471167199-fd8b6b219036?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "4", name: "Almond Croissant", price: "$4.50", imageSrc: "https://images.unsplash.com/photo-1555507036-ab1f4038808a?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "5", name: "Matcha Latte", price: "$6.50", imageSrc: "https://images.unsplash.com/photo-1582744840502-0e9e4695e1e1?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "6", name: "Artisanal Cappuccino", price: "$5.50", imageSrc: "https://images.unsplash.com/photo-1534778101976-62847bb82c03?auto=format&fit=crop&q=80&w=400" },
|
||||
]}
|
||||
title="Crafted Drinks & Treats"
|
||||
description="Our selection is made fresh daily with carefully sourced ingredients."
|
||||
@@ -132,15 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cups Crafted", value: "50,000+"},
|
||||
{
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Guests", value: "12,000+"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Award-Winning", value: "5"},
|
||||
{ id: "m1", icon: Coffee, title: "Cups Crafted", value: "50,000+" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Guests", value: "12,000+" },
|
||||
{ id: "m3", icon: Award, title: "Award-Winning", value: "5" },
|
||||
]}
|
||||
title="Cafe Eskapo by the Numbers"
|
||||
description="Quality craft coffee serving our community every single day."
|
||||
@@ -152,12 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you accept reservations?", content: "We maintain an open-seating vibe to foster spontaneous connection, but for large groups, reach out via our contact form."},
|
||||
{
|
||||
id: "f2", title: "Do you offer vegan options?", content: "Absolutely. All our specialty coffees can be prepared with house-made nut milks."},
|
||||
{
|
||||
id: "f3", title: "Can I work in the cafe?", content: "Yes, we welcome creative thinkers during the day. After 8pm, we shift to a social, laptop-free vibe."},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "We maintain an open-seating vibe to foster spontaneous connection, but for large groups, reach out via our contact form." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely. All our specialty coffees can be prepared with house-made nut milks." },
|
||||
{ id: "f3", title: "Can I work in the cafe?", content: "Yes, we welcome creative thinkers during the day. After 8pm, we shift to a social, laptop-free vibe." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about our cafe? Here's what you need to know."
|
||||
@@ -168,15 +146,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Escape?"
|
||||
description="Find us nestled in the heart of the city, open late for all your coffee cravings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,15 +159,9 @@ export default function LandingPage() {
|
||||
logoText="Cafe Eskapo"
|
||||
copyrightText="© 2025 Cafe Eskapo. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user