Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -35,9 +35,11 @@ export default function LandingPage() {
         { name: "À propos", id: "#about" },
         { name: "Chambres", id: "#rooms" },
         { name: "Galerie", id: "#gallery" },
+        { name: "Témoignages", id: "#testimonials" },
         { name: "Contact", id: "#contact" }
       ]}
       brandName="Elegance Hotel"
+      className="w-full"
     />
   </div>
 
@@ -48,11 +50,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>
 
@@ -60,9 +63,10 @@ export default function LandingPage() {
       <MediaAbout
       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."
+      description="Notre hôtel allie architecture moderne et tradition du service haut de gamme. Chaque détail est pensé pour votre bien-être absolu, garantissant un environnement à la fois professionnel et chaleureux."
       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,21 +77,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"},
-        {
-          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: "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: "r6",          name: "Chambre Executive",          price: "300€/nuit",          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.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", 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."
+      description="Des espaces conçus pour votre repos, alliant luxe et modernité pour un séjour inoubliable."
+      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>
 
@@ -97,15 +94,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: "Un havre de paix pour revitaliser votre corps et votre esprit.", 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: "Maintenez votre forme avec nos équipements de pointe.", 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: "Un service personnalisé pour répondre à chaque besoin.", 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."
+      description="Profitez de services exclusifs dans une atmosphère de professionnalisme absolu."
+      className="px-4 md:px-8 py-16 md:py-24"
     />
   </div>
 
@@ -113,16 +108,14 @@ export default function LandingPage() {
       <MetricCardFourteen
       useInvertedBackground={true}
       title="Chiffres clés"
-      tag="Expérience"
+      tag="Excellence"
       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 hôtelière" },
+        { id: "m2", value: "5000+", description: "Clients satisfaits" },
+        { id: "m3", value: "4.9/5", description: "Note de confiance" }
       ]}
       metricsAnimation="slide-up"
+      className="px-4 md:px-8 py-16 md:py-24"
     />
   </div>
 
@@ -132,19 +125,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 d'affaires", testimonial: "Une atmosphère incroyablement professionnelle et accueillante. Le service était impeccable du début à la fin.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
+        { id: "t2", name: "Thomas B.", role: "Consultant", testimonial: "Le mélange parfait entre design moderne et confort. Idéal pour mes voyages d'affaires fréquents.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg" },
+        { id: "t3", name: "Sophie M.", role: "Touriste de luxe", testimonial: "L'élégance à chaque coin de rue. Un séjour qui dépasse toutes les attentes en termes de qualité.", 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."
+      description="Des retours authentiques qui reflètent notre engagement envers la satisfaction de chaque visiteur."
+      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>
 
@@ -153,41 +141,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 et de départ ?", content: "Notre réception vous accueille pour votre arrivée dès 15h, et les départs s'effectuent avant 11h." },
+        { id: "q2", title: "Le petit déjeuner est-il inclus dans le prix ?", content: "Oui, savourez notre buffet continental gourmand, offert chaque matin pour bien commencer votre journée." },
+        { id: "q3", title: "La localisation est-elle proche du centre-ville ?", content: "Absolument, nous sommes idéalement situés à seulement 5 minutes de l'hypercentre, parfait pour vos déplacements." }
       ]}
       title="Questions fréquentes"
-      description="Tout ce que vous devez savoir pour votre séjour."
+      description="Informations pratiques pour préparer votre séjour en toute sérénité."
       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"
+      title="Réservez votre séjour"
+      description="Faites le premier pas vers une expérience de luxe inoubliable en nous contactant dès maintenant."
+      buttonText="Envoyer une demande"
+      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>
   );
-}
+}

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;