Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumière Cafe"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Private Sanctuary"
|
||||
description="Experience curated coffee moments in our serene, members-only space. Where quality meets tranquility."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Table", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=1",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", imageAlt: "Cafe ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=1",
|
||||
imageAlt: "Barista detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Barista detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-watercolor-sketchbooks_23-2147802055.jpg",
|
||||
imageAlt: "Cafe corner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-watercolor-sketchbooks_23-2147802055.jpg", imageAlt: "Cafe corner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273148.jpg",
|
||||
imageAlt: "Pastries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273148.jpg", imageAlt: "Pastries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
|
||||
imageAlt: "Evening cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", imageAlt: "Evening cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5508.jpg",
|
||||
imageAlt: "Seating area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5508.jpg", imageAlt: "Seating area"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,28 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rare Origins",
|
||||
description: "Micro-lot coffee beans sourced from single estates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",
|
||||
imageAlt: "Person in a cafe enjoying a book",
|
||||
title: "Rare Origins", description: "Micro-lot coffee beans sourced from single estates.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Hand-poured extraction methods for perfect clarity.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=2",
|
||||
imageAlt: "Person in a cafe enjoying a book",
|
||||
title: "Artisan Craft", description: "Hand-poured extraction methods for perfect clarity.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Private Ambiance",
|
||||
description: "Sound-dampened spaces for focus and conversation.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=2",
|
||||
imageAlt: "Person in a cafe enjoying a book",
|
||||
title: "Private Ambiance", description: "Sound-dampened spaces for focus and conversation.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Exquisite Offerings"
|
||||
@@ -147,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Etiopian Yirgacheffe",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg",
|
||||
},
|
||||
id: "p1", name: "Etiopian Yirgacheffe", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg",
|
||||
},
|
||||
id: "p2", name: "Cold Brew Reserve", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Single Origin Pour-over",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg",
|
||||
},
|
||||
id: "p3", name: "Single Origin Pour-over", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cardamom Spiced Latte",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg",
|
||||
},
|
||||
id: "p4", name: "Cardamom Spiced Latte", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Honey Oat Macchiato",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-hanging-outside-dark_1153-3482.jpg",
|
||||
},
|
||||
id: "p5", name: "Honey Oat Macchiato", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/lamp-hanging-outside-dark_1153-3482.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kyoto Style Iced Coffee",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-empty-workplace_23-2148727527.jpg",
|
||||
},
|
||||
id: "p6", name: "Kyoto Style Iced Coffee", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/front-view-empty-workplace_23-2148727527.jpg"},
|
||||
]}
|
||||
title="The Daily Selection"
|
||||
description="Rotating seasonal menu crafted for the discerning palate."
|
||||
@@ -194,45 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exquisite",
|
||||
quote: "The most peaceful place to start my day.",
|
||||
name: "Elena R.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg",
|
||||
},
|
||||
id: "t1", title: "Exquisite", quote: "The most peaceful place to start my day.", name: "Elena R.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Refined",
|
||||
quote: "Truly unique beans, impeccably served.",
|
||||
name: "Marcus W.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-resting-home-after-difficult-day_1163-5490.jpg",
|
||||
},
|
||||
id: "t2", title: "Refined", quote: "Truly unique beans, impeccably served.", name: "Marcus W.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-resting-home-after-difficult-day_1163-5490.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Serenity",
|
||||
quote: "I find my focus here every morning.",
|
||||
name: "Sarah J.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
|
||||
},
|
||||
id: "t3", title: "Serenity", quote: "I find my focus here every morning.", name: "Sarah J.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect",
|
||||
quote: "Unmatched quality and discretion.",
|
||||
name: "David L.",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-with-beard_23-2152009546.jpg",
|
||||
},
|
||||
id: "t4", title: "Perfect", quote: "Unmatched quality and discretion.", name: "David L.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-with-beard_23-2152009546.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "A Ritual",
|
||||
quote: "My hidden gem for coffee lovers.",
|
||||
name: "Alice M.",
|
||||
role: "Curator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg",
|
||||
},
|
||||
id: "t5", title: "A Ritual", quote: "My hidden gem for coffee lovers.", name: "Alice M.", role: "Curator", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg"},
|
||||
]}
|
||||
title="Quiet Praise"
|
||||
description="What our guests say about their retreat."
|
||||
@@ -246,34 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Origin Countries",
|
||||
items: [
|
||||
"Sourced direct from farms",
|
||||
"Fair wages",
|
||||
"Traceable batches",
|
||||
],
|
||||
id: "m1", value: "15", title: "Origin Countries", items: [
|
||||
"Sourced direct from farms", "Fair wages", "Traceable batches"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
title: "Peak Extraction",
|
||||
items: [
|
||||
"Small batches",
|
||||
"Precision timing",
|
||||
"Controlled humidity",
|
||||
],
|
||||
id: "m2", value: "48h", title: "Peak Extraction", items: [
|
||||
"Small batches", "Precision timing", "Controlled humidity"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Discretion Rate",
|
||||
items: [
|
||||
"Private environment",
|
||||
"No social media",
|
||||
"Personalized service",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Discretion Rate", items: [
|
||||
"Private environment", "No social media", "Personalized service"],
|
||||
},
|
||||
]}
|
||||
title="Refined Standards"
|
||||
@@ -287,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a membership?",
|
||||
content: "The cafe is exclusive to our members for a quiet experience.",
|
||||
},
|
||||
id: "f1", title: "Do I need a membership?", content: "The cafe is exclusive to our members for a quiet experience."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I join?",
|
||||
content: "Application is by invite-only or waitlist submission.",
|
||||
},
|
||||
id: "f2", title: "How do I join?", content: "Application is by invite-only or waitlist submission."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I bring guests?",
|
||||
content: "Yes, members may bring one guest per visit.",
|
||||
},
|
||||
id: "f3", title: "Can I bring guests?", content: "Yes, members may bring one guest per visit."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -312,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Secure Your Invitation"
|
||||
description="Join our waitlist for membership consideration."
|
||||
@@ -326,13 +206,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Lumière Cafe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user