fix(components): update images, adjust layout, and improve text seman…

…tics across various components

src/components/contact/Contact.tsx

@@ -106,8 +106,8 @@ const Contact: FC = () => {
               </div>
             </div>
             <br />
-            <div className="md:w-7/12 lg:w-1/2">
-              <div className="rounded-lg bg-white p-6 shadow-lg">
+            <div className="">
+              <div className="">
                 {statusMessage && (
                   <div
                     className={`mb-4 rounded-lg p-4 ${

src/components/landing/bloc1/Bloc1.tsx

@@ -4,7 +4,7 @@ import { motion } from 'framer-motion';
 import Image from 'next/image';
 import React from 'react';
 
-import Block1 from '@/public/assets/images/blocks/block1.jpg';
+import Block1 from '@/public/assets/images/blocks/block1-2.jpg';
 // import { ScrollAnimate } from '@/components/scrollanimate/ScrollAnimate';
 
 export const Bloc1: React.FC = () => {

src/components/landing/landing/Landing.tsx

@@ -5,7 +5,6 @@ import { Bloc2 } from '../bloc2/Bloc2';
 import { Bloc3 } from '../bloc3/Bloc3';
 import { Bloc4 } from '../bloc4/Bloc4';
 import { Bloc5 } from '../bloc5/Bloc5';
-import { Bloc6 } from '../bloc6/Bloc6';
 
 const Landing: React.FC = () => {
   return (
@@ -27,7 +26,7 @@ const Landing: React.FC = () => {
         </div>
       </div>
       <Bloc5 />
-      <Bloc6 />
+      {/* <Bloc6 /> */}
     </>
   );
 };

src/components/rootlayoutcontent/RootLayoutContent.test.tsx

@@ -4,12 +4,12 @@ import RootLayoutContent from './RootLayoutContent';
 
 describe('RoootLayout', () => {
   describe('Render method', () => {
-    it('should have 10 menu items', () => {
+    it('should have 8 menu items', () => {
       render(<RootLayoutContent>test</RootLayoutContent>);
 
       const menuItemList = screen.getAllByRole('listitem');
 
-      expect(menuItemList).toHaveLength(10);
+      expect(menuItemList).toHaveLength(8);
     });
   });
 });

src/components/rootlayoutcontent/RootLayoutContent.tsx

@@ -130,7 +130,7 @@ const RootLayoutContent = (props: RootLayoutProps) => (
         </div>
       </header>
 
-      <main className="overflow-hidden text-xl xl:min-h-[calc(100vh-6rem)]">
+      <main className="grow overflow-hidden text-xl xl:min-h-[calc(100vh-12rem)]">
         {props.children}
       </main>
 

src/components/services/amenagement-exterieur/amenagementexterieurservice.tsx

@@ -114,8 +114,8 @@ const AmenagementExterieurService: React.FC = () => {
             >
               <div className="lg:w-1/2">
                 <motion.div
-                  initial={{ opacity: 0, x: -50 }}
-                  whileInView={{ opacity: 1, x: 0 }}
+                  initial={{ opacity: 0, y: -50 }}
+                  whileInView={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5 }}
                 >
                   <Image

src/components/services/chape-et-ragreage/chapeetragreageservice.tsx

@@ -74,8 +74,8 @@ const ChapeEtRagreageService: React.FC = () => {
             >
               <div className="lg:w-1/2">
                 <motion.div
-                  initial={{ opacity: 0, x: -50 }}
-                  whileInView={{ opacity: 1, x: 0 }}
+                  initial={{ opacity: 0, y: -50 }}
+                  whileInView={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5 }}
                 >
                   <Image

src/components/services/coffrage-et-coulage-beton/coffrageetcoulagebetonservice.tsx

@@ -113,8 +113,8 @@ const CoffrageEtCoulageBetonService: React.FC = () => {
             >
               <div className="lg:w-1/2">
                 <motion.div
-                  initial={{ opacity: 0, x: -50 }}
-                  whileInView={{ opacity: 1, x: 0 }}
+                  initial={{ opacity: 0, y: -50 }}
+                  whileInView={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5 }}
                 >
                   <Image

src/components/services/demolition/contactcta.tsx

@@ -8,27 +8,28 @@ const ContactCTA: React.FC = () => {
     <section className="bg-stone-600 px-4 py-16 sm:px-6 lg:px-8">
       <div className="mx-auto max-w-7xl text-center">
         <h2 className="mb-4 text-3xl font-extrabold text-white">
-          Obtenez un Devis Gratuit
+          Obtenez un devis gratuit
         </h2>
         <p className="mb-8 text-lg text-stone-100">
-          Prêt à démarrer votre rénovation sur de bonnes bases ? Contactez-nous
-          dès aujourd&apos;hui pour obtenir un devis gratuit pour votre projet
-          de démolition. Nous sommes là pour répondre à toutes vos questions et
-          vous aider à planifier les prochaines étapes de votre projet de
+          Prêt à démarrer votre projet sur de bonnes bases ?
+          <br />
+          Contactez-nous dès aujourd&apos;hui pour obtenir un devis gratuit.
+          Nous sommes là pour répondre à toutes vos questions et vous aider à
+          planifier les prochaines étapes de votre projet de construction ou de
           rénovation.
         </p>
         <div className="flex justify-center space-x-4">
           <Link
             href="/contact"
             className="inline-flex items-center justify-center rounded-md border border-transparent bg-white px-6 py-3 text-base font-medium text-stone-600 hover:bg-stone-50"
           >
-            Demandez un Devis Gratuit
+            Demandez un devis gratuit
           </Link>
           <Link
             href="/services"
             className="inline-flex items-center justify-center rounded-md border border-white bg-transparent px-6 py-3 text-base font-medium text-white hover:bg-stone-500"
           >
-            Découvrez Nos Autres Services
+            Découvrez nos autres services
           </Link>
         </div>
       </div>

src/components/services/demolition/demolitionservice.tsx

@@ -85,8 +85,8 @@ const DemolitionService: React.FC = () => {
             >
               <div className="lg:w-1/2">
                 <motion.div
-                  initial={{ opacity: 0, x: -50 }}
-                  whileInView={{ opacity: 1, x: 0 }}
+                  initial={{ opacity: 0, y: -50 }}
+                  whileInView={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5 }}
                 >
                   <Image

src/components/services/demolition/whychooseus.tsx

@@ -5,27 +5,27 @@ import { HiGlobeAlt, HiShieldCheck, HiThumbUp, HiUsers } from 'react-icons/hi';
 
 const features = [
   {
-    name: "Main d'oeuvre Expérimentée",
+    name: "Main d'oeuvre expérimentée",
     description:
-      "Nous sommes experts en démolition avec des années d'expérience, garantissant que chaque travail est réalisé en toute sécurité et efficacement.",
+      "Notre équipe qualifiée possède des années d'expérience dans le domaine, garantissant un travail de qualité et des prestations irréprochables.",
     icon: HiUsers,
   },
   {
-    name: 'Sécurité Avant Tout',
+    name: 'Sécurité avant tout',
     description:
-      'Nous priorisons la sécurité dans chaque projet de démolition, en mettant en place des mesures de contrôle de la poussière, de gestion des débris et des protocoles de sécurité pour protéger à la fois notre équipe et votre propriété.',
+      'Nous priorisons la sécurité dans chaque projet, en mettant en place des mesures de contrôle appropriées pour protéger à la fois notre équipe et votre propriété.',
     icon: HiShieldCheck,
   },
   {
-    name: 'Pratiques Écologiques',
+    name: 'Engagement environnemental',
     description:
-      "Nous sommes engagés dans une démolition respectueuse de l'environnement, en recyclant les matériaux autant que possible et en assurant une élimination appropriée des déchets.",
+      "Nous adoptons une approche éco-responsable dans tous nos projets, en privilégiant des pratiques durables et respectueuses de l'environnement.",
     icon: HiGlobeAlt,
   },
   {
-    name: 'Satisfaction Client',
+    name: 'Satisfaction client',
     description:
-      'Nous travaillons en étroite collaboration avec vous pour comprendre vos besoins et livrer des résultats qui dépassent vos attentes.',
+      'Votre satisfaction est notre priorité. Nous vous accompagnons à chaque étape du projet pour garantir des résultats à la hauteur de vos attentes.',
     icon: HiThumbUp,
   },
 ];
@@ -35,7 +35,7 @@ const WhyChooseUs: React.FC = () => {
     <section className="bg-white px-4 py-16 sm:px-6 lg:px-8">
       <div className="mx-auto max-w-7xl text-center">
         <h2 className="mb-8 text-3xl font-extrabold text-gray-900">
-          Pourquoi Nous Choisir ?
+          Pourquoi nous choisir ?
         </h2>
         <div className="mt-10 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
           {features.map((feature) => (

src/components/services/gros-oeuvre/grosoeuvreservice.tsx

@@ -114,8 +114,8 @@ const GrosOeuvreService: React.FC = () => {
             >
               <div className="lg:w-1/2">
                 <motion.div
-                  initial={{ opacity: 0, x: -50 }}
-                  whileInView={{ opacity: 1, x: 0 }}
+                  initial={{ opacity: 0, y: -50 }}
+                  whileInView={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5 }}
                 >
                   <Image