Update src/app/page.tsx
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -32,80 +32,49 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À Propos", id: "/#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "/#services"},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Galerie", id: "/#gallery"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "/#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "/#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Salle Évasion"
|
||||
button={{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Demander un devis", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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: "Découvrir nos salles", href: "/#gallery"},
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
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/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/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/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",
|
||||
imageAlt: "Réception cocktail chic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-something-from-food-truck_23-2148914602.jpg", imageAlt: "Réception cocktail chic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899436.jpg",
|
||||
imageAlt: "Salle vide prête pour un événement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899436.jpg", imageAlt: "Salle vide prête pour un événement"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -116,14 +85,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Découvrez la Salle Évasion"
|
||||
description={[
|
||||
"Située au cœur d'un environnement paisible, la Salle Évasion 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.",
|
||||
]}
|
||||
"Située au cœur d'un environnement paisible, la Salle Évasion 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",
|
||||
},
|
||||
text: "En savoir plus", href: "/#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,35 +100,17 @@ export default function LandingPage() {
|
||||
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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -178,53 +125,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -238,50 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie Martin",
|
||||
handle: "@sophie.m",
|
||||
testimonial: "La Salle Évasion 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: "t1", name: "Sophie Martin", handle: "@sophie.m", testimonial: "La Salle Évasion 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 Évasion 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: "t2", name: "David Dubois", handle: "@david.d", testimonial: "Pour notre séminaire annuel, la Salle Évasion 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: "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: "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",
|
||||
},
|
||||
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"
|
||||
@@ -294,14 +175,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Saveurs d'Élite",
|
||||
"Harmonie Sonore",
|
||||
"Fleurs & Créations",
|
||||
"Lux Limousines",
|
||||
"Capture Photo & Vidéo",
|
||||
"Concept Événement",
|
||||
"Traiteur Gourmand",
|
||||
]}
|
||||
"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."
|
||||
/>
|
||||
@@ -313,20 +187,11 @@ export default function LandingPage() {
|
||||
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: "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: "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.",
|
||||
},
|
||||
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."
|
||||
@@ -338,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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é."
|
||||
@@ -356,62 +220,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Découvrir",
|
||||
items: [
|
||||
title: "Découvrir", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "/"},
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "/#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "/#services"},
|
||||
{
|
||||
label: "Galerie",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Galerie", href: "/#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Assistance",
|
||||
items: [
|
||||
title: "Assistance", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Conditions Générales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions Générales", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Nous Suivre",
|
||||
items: [
|
||||
title: "Nous Suivre", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -422,4 +261,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user