235 lines
9.1 KiB
TypeScript
235 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Events", id: "/events" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Reservations", id: "/reservations" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Events", id: "/events" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Reservations", id: "/reservations" },
|
|
]}
|
|
brandName="Molenhuis"
|
|
bottomLeftText="Local Café Experience"
|
|
bottomRightText="+31 (0)6 1234 5678"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Your Local Café in the Heart of the Neighborhood"
|
|
description="Cozy atmosphere. Great drinks. Good company. Discover Café Molenhuis—where every visit feels like coming home."
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg"
|
|
imageAlt="Café Molenhuis exterior at night with warm lighting and welcoming brick facade"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+31612345678" },
|
|
{ text: "Reserve a Table", href: "/reservations" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="blur-reveal"
|
|
className="min-h-screen"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
title="A Local Gathering Place for Over a Decade"
|
|
buttons={[{ text: "View Our Story", href: "/about" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="offer" data-section="offer">
|
|
<FeatureCardSixteen
|
|
title="What We Offer"
|
|
description="From casual nights out to private celebrations, Café Molenhuis is your destination for authentic neighborhood hospitality."
|
|
tag="Our Services"
|
|
tagAnimation="blur-reveal"
|
|
negativeCard={{
|
|
items: [
|
|
"Impersonal chain café experience",
|
|
"Limited seating for groups",
|
|
"No private event space",
|
|
"Generic drink selection",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Locally-loved neighborhood café",
|
|
"Spacious seating for gatherings",
|
|
"Private event hosting available",
|
|
"Craft drinks and curated selection",
|
|
],
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="atmosphere" data-section="atmosphere">
|
|
<ProductCardOne
|
|
title="Atmosphere & Ambiance"
|
|
description="Step into our world of warm lighting, authentic charm, and welcoming spaces. Every corner of Café Molenhuis tells a story."
|
|
gridVariant="bento-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Cozy Interior",
|
|
price: "Experience the warmth",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
|
|
imageAlt: "Warm, intimate café interior with vintage charm",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Craft Cocktails",
|
|
price: "Premium Selection",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/viski-glass-with-orange-cocktail-with-oranges-zest_140725-8680.jpg",
|
|
imageAlt: "Beautifully crafted cocktails and premium beverages",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Group Gatherings",
|
|
price: "Perfect for Celebrations",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sincere-laugh-showing-picture-smartphone-casual-meeting-with-best-friends-restaurant-terrace_8353-10272.jpg",
|
|
imageAlt: "Friends enjoying a memorable night at our café",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Community Says"
|
|
description="Discover why locals love Café Molenhuis and return week after week."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Johan de Vries",
|
|
role: "Regular Customer",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
|
imageAlt: "Portrait of Johan de Vries",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sophie Bakker",
|
|
role: "Event Organizer",
|
|
company: "Community Events",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
|
imageAlt: "Portrait of Sophie Bakker",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Marco Rossi",
|
|
role: "Business Owner",
|
|
company: "Local Network",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
|
imageAlt: "Portrait of Marco Rossi",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Petra Mueller",
|
|
role: "Café Enthusiast",
|
|
company: "Neighborhood Group",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
|
imageAlt: "Portrait of Petra Mueller",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Chen",
|
|
role: "Young Professional",
|
|
company: "Tech Industry",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
imageAlt: "Portrait of David Chen",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Lisa van Dorp",
|
|
role: "Birthday Host",
|
|
company: "Happy Memories",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
|
imageAlt: "Portrait of Lisa van Dorp",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Planning a Birthday or Private Event?"
|
|
description="Ready to celebrate at Café Molenhuis? Reach out to us today and let's make your event unforgettable. We're here to help with all the details."
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-christmas-interior-decoration_181624-32496.jpg"
|
|
imageAlt="Private event setup at Café Molenhuis with beautiful ambiance"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Request Information"
|
|
termsText="We respect your privacy. We'll only contact you regarding your inquiry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Molenhuis"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |