Merge version_3 into main #5
@@ -38,6 +38,7 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Elegance Hotel"
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,11 +49,12 @@ export default function LandingPage() {
|
||||
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"
|
||||
imageAlt="Hall d'entrée du luxe hôtel"
|
||||
className="px-4 md:px-8"
|
||||
containerClassName="max-w-7xl mx-auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,6 +65,7 @@ export default function LandingPage() {
|
||||
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"
|
||||
imageAlt="Design intérieur élégant"
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,27 +76,14 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{
|
||||
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", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{
|
||||
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", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{
|
||||
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", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "r5", name: "Suite Familiale", price: "400€/nuit", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "r6", name: "Chambre Executive", price: "300€/nuit", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg", priceButtonProps: { text: "Réserver", href: "#contact" }
|
||||
},
|
||||
{ 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", priceButtonProps: { text: "Réserver", href: "#contact" } },
|
||||
{ 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", priceButtonProps: { text: "Réserver", href: "#contact" } },
|
||||
{ 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", priceButtonProps: { text: "Réserver", href: "#contact" } }
|
||||
]}
|
||||
title="Nos suites et chambres"
|
||||
description="Des espaces conçus pour votre repos, dotés des équipements les plus modernes."
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
gridClassName="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,15 +93,13 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Nos prestations premium"
|
||||
description="Profitez de services exclusifs pour un séjour sans faille."
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,14 +109,12 @@ export default function LandingPage() {
|
||||
title="Chiffres clés"
|
||||
tag="Expérience"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", description: "Années d'excellence"},
|
||||
{
|
||||
id: "m2", value: "5000+", description: "Clients satisfaits"},
|
||||
{
|
||||
id: "m3", value: "4.9/5", description: "Note moyenne"},
|
||||
{ id: "m1", value: "15+", description: "Années d'excellence" },
|
||||
{ id: "m2", value: "5000+", description: "Clients satisfaits" },
|
||||
{ id: "m3", value: "4.9/5", description: "Note moyenne" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,19 +124,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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" }
|
||||
]}
|
||||
title="Nos hôtes témoignent"
|
||||
description="Découvrez pourquoi nos clients nous recommandent."
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
gridClassName="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,41 +140,38 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Est-ce proche du centre-ville ?", content: "Oui, situé à 5 minutes de l'hypercentre."},
|
||||
{ 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: "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."
|
||||
faqsAnimation="slide-up"
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contactez-nous"
|
||||
title="Réservez dès maintenant"
|
||||
description="Joignez-nous par WhatsApp ou téléphone."
|
||||
buttonText="Envoyer"
|
||||
className="px-4 md:px-8 py-16 md:py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elegance Hotel"
|
||||
leftLink={{
|
||||
text: "Confidentialité", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact", href: "#contact"}}
|
||||
leftLink={{ text: "Confidentialité", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
className="px-4 py-8"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,11 +11,11 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcfaf7;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #c5a059;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #c5a059;
|
||||
--background-accent: #f3eee5;
|
||||
|
||||
Reference in New Issue
Block a user