300 lines
19 KiB
TypeScript
300 lines
19 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { Shield, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Accueil", id: "#accueil"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "À Propos", id: "#a-propos"},
|
||
{
|
||
name: "Témoignages", id: "#temoignages"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
button={{
|
||
text: "Réserver une table", href: "#contact"}}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8cxv5"
|
||
logoAlt="Logo du restaurant BARSHA"
|
||
brandName="BARSHA"
|
||
/>
|
||
</div>
|
||
|
||
<div id="accueil" data-section="accueil">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Barsha : Une Expérience Culinaire Inoubliable"
|
||
description="Découvrez l'élégance de nos saveurs et l'art de la gastronomie dans un cadre exceptionnel. Chaque plat est une œuvre d'art, chaque moment une célébration."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@sarah_foodie", testimonial: "Le Barsha offre une expérience gustative hors du commun. Service impeccable et plats sublimes!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Photo de Sarah J."},
|
||
{
|
||
name: "David M.", handle: "@david_gastronome", testimonial: "Un cadre magnifique et des saveurs audacieuses. Le meilleur restaurant de la région, sans hésitation.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-white-cook-suit-holding-big-white-sign-green-surface_140725-31184.jpg", imageAlt: "Photo de David M."},
|
||
{
|
||
name: "Émilie R.", handle: "@emilie_critique", testimonial: "Chaque visite est un enchantement. La cuisine est inventive, délicate et pleine de caractère.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-senior-caucasian-female-pensioner-with-pixie-short-hairstyle-spending-day-home-standing-living-room-wearing-elegant-blue-dress-smiling-happily_343059-2673.jpg", imageAlt: "Photo d'Émilie R."},
|
||
{
|
||
name: "Omar B.", handle: "@omar_gourmand", testimonial: "J'ai été époustouflé par la qualité des ingrédients et la présentation des plats. Une adresse à retenir!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-home-with-coffee_624325-3463.jpg", imageAlt: "Photo d'Omar B."},
|
||
{
|
||
name: "Sophie K.", handle: "@sophie_lux", testimonial: "Un restaurant qui allie parfaitement luxe, confort et gastronomie. Le service est discret et attentionné.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-hispanic-businessman-standing-arms-crossed-outside-office_662251-2067.jpg", imageAlt: "Photo de Sophie K."},
|
||
]}
|
||
testimonialRotationInterval={5000}
|
||
buttons={[
|
||
{
|
||
text: "Réserver une table", href: "#contact"},
|
||
{
|
||
text: "Commander maintenant", href: "#menu"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg?_wi=1"
|
||
imageAlt="Intérieur élégant du restaurant Barsha"
|
||
mediaAnimation="none"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Satisfied customer 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Satisfied customer 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Satisfied customer 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Satisfied customer 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-elder-business-woman-working-while-having-dessert_23-2148661258.jpg", alt: "Satisfied customer 5"},
|
||
]}
|
||
avatarText="Rejoignez nos clients satisfaits"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Ambiance Élégante"},
|
||
{
|
||
type: "text-icon", text: "Service Exceptionnel", icon: Sparkles,
|
||
},
|
||
{
|
||
type: "text", text: "Saveurs Authentiques"},
|
||
{
|
||
type: "text-icon", text: "Qualité Supérieure", icon: Shield,
|
||
},
|
||
{
|
||
type: "text", text: "Expérience Mémorable"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="a-propos" data-section="a-propos">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Notre Histoire & Philosophie"
|
||
description="Fondé il y a plus d'une décennie, Barsha est né de la passion pour l'art culinaire et le désir de créer un lieu où la gastronomie rime avec émotion. Nous croyons en l'utilisation des meilleurs produits locaux et de saison pour élaborer des plats qui racontent une histoire. Notre philosophie est de vous offrir une expérience mémorable, où chaque saveur est une découverte et chaque repas un voyage."
|
||
imageSrc="http://img.b2bpic.net/free-photo/confident-handsome-young-bearded-chef-man-wearing-white-cooker-uniform-hat-holding-hands-folded-while-looking-white-wall_141793-32406.jpg?_wi=1"
|
||
imageAlt="Portrait d'un chef professionnel dans une cuisine moderne"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "entree-1", name: "Carpaccio de Saint-Jacques", price: "180 MAD", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-scallop-carpaccio-dish-with-citrus-elements_23-2150392723.jpg", imageAlt: "Carpaccio de Saint-Jacques"},
|
||
{
|
||
id: "entree-2", name: "Foie Gras Poêlé", price: "220 MAD", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-foie-gras-with-fig-compote_23-2150392728.jpg", imageAlt: "Foie Gras Poêlé"},
|
||
{
|
||
id: "plat-1", name: "Filet de Bœuf Rossini", price: "350 MAD", imageSrc: "http://img.b2bpic.net/free-photo/elegant-beef-rossini-with-truffle-sauce_23-2150392733.jpg", imageAlt: "Filet de Bœuf Rossini"},
|
||
{
|
||
id: "plat-2", name: "Loup de Mer en Croûte de Sel", price: "320 MAD", imageSrc: "http://img.b2bpic.net/free-photo/whole-sea-bass-baked-salt-crust_23-2150392737.jpg", imageAlt: "Loup de Mer en Croûte de Sel"},
|
||
{
|
||
id: "dessert-1", name: "Soufflé au Grand Marnier", price: "120 MAD", imageSrc: "http://img.b2bpic.net/free-photo/grand-marnier-souffle-with-orange-zest_23-2150392742.jpg", imageAlt: "Soufflé au Grand Marnier"},
|
||
{
|
||
id: "dessert-2", name: "Tarte Tatin Revisité", price: "110 MAD", imageSrc: "http://img.b2bpic.net/free-photo/modern-tarte-tatin-with-caramelized-apples_23-2150392746.jpg", imageAlt: "Tarte Tatin Revisité"},
|
||
{
|
||
id: "boisson-1", name: "Sélection de Vins Fins", price: "Varie", imageSrc: "http://img.b2bpic.net/free-photo/wine-selection-fine-dining-restaurant_23-2150392750.jpg", imageAlt: "Verre de vin rouge"},
|
||
{
|
||
id: "boisson-2", name: "Champagne Cuvée Prestige", price: "Varie", imageSrc: "http://img.b2bpic.net/free-photo/champagne-flutes-celebratory-toast_23-2150392755.jpg", imageAlt: "Bouteille de champagne"},
|
||
]}
|
||
title="Notre Carte Exquise"
|
||
description="Découvrez une symphonie de saveurs, des entrées délicates aux desserts sophistiqués, chaque plat est une œuvre d'art culinaire, sublimé par des ingrédients d'exception."
|
||
/>
|
||
</div>
|
||
|
||
<div id="equipe" data-section="equipe">
|
||
<TeamCardTen
|
||
useInvertedBackground={false}
|
||
title="Rencontrez Notre Équipe Passionnée"
|
||
tag="Chef & Brigade"
|
||
membersAnimation="slide-up"
|
||
members={[
|
||
{
|
||
id: "chef-1", name: "Chef Antoine Dubois", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-propose-his-lover_23-2148060327.jpg", imageAlt: "Chef Antoine Dubois"},
|
||
{
|
||
id: "chef-2", name: "Sommelier Élodie Blanc", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-confident-cute-girl-office-outfit-pointing-herself_140725-161290.jpg", imageAlt: "Sommelier Élodie Blanc"},
|
||
{
|
||
id: "chef-3", name: "Maître d'Hôtel Jean-Luc", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-making-coffee-cafe_23-2147775879.jpg", imageAlt: "Maître d'Hôtel Jean-Luc"},
|
||
]}
|
||
memberVariant="default"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Faut-il réserver une table ?", content: "Oui, nous recommandons fortement de réserver, surtout les week-ends et pour les dîners, afin de garantir votre place et de vous offrir la meilleure expérience."},
|
||
{
|
||
id: "q2", title: "Proposez-vous des options végétariennes ou sans gluten ?", content: "Absolument. Notre chef est ravi de s'adapter à vos régimes alimentaires spécifiques. Veuillez nous en informer lors de votre réservation."},
|
||
{
|
||
id: "q3", title: "Y a-t-il un code vestimentaire ?", content: "Nous encourageons une tenue élégante et décontractée pour maintenir l'ambiance de notre restaurant haut de gamme."},
|
||
{
|
||
id: "q4", title: "Organisez-vous des événements privés ?", content: "Oui, nous disposons de salons privés pour vos événements spéciaux, qu'il s'agisse de réunions d'affaires ou de célébrations familiales. Contactez-nous pour plus d'informations."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31305.jpg"
|
||
imageAlt="Détails de la décoration intérieure d'un restaurant élégant"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="left"
|
||
title="Questions Fréquentes"
|
||
description="Nous répondons à vos interrogations pour faciliter votre visite."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="temoignages" data-section="temoignages">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Amelia S.", date: "2 mois", title: "Une Soirée Inoubliable", quote: "Le service était impeccable, les plats divinement préparés et l'ambiance parfaite. Barsha est désormais mon restaurant préféré.", tag: "Dîner Romantique", avatarSrc: "http://img.b2bpic.net/free-photo/happy-red-haired-man-taking-selfie-photo_1262-5118.jpg", avatarAlt: "Avatar d'Amelia S.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg?_wi=2", imageAlt: "satisfied customer portrait smiling"},
|
||
{
|
||
id: "t2", name: "Pierre L.", date: "3 semaines", title: "Gastronomie au Sommet", quote: "Chaque plat est une œuvre d'art. Le chef Antoine est un génie. Une expérience culinaire à ne pas manquer.", tag: "Affaires", avatarSrc: "http://img.b2bpic.net/free-photo/rectangle-view-business-bow-hand_1368-2449.jpg", avatarAlt: "Avatar de Pierre L.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8cxv5", imageAlt: "satisfied customer portrait smiling"},
|
||
{
|
||
id: "t3", name: "Chloé D.", date: "1 mois", title: "Délicieux et Raffiné", quote: "J'ai adoré chaque bouchée. Le menu dégustation est exceptionnel. J'ai hâte de revenir.", tag: "Anniversaire", avatarSrc: "http://img.b2bpic.net/free-photo/enthusiastic-european-girl-standing-kitchen-with-cup-tea-pretty-brunette-woman-posing-with-pizza-laughing_197531-9681.jpg", avatarAlt: "Avatar de Chloé D.", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-young-bearded-chef-man-wearing-white-cooker-uniform-hat-holding-hands-folded-while-looking-white-wall_141793-32406.jpg?_wi=2", imageAlt: "satisfied customer portrait smiling"},
|
||
{
|
||
id: "t4", name: "Mohammed A.", date: "Il y a 1 semaine", title: "Impeccable de A à Z", quote: "L'attention aux détails est incroyable. De la réservation au dessert, tout était parfait. Un grand bravo à l'équipe.", tag: "Famille", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-phone_23-2149335055.jpg", avatarAlt: "Avatar de Mohammed A.", imageSrc: "http://img.b2bpic.net/free-photo/plate-grilled-salmon-fillet-with-spices-green-salad-served-with-glass-italian-wine_114579-2331.jpg?_wi=2", imageAlt: "satisfied customer portrait smiling"},
|
||
{
|
||
id: "t5", name: "Laura G.", date: "Il y a 2 mois", title: "Un Vrai Plaisir", quote: "Je viens de visiter ce café avec mes amies… et juste… wow ! Tout était parfait : le service, l’ambiance, le vibe… un vrai plaisir. La qualité des délices et du chocolat est extraordinaire, chaque bouchée est un petit moment de bonheur. Un endroit à visiter absolument ! ✨☕🍫", tag: "Expérience Café", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", avatarAlt: "Avatar de Laura G.", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949022.jpg?_wi=2", imageAlt: "satisfied customer portrait smiling"},
|
||
]}
|
||
title="Ce que Nos Clients Disent"
|
||
description="Des retours élogieux qui témoignent de l'excellence de notre service et de notre cuisine."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Réservez Votre Table ou Contactez-Nous"
|
||
description="Remplissez le formulaire ci-dessous pour réserver votre table ou pour toute question. Nous vous répondrons dans les plus brefs délais.\n\n**Adresse :** Lotissement Zaina, 9 Av. Mohammed V, Témara 12000\n**Téléphone :** +212 5 37 61 35 51\n**Email :** contact@barsha.com\n\n**Suivez-nous sur les réseaux sociaux :**"
|
||
inputs={[
|
||
{
|
||
name: "nomComplet", type: "text", placeholder: "Nom complet", required: true,
|
||
},
|
||
{
|
||
name: "telephone", type: "tel", placeholder: "Numéro de téléphone", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Adresse e-mail", required: true,
|
||
},
|
||
{
|
||
name: "nombrePersonnes", type: "number", placeholder: "Nombre de personnes", required: true,
|
||
},
|
||
{
|
||
name: "dateHeure", type: "datetime-local", placeholder: "Date et heure", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Votre message ou requêtes spéciales...", rows: 4,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/overhead-shot-round-wooden-plate-with-different-kinds-square-shaped-sweets-nuts_181624-1588.jpg"
|
||
imageAlt="Carte Google Maps de l'emplacement du restaurant Barsha"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
buttonText="Envoyer la réservation"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8cxv5"
|
||
logoAlt="Logo du restaurant Barsha"
|
||
logoText="Barsha"
|
||
columns={[
|
||
{
|
||
title: "Navigation", items: [
|
||
{
|
||
label: "Accueil", href: "#accueil"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "À Propos", href: "#a-propos"},
|
||
{
|
||
label: "Témoignages", href: "#temoignages"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Réserver", href: "#contact"},
|
||
{
|
||
label: "Appeler : +212 5 37 61 35 51", href: "tel:+212537613551"},
|
||
{
|
||
label: "Envoyer un e-mail", href: "mailto:contact@barsha.com"},
|
||
{
|
||
label: "Localisation", href: "https://maps.app.goo.gl/example"},
|
||
],
|
||
},
|
||
{
|
||
title: "Suivez-nous", items: [
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/barsha"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/barsha"},
|
||
{
|
||
label: "TikTok", href: "https://tiktok.com/@barsha"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Barsha. Tous droits réservés."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|