Merge version_1 into main #6
@@ -1,5 +1,4 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
@@ -8,106 +7,32 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Coffee, Sparkles } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
import { Linkedin, Twitter, Instagram } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Cafe Mollie"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started" }} />
|
||||
</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/medium-shot-cute-woman_23-2148422458.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/person-cafe-enjoying-book_23-2150064693.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/pretty-teenager-enjoying-hot-drink_23-2148804640.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/young-woman-drinking-coffee-cafe_1303-25717.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/young-man-feeling-blessed-red_140725-36704.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" }]}
|
||||
/>
|
||||
<HeroBillboardTestimonial title="Welcome to Webild" description="Experience the future of digital innovation." background={{ variant: "gradient-bars" }} testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic experience!", rating: 5 }]} />
|
||||
</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"
|
||||
/>
|
||||
<MetricSplitMediaAbout title="Our Journey" description="We are committed to delivering excellence through cutting-edge solutions." metrics={[{ value: "10+", title: "Years Experience" }, { value: "500+", title: "Projects Completed" }]} useInvertedBackground={false} mediaAnimation="slide-up" metricsAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why People Love Us"
|
||||
description="Designed for the moments that matter."
|
||||
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 it’s 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" }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardSeven title="Key Features" description="Powerful tools to accelerate your growth." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Scalable Infrastructure", description: "Built to handle high traffic and growth effortlessly." }, { title: "Secure Data", description: "Enterprise-grade security for your peace of mind." }]} />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
title="Signature Drink Spotlight"
|
||||
description="The drink people come back for. Mango meets matcha."
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
<ProductCardFour title="Our Products" description="Explore our latest offerings." gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: "1", name: "Basic Plan", price: "$19", variant: "Standard", imageSrc: "/placeholder.png" }, { id: "2", name: "Pro Plan", price: "$49", variant: "Advanced", imageSrc: "/placeholder.png" }, { id: "3", name: "Enterprise", price: "$99", variant: "Custom", imageSrc: "/placeholder.png" }]} />
|
||||
</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 }}
|
||||
/>
|
||||
<ContactSplitForm title="Get in Touch" description="We would love to hear from you." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} useInvertedBackground={true} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Cafe Mollie" copyrightText="© 2025 Cafe Mollie | Sanctuary Spaces" />
|
||||
<FooterCard logoText="Webild" socialLinks={[{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user