Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-04-06 16:56:27 +00:00
2 changed files with 115 additions and 114 deletions

View File

@@ -12,7 +12,7 @@ import { Playfair_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Cafe Mollie | Your Sanctuary Between Chapters',
description: 'Experience Coffee Mollie—where coffee understands you and space holds you. Join us for a quiet moment.',
description: 'Experience Cafe Mollie—where coffee understands you and space holds you. Join us for a quiet moment.',
openGraph: {
"title": "Cafe Mollie | Your Sanctuary",
"description": "A place for those starting fresh, catching up, or quietly putting themselves back together.",

View File

@@ -26,125 +26,126 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Cafe Mollie"
button={{ text: "Visit Us", href: "#contact" }}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Cafe Mollie"
button={{ text: "Visit Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Your Sanctuary Between Chapters"
description="Coffee that understands you. Space that holds you. No judgment. Just really good coffee."
testimonials={[
{ name: "Maya S.", handle: "@maya.reads", testimonial: "Main character energy the second you walk in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg", imageAlt: "aesthetic coffee shop interior sunlight" },
{ name: "Leo J.", handle: "@leojournals", testimonial: "The kind of place where time slows down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", imageAlt: "minimalist dreamscape interior cafe" },
{ name: "Sarah P.", handle: "@sarah.coffee", testimonial: "I came for coffee, stayed for the feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "high quality specialty coffee latte art" },
{ name: "Chloe B.", handle: "@chloebakes", testimonial: "Simply the most peaceful corner in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg", imageAlt: "barista memory customer service friendly" },
{ name: "Marcus R.", handle: "@marcus.notes", testimonial: "A true sanctuary for the wandering soul.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg", imageAlt: "matcha mango latte iced drink" }
]}
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Visit Us Today", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/pretty-teenager-enjoying-hot-drink_23-2148804640.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-man-feeling-blessed-red_140725-36704.jpg", alt: "Customer 5" }
]}
avatarText="Loved by thousands of coffee enthusiasts."
marqueeItems={[
{ type: "text", text: "Locally Roasted" },
{ type: "text-icon", text: "Quiet Spaces", icon: Coffee },
{ type: "text", text: "Sustainable Sourcing" },
{ type: "text-icon", text: "Artisan Crafted", icon: Sparkles },
{ type: "text", text: "Open Daily" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Your Sanctuary Between Chapters"
description="Coffee that understands you. Space that holds you. No judgment. Just really good coffee."
testimonials={[
{ name: "Maya S.", handle: "@maya.reads", testimonial: "Main character energy the second you walk in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg", imageAlt: "aesthetic coffee shop interior sunlight" },
{ name: "Leo J.", handle: "@leojournals", testimonial: "The kind of place where time slows down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", imageAlt: "minimalist dreamscape interior cafe" },
{ name: "Sarah P.", handle: "@sarah.coffee", testimonial: "I came for coffee, stayed for the feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "high quality specialty coffee latte art" },
{ name: "Chloe B.", handle: "@chloebakes", testimonial: "Simply the most peaceful corner in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg", imageAlt: "barista memory customer service friendly" },
{ name: "Marcus R.", handle: "@marcus.notes", testimonial: "A true sanctuary for the wandering soul.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg", imageAlt: "matcha mango latte iced drink" }
]}
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Visit Us Today", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/pretty-teenager-enjoying-hot-drink_23-2148804640.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-man-feeling-blessed-red_140725-36704.jpg", alt: "Customer 5" }
]}
avatarText="Loved by thousands of coffee enthusiasts."
marqueeItems={[
{ type: "text", text: "Locally Roasted" },
{ type: "text-icon", text: "Quiet Spaces", icon: Coffee },
{ type: "text", text: "Sustainable Sourcing" },
{ type: "text-icon", text: "Artisan Crafted", icon: Sparkles },
{ type: "text", text: "Open Daily" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Not Just Coffee. A Feeling."
description="A place for those starting fresh, catching up, or quietly putting themselves back together."
metrics={[
{ value: "100%", title: "Sanctuary" },
{ value: "24/7", title: "Warmth" }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Not Just Coffee. A Feeling."
description="A place for those starting fresh, catching up, or quietly putting themselves back together."
metrics={[
{ value: "100%", title: "Sanctuary" },
{ value: "24/7", title: "Warmth" }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "The Escape", description: "A minimalist dreamscape with just enough magic to make you stay longer than planned.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", imageAlt: "The Escape" },
{ title: "The Coffee", description: "Bold, smooth, and exactly what you need — whether its Monday or a breakup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "The Coffee" },
{ title: "The Experience", description: "We remember your order… and your mood.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg", imageAlt: "The Experience" }
]}
title="Why People Love Us"
description="Designed for the moments that matter."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "The Escape", description: "A minimalist dreamscape with just enough magic to make you stay longer than planned.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", imageAlt: "The Escape" },
{ title: "The Coffee", description: "Bold, smooth, and exactly what you need — whether its Monday or a breakup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "The Coffee" },
{ title: "The Experience", description: "We remember your order… and your mood.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg", imageAlt: "The Experience" }
]}
title="Why People Love Us"
description="Designed for the moments that matter."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Mango Sticky Rice Matcha", price: "$7.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
{ id: "p2", name: "Oat Milk Latte", price: "$6.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" },
{ id: "p3", name: "Vietnamese Banh Mi", price: "$9.00", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
{ id: "p4", name: "Iced Americano", price: "$5.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg" },
{ id: "p5", name: "Matcha Cloud", price: "$8.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
{ id: "p6", name: "Croissant", price: "$4.50", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" }
]}
title="Signature Drink Spotlight"
description="The drink people come back for. Mango meets matcha."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Mango Sticky Rice Matcha", price: "$7.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
{ id: "p2", name: "Oat Milk Latte", price: "$6.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" },
{ id: "p3", name: "Vietnamese Banh Mi", price: "$9.00", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
{ id: "p4", name: "Iced Americano", price: "$5.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg" },
{ id: "p5", name: "Matcha Cloud", price: "$8.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
{ id: "p6", name: "Croissant", price: "$4.50", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" }
]}
title="Signature Drink Spotlight"
description="The drink people come back for. Mango meets matcha."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Find Your Corner"
description="Visit us at our flagship sanctuary."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
textarea={{ name: "message", placeholder: "Tell us how we can help", rows: 4 }}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Find Your Corner"
description="Visit us at our flagship sanctuary."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
textarea={{ name: "message", placeholder: "Tell us how we can help", rows: 4 }}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Cafe Mollie"
copyrightText="© 2025 Cafe Mollie | Sanctuary Spaces"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Cafe Mollie"
copyrightText="© 2025 Cafe Mollie | Sanctuary Spaces"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}