266 lines
14 KiB
TypeScript
266 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "/"},
|
|
{
|
|
name: "À Propos", id: "/#about"},
|
|
{
|
|
name: "Services", id: "/#services"},
|
|
{
|
|
name: "Galerie", id: "/#gallery"},
|
|
{
|
|
name: "Témoignages", id: "/#testimonials"},
|
|
{
|
|
name: "FAQ", id: "/#faq"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Haifa Palace
|
|
"
|
|
button={{
|
|
text: "Demander un devis", href: "/contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Salle des fêtes Évasion: Vos Événements, Notre Scène."
|
|
description="Créez des souvenirs inoubliables dans un cadre élégant et modulable. Idéal pour mariages, anniversaires, séminaires et célébrations de toutes sortes."
|
|
buttons={[
|
|
{
|
|
text: "Découvrir nos salles", href: "/#gallery"},
|
|
{
|
|
text: "Demander un devis", href: "/contact"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bachelorette-flower-arrnagement_23-2149340496.jpg", imageAlt: "Mariage élégant dans une salle de réception"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/navratri-highly-detailed-interior-decoration_23-2151193720.jpg", imageAlt: "Fête d'anniversaire animée"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-classroom-daytime-with-many-black-chairs-ready-students_146671-16246.jpg", imageAlt: "Séminaire professionnel"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-something-from-food-truck_23-2148914602.jpg?_wi=2", imageAlt: "Réception cocktail chic"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899436.jpg?_wi=2", imageAlt: "Salle vide prête pour un événement"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Découvrez la salle Haifa palace"
|
|
description={[
|
|
"Située au cœur d'un environnement paisible, la Salle Haifa Palace offre un espace moderne et raffiné pour tous vos événements. Conçue pour s'adapter à vos besoins, notre salle est l'endroit idéal pour transformer vos rêves en réalité.", "Avec une capacité flexible et des équipements de pointe, nous nous engageons à offrir une expérience sans faille, de la planification à la réalisation. Laissez-nous prendre en charge les détails pour que vous puissiez profiter pleinement de votre moment."]}
|
|
buttons={[
|
|
{
|
|
text: "En savoir plus", href: "/#services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Service Traiteur Gastronomique", tags: [
|
|
"Cuisine Raffinée", "Menus Personnalisés"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/catering-restaurant-service_624325-930.jpg", imageAlt: "Service traiteur gastronomique"},
|
|
{
|
|
id: "f2", title: "Décoration et Ambiance Sur Mesure", tags: [
|
|
"Design Créatif", "Stylisme Floral"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-daisies-purple-hydrangeas-glass-transparent-tall-green-bottles-decorative-bouquets-vases_1304-3993.jpg", imageAlt: "Décoration événementielle florale"},
|
|
{
|
|
id: "f3", title: "Équipement Son et Lumière de Pointe", tags: [
|
|
"Technologie", "Ambiance Sonore"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spectrum-flashes-coloured-light_23-2151792505.jpg", imageAlt: "Équipement son et lumière"},
|
|
]}
|
|
title="Nos Services Exclusifs"
|
|
description="Nous vous accompagnons à chaque étape pour garantir le succès de votre événement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Forfait Mariage Classique", price: "À partir de 2000€", variant: "Cérémonie, Dîner, Soirée", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-date-with-her-boyfriend-valentine-s-day_23-2149162010.jpg", imageAlt: "Mariage romantique"},
|
|
{
|
|
id: "p2", name: "Forfait Anniversaire Premium", price: "À partir de 1200€", variant: "Décoration, DJ, Traiteur Léger", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44311.jpg", imageAlt: "Fête d'anniversaire joyeuse"},
|
|
{
|
|
id: "p3", name: "Forfait Séminaire Complet", price: "Sur devis", variant: "Salle, Matériel, Pause Café", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-777.jpg", imageAlt: "Séminaire professionnel"},
|
|
{
|
|
id: "p4", name: "Salle Principale", price: "Jusqu'à 200 personnes", variant: "Espace modulable, Scène", imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg", imageAlt: "Grande salle de réception"},
|
|
{
|
|
id: "p5", name: "Salon VIP", price: "Jusqu'à 30 personnes", variant: "Intimité, Confort, Prestige", imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928932.jpg", imageAlt: "Salon VIP exclusif"},
|
|
{
|
|
id: "p6", name: "Terrasse Panoramique", price: "Sur devis", variant: "Vue imprenable, Plein air", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575121.jpg", imageAlt: "Terrasse panoramique"},
|
|
]}
|
|
title="Choisissez Votre Espace ou Forfait"
|
|
description="Des forfaits personnalisés pour répondre à toutes vos attentes et tous les budgets."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sophie Martin", handle: "@sophie.m", testimonial: "La Salle Haifa Palace a rendu notre mariage absolument parfait. Le service était impeccable et le lieu magnifique. Un grand merci à toute l'équipe !", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-with-her-arms-crossed_329181-13505.jpg", imageAlt: "Photo de Sophie Martin"},
|
|
{
|
|
id: "t2", name: "David Dubois", handle: "@david.d", testimonial: "Pour notre séminaire annuel, la Salle Haifa Palace a été un choix judicieux. Tout était parfaitement organisé, du matériel technique au service traiteur.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/virtual-experience_1098-14112.jpg", imageAlt: "Photo de David Dubois"},
|
|
{
|
|
id: "t3", name: "Julie et Marc", handle: "@julie.marc", testimonial: "Nous avons célébré l'anniversaire de nos 50 ans de mariage ici, et ce fut une soirée magique. L'ambiance était incroyable et le personnel aux petits soins.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/newlyweds-smile-keep-glasses-with-champagne_8353-9329.jpg", imageAlt: "Photo de Julie et Marc"},
|
|
{
|
|
id: "t4", name: "Équipe Innovatech", handle: "@innovatech", testimonial: "Nos événements d'entreprise sont toujours un succès à la Salle Évasion. Leur flexibilité et leur professionnalisme sont inégalés.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-lovely-happy-african-american-lady-clenches-fists-from-joy-smiles-broadly-enjoys-success-feels-content-energized_273609-32512.jpg", imageAlt: "Photo de l'équipe Innovatech"},
|
|
{
|
|
id: "t5", name: "Caroline Leclerc", handle: "@caro.leclerc", testimonial: "J'ai organisé la baby shower de ma sœur et tout était si beau ! La décoration était parfaite et le personnel adorable. Je recommande vivement !", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-man-angry_1149-1842.jpg", imageAlt: "Photo de Caroline Leclerc"},
|
|
]}
|
|
showRating={true}
|
|
title="Ce que disent nos clients"
|
|
description="Leurs sourires sont notre plus belle récompense."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Saveurs d'Élite", "Harmonie Sonore", "Fleurs & Créations", "Lux Limousines", "Capture Photo & Vidéo", "Concept Événement", "Traiteur Gourmand"]}
|
|
title="Nos Partenaires de Confiance"
|
|
description="Nous collaborons avec les meilleurs pour des événements exceptionnels."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Quelle est la capacité maximale de la salle ?", content: "Notre salle principale peut accueillir jusqu'à 200 personnes assises pour un repas et 300 personnes pour un cocktail debout. Nous avons également des salons plus petits pour des événements intimes."},
|
|
{
|
|
id: "q2", title: "Proposez-vous un service traiteur ?", content: "Oui, nous proposons un service traiteur interne avec des menus variés et personnalisables pour s'adapter à vos préférences et à votre budget. Nous pouvons également travailler avec votre traiteur si vous le souhaitez."},
|
|
{
|
|
id: "q3", title: "Est-il possible de visiter la salle avant de réserver ?", content: "Absolument ! Nous vous invitons à prendre rendez-vous pour une visite guidée de nos installations. Notre équipe sera ravie de vous présenter les différents espaces et de répondre à toutes vos questions."},
|
|
]}
|
|
title="Questions Fréquentes"
|
|
description="Trouvez rapidement les réponses à vos interrogations."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Contactez-nous"
|
|
title="Réservez Votre Date"
|
|
description="Contactez-nous dès aujourd'hui pour discuter de votre prochain événement et obtenir un devis personnalisé."
|
|
imageSrc="http://img.b2bpic.net/free-photo/nobody-photography-studio-with-retouching-equipment-technology-media-production-empty-workplace-image-edit-using-retouch-software-computer-office-photographer_482257-28778.jpg"
|
|
imageAlt="Bureau accueillant de la Salle des fêtes Évasion"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Entrez votre email"
|
|
buttonText="Envoyer"
|
|
termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Conditions Générales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Découvrir", items: [
|
|
{
|
|
label: "Accueil", href: "/"},
|
|
{
|
|
label: "À Propos", href: "/#about"},
|
|
{
|
|
label: "Services", href: "/#services"},
|
|
{
|
|
label: "Galerie", href: "/#gallery"},
|
|
],
|
|
},
|
|
{
|
|
title: "Assistance", items: [
|
|
{
|
|
label: "FAQ", href: "/#faq"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
{
|
|
label: "Politique de Confidentialité", href: "#"},
|
|
{
|
|
label: "Conditions Générales", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Nous Suivre", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "LinkedIn", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Haifa Palace "
|
|
copyrightText="© 2026 Haifa Palace. Tous droits réservés.
|
|
"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |