Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,41 +32,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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="Enso Cafe"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mindfulness in Every Cup"
|
||||
description="Discover the art of slowing down at Enso Cafe. Ethically sourced beans, handcrafted pastries, and a space designed for quiet reflection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=1"
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg"
|
||||
imageAlt="cozy cafe interior minimal"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,7 +61,7 @@ export default function LandingPage() {
|
||||
description="At Enso, we believe coffee is more than a caffeine boost; it is a ritual. We source only organic, fair-trade beans and focus on sustainable brewing methods that honor the earth."
|
||||
subdescription="Whether you're starting your morning or seeking a midday pause, we invite you to find your balance here."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -91,48 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Buttery Croissant",
|
||||
price: "$4.50",
|
||||
variant: "Pastry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Latte",
|
||||
price: "$5.50",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Avocado Toast",
|
||||
price: "$12.00",
|
||||
variant: "Brunch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritious-breakfast-meal-assortment_23-2148833906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matcha Latte",
|
||||
price: "$6.00",
|
||||
variant: "Tea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163389.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Drip Roast",
|
||||
price: "$3.50",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-top-view-background_24972-2317.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$5.00",
|
||||
variant: "Pastry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-poppy-seed-rolls-with-sugar-glaze_181624-44280.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Buttery Croissant", price: "$4.50", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg" },
|
||||
{ id: "p2", name: "Signature Latte", price: "$5.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg" },
|
||||
{ id: "p3", name: "Avocado Toast", price: "$12.00", variant: "Brunch", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritious-breakfast-meal-assortment_23-2148833906.jpg" },
|
||||
{ id: "p4", name: "Matcha Latte", price: "$6.00", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163389.jpg" },
|
||||
{ id: "p5", name: "Drip Roast", price: "$3.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-top-view-background_24972-2317.jpg" },
|
||||
{ id: "p6", name: "Cinnamon Roll", price: "$5.00", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-poppy-seed-rolls-with-sugar-glaze_181624-44280.jpg" }
|
||||
]}
|
||||
title="Handcrafted Menu"
|
||||
description="Experience our curated selection of signature roasts, teas, and house-made delicacies."
|
||||
@@ -144,46 +90,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Sourcing",
|
||||
title: "Direct Trade",
|
||||
subtitle: "Ethical",
|
||||
description: "Beans sourced directly from farmers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg",
|
||||
imageAlt: "Breakfast composition",
|
||||
},
|
||||
{
|
||||
tag: "Process",
|
||||
title: "Slow Roast",
|
||||
subtitle: "Artisan",
|
||||
description: "Small-batch roasting for flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg?_wi=2",
|
||||
imageAlt: "Breakfast composition",
|
||||
},
|
||||
{
|
||||
tag: "Space",
|
||||
title: "Zen Interior",
|
||||
subtitle: "Relaxing",
|
||||
description: "Designed for quiet work and rest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=2",
|
||||
imageAlt: "Breakfast composition",
|
||||
},
|
||||
{
|
||||
tag: "Community",
|
||||
title: "Local Hub",
|
||||
subtitle: "Connected",
|
||||
description: "A space for neighbors to gather.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg?_wi=2",
|
||||
imageAlt: "Breakfast composition",
|
||||
},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Expert Brew",
|
||||
subtitle: "Barista-led",
|
||||
description: "Professional mastery in every cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg?_wi=2",
|
||||
imageAlt: "Breakfast composition",
|
||||
},
|
||||
{ tag: "Sourcing", title: "Direct Trade", subtitle: "Ethical", description: "Beans sourced directly from farmers.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg", imageAlt: "Breakfast composition" },
|
||||
{ tag: "Process", title: "Slow Roast", subtitle: "Artisan", description: "Small-batch roasting for flavor.", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg", imageAlt: "Breakfast composition" },
|
||||
{ tag: "Space", title: "Zen Interior", subtitle: "Relaxing", description: "Designed for quiet work and rest.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg", imageAlt: "Breakfast composition" },
|
||||
{ tag: "Community", title: "Local Hub", subtitle: "Connected", description: "A space for neighbors to gather.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg", imageAlt: "Breakfast composition" },
|
||||
{ tag: "Quality", title: "Expert Brew", subtitle: "Barista-led", description: "Professional mastery in every cup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg", imageAlt: "Breakfast composition" }
|
||||
]}
|
||||
title="Why Choose Enso"
|
||||
description="Everything we do is focused on your experience."
|
||||
@@ -196,36 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Leaf,
|
||||
title: "Ethical Sourcing",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "50K+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Local Awards",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Users,
|
||||
title: "Daily Visitors",
|
||||
value: "300+",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Clock,
|
||||
title: "Years Brewing",
|
||||
value: "5",
|
||||
},
|
||||
{ id: "m1", icon: Leaf, title: "Ethical Sourcing", value: "100%" },
|
||||
{ id: "m2", icon: Coffee, title: "Cups Served", value: "50K+" },
|
||||
{ id: "m3", icon: Award, title: "Local Awards", value: "12" },
|
||||
{ id: "m4", icon: Users, title: "Daily Visitors", value: "300+" },
|
||||
{ id: "m5", icon: Clock, title: "Years Brewing", value: "5" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quantifying our journey through passion and persistence."
|
||||
@@ -238,60 +124,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-with-heart-latte-art_1170-693.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-college-student-spending-time-cafe_1262-15203.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Writer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressing-ideas_1098-14002.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom K.",
|
||||
role: "Manager",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-advertising-delicious-coffee_1098-20892.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya L.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-tanned-woman-brown-bra-denim-skirt-smiles-eats-waffle-with-maple-syrup_197531-18185.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Designer", company: "Local Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-with-heart-latte-art_1170-693.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-college-student-spending-time-cafe_1262-15203.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Writer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressing-ideas_1098-14002.jpg" },
|
||||
{ id: "4", name: "Tom K.", role: "Manager", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-advertising-delicious-coffee_1098-20892.jpg" },
|
||||
{ id: "5", name: "Maya L.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-tanned-woman-brown-bra-denim-skirt-smiles-eats-waffle-with-maple-syrup_197531-18185.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Guest Return",
|
||||
},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Loyal Members",
|
||||
},
|
||||
{ value: "4.9/5", label: "Google Rating" },
|
||||
{ value: "95%", label: "Guest Return" },
|
||||
{ value: "1.2k", label: "Loyal Members" }
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our guests say about us."
|
||||
@@ -302,31 +144,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer wifi?",
|
||||
content: "Yes, we offer complimentary high-speed Wi-Fi.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you pet-friendly?",
|
||||
content: "Yes, our patio is pet-friendly.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Yes, we have many vegan milk and pastry options.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I reserve space?",
|
||||
content: "We work on a walk-in basis, but contact us for events.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you sell beans?",
|
||||
content: "Yes, we offer our signature blends in-store.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer wifi?", content: "Yes, we offer complimentary high-speed Wi-Fi." },
|
||||
{ id: "f2", title: "Are you pet-friendly?", content: "Yes, our patio is pet-friendly." },
|
||||
{ id: "f3", title: "Do you have vegan options?", content: "Yes, we have many vegan milk and pastry options." },
|
||||
{ id: "f4", title: "Can I reserve space?", content: "We work on a walk-in basis, but contact us for events." },
|
||||
{ id: "f5", title: "Do you sell beans?", content: "Yes, we offer our signature blends in-store." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -336,9 +158,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Subscribe to our Newsletter"
|
||||
description="Stay updated with our weekly roasts and cafe updates."
|
||||
@@ -350,16 +170,8 @@ export default function LandingPage() {
|
||||
logoText="Enso Cafe"
|
||||
copyrightText="© 2025 Enso Cafe. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user