Merge version_1 into main #4
242
src/app/page.tsx
242
src/app/page.tsx
@@ -1,7 +1,5 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
@@ -10,154 +8,100 @@ import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Zap, Shield, Star, Award, Utensils } from 'lucide-react';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Notre Cuisine", id: "#about" },
|
||||
{ name: "La Carte", id: "#dishes" },
|
||||
{ name: "Réservations", id: "#contact" },
|
||||
]}
|
||||
brandName="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Le Petit Bouchon"
|
||||
description="Bistrot gastronomique au cœur du Sancerrois. Cuisine de terroir inventive, produits frais et plats raffinés."
|
||||
buttons={[{ text: "Réserver une table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Une pépite gastronomique"
|
||||
description="Niché au cœur du village, notre bistro propose une gastronomie inventive. Le chef privilégie les produits frais de saison pour créer des plats qui surprennent et ravissent vos papilles."
|
||||
bulletPoints={[
|
||||
{ title: "Produits frais", description: "Sélectionnés quotidiennement auprès des producteurs locaux." },
|
||||
{ title: "Cuisine inventive", description: "Un équilibre parfait entre tradition et modernité." },
|
||||
{ title: "Cadre authentique", description: "L'esprit bistrot, la finesse d'un gastronomique." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2605.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Couteaux parfaitement cuits", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/bowl-shrimp-salad-topped-with-cheese-slice_140725-2611.jpg" },
|
||||
{ id: "2", name: "Demi-homard aux agrumes", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crawfish-plates_23-2150346587.jpg" },
|
||||
{ id: "3", name: "Cuisses de grenouilles", price: "22€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg" },
|
||||
{ id: "4", name: "Crottin de Chavignol", price: "16€", imageSrc: "http://img.b2bpic.net/free-photo/orange-rolls-slices-table_140725-3796.jpg" },
|
||||
]}
|
||||
title="Nos Signatures"
|
||||
description="Découvrez une cuisine raffinée, préparée avec passion et soin."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="chef" data-section="chef">
|
||||
<TeamCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "team-1", groupTitle: "En Cuisine", members: [
|
||||
{
|
||||
id: "chef-1", title: "Chef de Cuisine", subtitle: "Un passionné du Sancerrois", detail: "Reconnu pour sa créativité, il sublime les produits frais avec une précision constante.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-chef-posing-with-arms-crossed-kitchen_23-2148763123.jpg"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Le Chef"
|
||||
description="Passionné par la richesse du terroir, notre chef mêle tradition et originalité pour offrir une cuisine généreuse."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marie L.", handle: "@mariel", testimonial: "Une véritable pépite ! Les couteaux cuits à merveille.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
{ id: "2", name: "Thomas G.", handle: "@thomasg", testimonial: "Produits frais et service sympathique.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg" },
|
||||
{ id: "3", name: "Sophie P.", handle: "@sophiep", testimonial: "Cuisine originale et raffinée.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg" },
|
||||
{ id: "4", name: "Jean M.", handle: "@jeanm", testimonial: "Une merveilleuse surprise.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-delivery-bowl-pink-wall-service-delivery-uniform-work-company-job_140725-43022.jpg" },
|
||||
{ id: "5", name: "Claire B.", handle: "@claireb", testimonial: "Le meilleur endroit de Sancerre.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
]}
|
||||
title="Ce que nos clients disent"
|
||||
description="Des avis authentiques sur leur expérience au Petit Bouchon."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Réservez votre table"
|
||||
description="Découvrez une cuisine qui mérite le détour. Nous vous attendons avec impatience à Crézancy-en-Sancerre."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Votre email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Précisions (date, nombre de convives...)", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-plates-cutlery-glass_23-2148914882.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Crézancy-en-Sancerre", href: "#" },
|
||||
{ label: "Tél: 02 48 00 00 00", href: "tel:0248000000" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Lun-Ven: 12h-14h / 19h-21h", href: "#" },
|
||||
{ label: "Sam-Dim: 12h-15h / 19h-22h", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Taste of Perfection"
|
||||
description="Experience culinary excellence with our hand-crafted dishes, prepared by world-class chefs using fresh ingredients."
|
||||
buttons={[{ text: "View Menu", href: "#dishes" }, { text: "Book Table", href: "#contact" }]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Culinary Journey"
|
||||
description="We believe in simplicity, quality, and passion. Our kitchen is where tradition meets innovation, creating unforgettable dining experiences for every guest."
|
||||
textboxLayout="default"
|
||||
bulletPoints={[{ title: "Fresh Ingredients", description: "Sourced locally every single day.", icon: Zap }, { title: "Master Chefs", description: "Bringing years of expertise to your plate.", icon: Award }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardThree
|
||||
title="Signature Dishes"
|
||||
description="Explore our curated selection of favorites, designed to satisfy every palate."
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "Signature Steak", price: "$45", imageSrc: "https://images.unsplash.com/photo-1544025162-d76694265947" },
|
||||
{ id: "2", name: "Truffle Pasta", price: "$32", imageSrc: "https://images.unsplash.com/photo-1473093226795-af9932fe5856" },
|
||||
{ id: "3", name: "Garden Salad", price: "$18", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="chef" data-section="chef">
|
||||
<TeamCardEleven
|
||||
title="Meet the Masters"
|
||||
description="The talented team behind the magic, dedicated to perfecting every bite."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
groups={[{
|
||||
id: "kitchen", groupTitle: "Executive Kitchen Staff", members: [
|
||||
{ id: "1", title: "Head Chef", subtitle: "Founder & Visionary", detail: "With over 20 years of experience, Chef Marco leads our kitchen with precision.", imageSrc: "https://images.unsplash.com/photo-1583394293214-28ded15ee0c5" },
|
||||
{ id: "2", title: "Sous Chef", subtitle: "Creative Lead", detail: "Passionate about fusion and modern cooking techniques.", imageSrc: "https://images.unsplash.com/photo-1577219491135-ce10113f3609" }
|
||||
]
|
||||
}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Guest Stories"
|
||||
description="What our guests have to say about their dining experience."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "The best meal I've had in years. Highly recommend the signature steak!", icon: Utensils },
|
||||
{ id: "2", name: "Bob Smith", handle: "@bobsmith", testimonial: "Incredible atmosphere and even better service. A perfect spot for dinner.", icon: Star }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Have questions or want to make a reservation? Reach out to us today."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Taste of Perfection"
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }]}]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user