Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "À propos", id: "about" },
-        },
+        { name: "Prendre rendez-vous", id: "contact" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Booking",
-          id: "contact",
-        },
       ]}
       brandName="Salon La cache à repousse"
     />
@@ -55,42 +43,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="Salon La cache à repousse"
-      description="Reveal Your Best Look Today. Professional hair services in a warm and welcoming salon in Lévis."
+      description="Révélez votre beauté dès aujourd'hui. Services capillaires professionnels dans un salon chaleureux à Lévis."
       buttons={[
-        {
+        { text: "Prendre rendez-vous", href: "#contact" },
-          text: "Book an Appointment",
+        { text: "Appelez maintenant", href: "tel:+14184782959" },
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+14185550199",
-        },
       ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", imageAlt: "Intérieur du salon accueillant" },
-          imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg", imageAlt: "Styliste au travail" },
-          imageAlt: "Welcoming salon interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg",
-          imageAlt: "Stylist working on client",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
-          imageAlt: "Salon product display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
-          imageAlt: "Relaxing salon atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-beautiful-elegant-young-woman-pretty-black-sweater_114579-81913.jpg",
-          imageAlt: "Professional coloring tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
-          imageAlt: "Salon exterior view",
-        },
       ]}
     />
   </div>
@@ -102,30 +62,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Coupes Expertes", description: "Des coupes de précision adaptées à votre style et à la morphologie de votre visage.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4451.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", buttonText: "Voir nos services" },
-          title: "Expert Haircuts",
+        { title: "Coloration Professionnelle", description: "Des solutions de couleur personnalisées, des reflets naturels aux teintes audacieuses.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-palm-her-hand_141793-573.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-summertime_52683-86996.jpg", buttonText: "Voir nos services" },
-          description: "Precision cuts tailored to your unique style and face shape.",
+        { title: "Soins Revitalisants", description: "Soins en profondeur et traitements thérapeutiques pour des cheveux sains et éclatants.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-getting-her-hair-washed_23-2148108893.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-washed_23-2148108851.jpg", buttonText: "Voir nos services" },
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4451.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg",
-          buttonText: "See Services",
-        },
-        {
-          title: "Professional Coloring",
-          description: "Custom color solutions ranging from natural highlights to bold shades.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-palm-her-hand_141793-573.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-summertime_52683-86996.jpg",
-          buttonText: "See Services",
-        },
-        {
-          title: "Revitalizing Treatments",
-          description: "Deep conditioning and therapeutic treatments for healthy, shining hair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-getting-her-hair-washed_23-2148108893.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-washed_23-2148108851.jpg",
-          buttonText: "See Services",
-        },
       ]}
-      title="Premium Hair Care"
+      title="Soins Capillaires Premium"
-      description="We use the highest quality products and techniques to bring out your natural beauty."
+      description="Nous utilisons des produits de la plus haute qualité pour révéler votre beauté naturelle."
     />
   </div>
 
@@ -135,70 +77,21 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "p1", badge: "Essentiel", price: "À partir de 55$", subtitle: "Inclut consultation et coupe", features: ["Consultation", "Coupe de précision", "Mise en plis"], buttons: [{ text: "Réserver", href: "#contact" }] },
-          id: "p1",
+        { id: "p2", badge: "Populaire", price: "À partir de 120$", subtitle: "Transformation complète", features: ["Consultation couleur", "Application de couleur", "Coupe et finition"], buttons: [{ text: "Réserver", href: "#contact" }] },
-          badge: "Essential",
+        { id: "p3", badge: "Premium", price: "À partir de 85$", subtitle: "Soins profonds", features: ["Analyse capillaire", "Traitement nourrissant", "Massage du cuir chevelu"], buttons: [{ text: "Réserver", href: "#contact" }] },
-          price: "From $55",
-          subtitle: "Includes consultation and cut",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Blow dry styling",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Popular",
-          price: "From $120",
-          subtitle: "Full color and styling transformation",
-          features: [
-            "Color consultation",
-            "Full color application",
-            "Cut and finish",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Premium",
-          price: "From $85",
-          subtitle: "Deep nourishment and repair",
-          features: [
-            "Hair analysis",
-            "Deep conditioning",
-            "Scalp massage",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
-      title="Our Services & Pricing"
+      title="Services et Tarifs"
-      description="Transparent pricing for our signature hair services."
+      description="Tarification transparente pour tous nos services."
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={true}
-      title="Our Story"
+      title="Notre Histoire"
-      description="At Salon La cache à repousse, we believe hair care is a moment of pure relaxation. Located in the heart of Lévis, our family-friendly salon provides a welcoming space where you can unwind and leave feeling rejuvenated. Our team of experienced stylists is passionate about creating a personalized experience for every client who walks through our doors."
+      description="Au Salon La cache à repousse, nous croyons que la coiffure est un moment de pure détente. Situé au cœur de Lévis, notre salon familial offre un espace accueillant pour vous relaxer. Notre équipe de stylistes passionnés est dédiée à créer une expérience personnalisée pour chaque client."
       imageSrc="http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg"
-      imageAlt="Our welcoming salon space"
     />
   </div>
 
@@ -209,51 +102,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Avant / Après 1", description: "Transformation blonde éclatante", imageSrc: "http://img.b2bpic.net/free-photo/funny-sisters-black-white_329181-10662.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-grey-hair-background_633478-2379.jpg", buttonText: "Réserver" },
-          title: "Before / After 1",
+        { title: "Avant / Après 2", description: "Style bob élégant", imageSrc: "http://img.b2bpic.net/free-photo/happy-sad-twins_329181-10672.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7278.jpg", buttonText: "Réserver" },
-          description: "Stunning blonde transformation",
-          imageSrc: "http://img.b2bpic.net/free-photo/funny-sisters-black-white_329181-10662.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-grey-hair-background_633478-2379.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Before / After 2",
-          description: "Elegant bob style update",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-sad-twins_329181-10672.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7278.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Before / After 3",
-          description: "Vibrant color refreshment",
-          imageSrc: "http://img.b2bpic.net/free-photo/from-women-lying-white-sheet_23-2147770666.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-young-women-touching-their-head_23-2147890650.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Before / After 4",
-          description: "Healthy shine restoration",
-          imageSrc: "http://img.b2bpic.net/free-photo/collage-blonde-with-hair-after-before-beauty-salon_132075-11809.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Before / After 5",
-          description: "Bold new style choice",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6109.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-front-view_23-2149860774.jpg",
-          buttonText: "Book Now",
-        },
-        {
-          title: "Before / After 6",
-          description: "Classic hair transformation",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-girl-preparing-halloween-with-ghost-costume_23-2149071234.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7274.jpg",
-          buttonText: "Book Now",
-        },
       ]}
-      title="Our Transformations"
+      title="Nos Transformations"
-      description="See how we've helped our clients reveal their best look."
+      description="Découvrez comment nous aidons nos clients à révéler leur meilleur look."
     />
   </div>
 
@@ -263,50 +116,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Marie Leclair", handle: "@marie", testimonial: "Le meilleur salon à Lévis ! Atmosphère professionnelle et très relaxante.", rating: 5 },
-          id: "1",
+        { id: "2", name: "Sophie Tremblay", handle: "@sophie", testimonial: "J'adore ma nouvelle couleur. Une équipe à l'écoute.", rating: 5 },
-          name: "Marie Leclair",
-          handle: "@marie",
-          testimonial: "Best salon in Lévis! The atmosphere is so relaxing and professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-romantic-girl-playing-with-wavy-hair-winsome-tanned-female-model_197531-9118.jpg",
-        },
-        {
-          id: "2",
-          name: "Sophie Tremblay",
-          handle: "@sophie",
-          testimonial: "I loved my coloring results. They really listened to what I wanted.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shy-spanish-woman-is-smiling-ideal-skin-long-straight-hair_633478-1847.jpg",
-        },
-        {
-          id: "3",
-          name: "Julie Fortin",
-          handle: "@julie",
-          testimonial: "Warm, welcoming, and high-quality services. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg",
-        },
-        {
-          id: "4",
-          name: "Karine Bouchard",
-          handle: "@karine",
-          testimonial: "The whole experience was perfect. Definitely coming back soon.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
-        },
-        {
-          id: "5",
-          name: "Nancy G.",
-          handle: "@nancy",
-          testimonial: "Amazing service and friendly staff. My hair has never looked better.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
-        },
       ]}
       showRating={true}
-      title="Loved by Our Clients"
+      title="Ce qu'ils disent de nous"
-      description="5.0 ★ rating from happy clients in Lévis."
+      description="Note de 5.0 étoiles de la part de nos clients satisfaits à Lévis."
     />
   </div>
 
@@ -316,86 +131,35 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: MapPin, title: "Adresse", value: "Lévis, QC" },
-          id: "m1",
+        { id: "m2", icon: Clock, title: "Heures", value: "Mar-Sam 9h-17h" },
-          icon: MapPin,
+        { id: "m3", icon: Phone, title: "Téléphone", value: "418-478-2959" },
-          title: "Location",
-          value: "Lévis, QC",
-        },
-        {
-          id: "m2",
-          icon: Clock,
-          title: "Hours",
-          value: "Tue-Sat 9-5",
-        },
-        {
-          id: "m3",
-          icon: Phone,
-          title: "Phone",
-          value: "(418) 555-0199",
-        },
       ]}
-      title="Visit Us Today"
+      title="Visitez-nous"
-      description="Located in Lévis, Quebec. We look forward to welcoming you."
+      description="Situé à Lévis, au Québec. Nous avons hâte de vous accueillir."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Book Your Appointment"
+      title="Prendre rendez-vous"
-      description="Ready to reveal your best look? Contact us today to secure your time slot."
+      description="Prêt à révéler votre beauté ? Contactez-nous pour réserver votre plage horaire."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Votre Nom", required: true },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Votre Email", required: true },
-          type: "text",
+        { name: "phone", type: "tel", placeholder: "Votre Numéro", required: true },
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Votre message ou date souhaitée", rows: 4 }}
-        name: "message",
+      buttonText="Envoyer la demande"
-        placeholder: "Your message or preferred date",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160094.jpg"
-      buttonText="Submit Request"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Tél: 418-478-2959", href: "tel:+14184782959" }, { label: "Lévis, QC", href: "#location" }] },
-          items: [
+        { items: [{ label: "Facebook", href: "https://facebook.com" }, { label: "Prendre Rendez-vous", href: "#contact" }] },
-            {
-              label: "Phone: (418) 555-0199",
-              href: "tel:+14185550199",
-            },
-            {
-              label: "Visit us in Lévis",
-              href: "#location",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Facebook",
-              href: "https://facebook.com",
-            },
-            {
-              label: "Book Appointment",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       logoText="Salon La cache à repousse"
     />
@@ -403,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}