Files
6d5669a3-beee-4742-a6a0-e35…/src/app/page.tsx
2026-04-02 13:45:47 +00:00

230 lines
7.9 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Chez Maud"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
title="A Taste of Lausanne"
description="Seasonal, locally sourced dishes served with passion on the best terrace in the city."
buttons={[
{
text: "Reserve a Table",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=1",
imageAlt: "Chez Maud Terrace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=2",
imageAlt: "Interior Design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=3",
imageAlt: "Gourmet Dish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=4",
imageAlt: "Home-made Cocktails",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=5",
imageAlt: "Atmospheric Lighting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=6",
imageAlt: "Locally Sourced Food",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Our Story"
description={[
"Chez Maud is more than just a restaurant; it's a labor of love.",
"Our team curates seasonal menus focusing on locally sourced ingredients, brought to life through personal touches and warm, inviting surroundings.",
"From our home-made cocktails to our hand-crafted pastries, every detail is designed to make your experience memorable.",
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Apolline Lambert",
role: "Foodie",
testimonial: "Wonderful restaurant, the decorations on the terrace and inside has personal touch, recommend the chocolate mousse!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-chatting-indoors_23-2149365810.jpg",
},
{
id: "2",
name: "Sarah Polak",
role: "Local Guide",
testimonial: "Best terrace in Lausanne. The team were super friendly and knowledgeable about Swiss wines.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-while-traveling_52683-88086.jpg",
},
{
id: "3",
name: "Natacha Lazareff",
role: "Food Critic",
testimonial: "The food was tasty, seasonal and hit the spot, with the Baba au Rhum madeleines as an absolute highlight.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",
},
{
id: "4",
name: "Marc Dubois",
role: "Regular Guest",
testimonial: "An incredible experience every single time I visit. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-having-dinner-valentine-s-day_23-2148435791.jpg",
},
{
id: "5",
name: "Sophie Martin",
role: "Traveler",
testimonial: "Beautiful view and excellent service. A real gem of a spot in Lausanne.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg",
},
]}
title="Kind Words"
description="What our guests are saying about their experience at Chez Maud."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you accept reservations?",
content: "Yes, we highly recommend booking in advance, especially for our terrace tables.",
},
{
id: "q2",
title: "Are you LGBTQ+ friendly?",
content: "Absolutely, everyone is welcome at Chez Maud.",
},
{
id: "q3",
title: "Do you offer delivery?",
content: "Yes, we provide delivery services to the surrounding area.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-healthy-vegetable-knife-spice-grinder-placemat_23-2147956637.jpg"
title="Common Questions"
description="Everything you need to know before visiting us."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us"
description="Find us at Pont Charles Bessières 3, Lausanne. Send us a message for reservations or enquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your message",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/terrace-restaurant-with-assembled-chairs-tables-small-tree-front-entrance-nikiti-greece_1268-16660.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Chez Maud"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "021 311 22 57",
href: "tel:0213112257",
}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}