Merge version_1 into main #2
173
src/app/page.tsx
173
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Chambres",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "À propos", id: "#about" },
|
||||
{ name: "Chambres", id: "#rooms" },
|
||||
{ name: "Galerie", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Elegance Hotel"
|
||||
/>
|
||||
@@ -59,17 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Une expérience d'exception au cœur de la ville"
|
||||
description="Découvrez le raffinement et le confort absolu de notre établissement. Votre escapade de luxe commence ici."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver un séjour",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver un séjour", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461682-jxghkwpp.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461682-jxghkwpp.jpg"
|
||||
imageAlt="Hall d'entrée du luxe hôtel"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,7 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'art de recevoir"
|
||||
description="Notre hôtel allie architecture moderne et tradition du service haut de gamme. Chaque détail est pensé pour votre bien-être absolu."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-z1d659h5.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-z1d659h5.jpg"
|
||||
imageAlt="Design intérieur élégant"
|
||||
/>
|
||||
</div>
|
||||
@@ -92,41 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Suite Royale",
|
||||
price: "350€/nuit",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-uehhz58o.jpg",
|
||||
},
|
||||
id: "r1", name: "Suite Royale", price: "350€/nuit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-uehhz58o.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Chambre Deluxe",
|
||||
price: "220€/nuit",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-bxmkoudb.jpg",
|
||||
},
|
||||
id: "r2", name: "Chambre Deluxe", price: "220€/nuit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-bxmkoudb.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Chambre Standard",
|
||||
price: "150€/nuit",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-eqiunr0u.jpg",
|
||||
},
|
||||
id: "r3", name: "Chambre Standard", price: "150€/nuit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-eqiunr0u.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Suite Junior",
|
||||
price: "280€/nuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-with-dreadlocks-wear-blue-blouse-skirt-posed-cafe_627829-13175.jpg",
|
||||
},
|
||||
id: "r4", name: "Suite Junior", price: "280€/nuit", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-with-dreadlocks-wear-blue-blouse-skirt-posed-cafe_627829-13175.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Suite Familiale",
|
||||
price: "400€/nuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
|
||||
},
|
||||
id: "r5", name: "Suite Familiale", price: "400€/nuit", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Chambre Executive",
|
||||
price: "300€/nuit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
|
||||
},
|
||||
id: "r6", name: "Chambre Executive", price: "300€/nuit", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg"},
|
||||
]}
|
||||
title="Nos suites et chambres"
|
||||
description="Des espaces conçus pour votre repos, dotés des équipements les plus modernes."
|
||||
@@ -135,33 +93,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Spa & Bien-être",
|
||||
description: "Accès gratuit à notre espace détente et sauna.",
|
||||
tag: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg",
|
||||
imageAlt: "Older people talk about holiday plans",
|
||||
},
|
||||
id: "f1", title: "Spa & Bien-être", description: "Accès gratuit à notre espace détente et sauna.", tag: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg", imageAlt: "Older people talk about holiday plans"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Salle de fitness",
|
||||
description: "Équipements de pointe disponibles 24/7.",
|
||||
tag: "Sport",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461682-jxghkwpp.jpg?_wi=2",
|
||||
imageAlt: "Older people talk about holiday plans",
|
||||
},
|
||||
id: "f2", title: "Salle de fitness", description: "Équipements de pointe disponibles 24/7.", tag: "Sport", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461682-jxghkwpp.jpg", imageAlt: "Older people talk about holiday plans"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Service Conciergerie",
|
||||
description: "Notre équipe dédiée répond à vos moindres désirs.",
|
||||
tag: "Service",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-z1d659h5.jpg?_wi=2",
|
||||
imageAlt: "Older people talk about holiday plans",
|
||||
},
|
||||
id: "f3", title: "Service Conciergerie", description: "Notre équipe dédiée répond à vos moindres désirs.", tag: "Service", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfkdoY8o3yb4zxcg8dkspXA5Ko/uploaded-1776784461683-z1d659h5.jpg", imageAlt: "Older people talk about holiday plans"},
|
||||
]}
|
||||
title="Nos prestations premium"
|
||||
description="Profitez de services exclusifs pour un séjour sans faille."
|
||||
@@ -175,20 +116,11 @@ export default function LandingPage() {
|
||||
tag="Expérience"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Années d'excellence",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Années d'excellence"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Clients satisfaits",
|
||||
},
|
||||
id: "m2", value: "5000+", description: "Clients satisfaits"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Note moyenne",
|
||||
},
|
||||
id: "m3", value: "4.9/5", description: "Note moyenne"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -201,40 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marie L.",
|
||||
role: "Voyageuse",
|
||||
testimonial: "Un séjour inoubliable, service impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
id: "t1", name: "Marie L.", role: "Voyageuse", testimonial: "Un séjour inoubliable, service impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas B.",
|
||||
role: "Business",
|
||||
testimonial: "L'endroit idéal pour travailler et se reposer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg",
|
||||
},
|
||||
id: "t2", name: "Thomas B.", role: "Business", testimonial: "L'endroit idéal pour travailler et se reposer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie M.",
|
||||
role: "Touriste",
|
||||
testimonial: "Une décoration magnifique et très moderne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
|
||||
},
|
||||
id: "t3", name: "Sophie M.", role: "Touriste", testimonial: "Une décoration magnifique et très moderne.", imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julien P.",
|
||||
role: "Famille",
|
||||
testimonial: "Excellent accueil, nous reviendrons très vite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-girl-beach_23-2147642567.jpg",
|
||||
},
|
||||
id: "t4", name: "Julien P.", role: "Famille", testimonial: "Excellent accueil, nous reviendrons très vite.", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-girl-beach_23-2147642567.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Claire V.",
|
||||
role: "VIP",
|
||||
testimonial: "Le luxe à l'état pur. Service de haute qualité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-suitcase-takes-selfies-mobile-phone-shares-photos-social-media-going_1258-314081.jpg",
|
||||
},
|
||||
id: "t5", name: "Claire V.", role: "VIP", testimonial: "Le luxe à l'état pur. Service de haute qualité.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-suitcase-takes-selfies-mobile-phone-shares-photos-social-media-going_1258-314081.jpg"},
|
||||
]}
|
||||
title="Nos hôtes témoignent"
|
||||
description="Découvrez pourquoi nos clients nous recommandent."
|
||||
@@ -247,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quelles sont les heures d'arrivée ?",
|
||||
content: "Arrivée dès 15h, départ avant 11h.",
|
||||
},
|
||||
id: "q1", title: "Quelles sont les heures d'arrivée ?", content: "Arrivée dès 15h, départ avant 11h."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Le petit déjeuner est inclus ?",
|
||||
content: "Oui, notre buffet continental est inclus.",
|
||||
},
|
||||
id: "q2", title: "Le petit déjeuner est inclus ?", content: "Oui, notre buffet continental est inclus."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Est-ce proche du centre-ville ?",
|
||||
content: "Oui, situé à 5 minutes de l'hypercentre.",
|
||||
},
|
||||
id: "q3", title: "Est-ce proche du centre-ville ?", content: "Oui, situé à 5 minutes de l'hypercentre."},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir pour votre séjour."
|
||||
@@ -272,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contactez-nous"
|
||||
title="Réservez dès maintenant"
|
||||
description="Joignez-nous par WhatsApp ou téléphone."
|
||||
@@ -285,13 +182,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Elegance Hotel"
|
||||
leftLink={{
|
||||
text: "Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Confidentialité", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user