111 lines
4.5 KiB
TypeScript
111 lines
4.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
|
|
export default function AboutPage() {
|
|
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="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
title="Café Molenhuis has been the neighborhood's cherished gathering place for over a decade, rooted in authentic hospitality and genuine community connection. Founded with a passion for creating spaces where locals feel at home, our café stands as a testament to the power of warm welcomes and exceptional service."
|
|
buttons={[
|
|
{ text: "Explore Our Atmosphere", href: "/about" },
|
|
{ text: "Book an Event", href: "/events" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="atmosphere-detail" data-section="atmosphere-detail">
|
|
<ProductCardOne
|
|
title="Our Spaces"
|
|
description="Each corner of Café Molenhuis is designed to tell a story and create memories. From intimate seating to spacious event areas, we've got the perfect spot for every occasion."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Main Lounge",
|
|
price: "Warm & Welcoming",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=2",
|
|
imageAlt: "Main lounge area with cozy seating",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Private Events Space",
|
|
price: "Perfect for Celebrations",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-interior-decoration_181624-32496.jpg?_wi=2",
|
|
imageAlt: "Private event space beautifully decorated",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Bar & Social Area",
|
|
price: "Community Central",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/viski-glass-with-orange-cocktail-with-oranges-zest_140725-8680.jpg?_wi=2",
|
|
imageAlt: "Bar area with craft cocktails and social seating",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-about" data-section="contact-about">
|
|
<ContactSplit
|
|
tag="Learn More"
|
|
title="Interested in Hosting Your Event?"
|
|
description="Our team is ready to help you plan the perfect celebration. Whether it's an intimate gathering or a grand celebration, we have the expertise and passion to make it unforgettable."
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get in Touch"
|
|
termsText="We'll respond within 24 hours with details about 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>
|
|
);
|
|
} |