diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e2efcc..d2c98c0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,6 +38,7 @@ export default function LandingPage() {
{ name: "Contact", id: "#contact" }
]}
brandName="Elegance Hotel"
+ className="w-full"
/>
@@ -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"
/>
@@ -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"
/>
@@ -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"
/>
@@ -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"
/>
@@ -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"
/>
@@ -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"
/>
@@ -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"
/>
);
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 568ef85..322f2c2 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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;