176 lines
7.5 KiB
TypeScript
176 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Shop", id: "/shop"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="L'Adresse NoMad"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="The Art of Refined Dining in NoMad"
|
|
description="Experience an unforgettable culinary journey at L'Adresse, where modern gastronomy meets classic hospitality in the heart of the city."
|
|
buttons={[
|
|
{
|
|
text: "Reserve a Table", href: "/contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157781.jpg", alt: "Dining guest 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157811.jpg", alt: "Dining guest 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/plate-napkin-banquet-table_23-2147830616.jpg", alt: "Dining guest 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bottle-with-letter-lies-blue-serviette-dinner-table_1304-3689.jpg", alt: "Dining guest 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", alt: "Dining guest 5"},
|
|
]}
|
|
avatarText="Join 500+ satisfied guests"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Michelin-Rated Quality"},
|
|
{
|
|
type: "text", text: "Seasonal Farm-to-Table"},
|
|
{
|
|
type: "text", text: "Curated Wine Selection"},
|
|
{
|
|
type: "text", text: "NoMad's Finest Atmosphere"},
|
|
{
|
|
type: "text", text: "Authentic French Techniques"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Flavors with Passion"
|
|
buttons={[
|
|
{
|
|
text: "Learn Our Story", href: "/about"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Fresh & Seasonal", descriptions: [
|
|
"Using only the finest local farm produce"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-rustic-freshly-baked-bread-utensil-black-background_23-2147975171.jpg"},
|
|
{
|
|
id: "f2", title: "Fine Wine Selection", descriptions: [
|
|
"Curated vintages from around the globe"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/metal-bucket-red-fresh-grapes-glass-white-wine-marble-surface_114579-38325.jpg"},
|
|
{
|
|
id: "f3", title: "Artisan Desserts", descriptions: [
|
|
"Crafted daily with premium ingredients"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit_23-2148485426.jpg"},
|
|
]}
|
|
title="A Unique Culinary Experience"
|
|
description="Indulge in carefully curated ingredients, world-class wines, and signature artisan techniques."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Culinary Insights"
|
|
description="Discover the art behind our kitchen and local food trends."
|
|
blogs={[
|
|
{
|
|
id: "b1", category: "Cooking", title: "The Secrets of French Sautéing", excerpt: "Learn how we achieve the perfect crust on our protein dishes.", imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728019.jpg", authorName: "Chef Paul", authorAvatar: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520007.jpg", date: "Oct 24, 2024"},
|
|
{
|
|
id: "b2", category: "Wine", title: "Pairing Guide for Autumn", excerpt: "What to drink with our new seasonal mushroom dishes.", imageSrc: "http://img.b2bpic.net/free-photo/half-empty-white-wine-glass-close-up_23-2148261700.jpg", authorName: "Marie C.", authorAvatar: "http://img.b2bpic.net/free-photo/fine-cuisine-design-made-by-chef-his-restaurant-kitchen_482257-10353.jpg", date: "Oct 15, 2024"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="General Help"
|
|
description="Everything you need to know about your dining experience."
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What is the dress code?", content: "We recommend business casual or upscale evening wear."},
|
|
{
|
|
id: "q2", title: "Is there parking available?", content: "Valet services are available right outside our main entrance."},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Visit Us"
|
|
title="Find L'Adresse NoMad"
|
|
description="Join us for a reservation or visit our location to experience fine dining in the city center. We are open daily from 5pm to 11pm."
|
|
buttons={[{ text: "Book Now", href: "/contact" }]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg?_wi=2"
|
|
logoText="L'Adresse"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "About", href: "/about" }, { label: "Menu", href: "/shop" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Reserve", href: "/contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |