fix: delete read more button + translation button + ortograph service…

… and some clean up

src/components/AnimationsComponent/AnimationsComponent.js

@@ -1,13 +1,11 @@
 import React from "react";
 import "./Animations-Component.css";
-import { motion, useScroll } from "framer-motion";
 import { gsap } from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 import { ScrollToPlugin } from "gsap/ScrollToPlugin";
 import { useEffect } from "react";
 
 function AnimationsComponent() {
-  const { scrollYProgress } = useScroll();
 
   gsap.registerPlugin(ScrollTrigger, ScrollToPlugin);
 

src/components/Cta/Cta.css

@@ -48,17 +48,21 @@
   color: #fff;
   text-decoration: none;
 }
-.cta-button:hover{
+.cta-button:hover {
   background-color: transparent;
   border: 1px #fff solid;
-  transition: all .6s;
-  -moz-transition: all .6s;
-	-webkit-transition: all .6s;
+  transition: all 0.6s;
+  -moz-transition: all 0.6s;
+  -webkit-transition: all 0.6s;
 }
+
 @media (min-width: 344px) {
   .cta-wrap {
     height: 320px;
   }
+  .cta-component {
+    margin-top: 40px;
+  }
 }
 @media (min-width: 460px) {
   .cta-text {
@@ -79,9 +83,6 @@
   }
 }
 @media (min-width: 640px) {
-  .cta-component {
-    /* height: 200vh; */
-  }
   .cta-wrap {
     align-items: flex-start;
     height: 220px;
@@ -102,6 +103,9 @@
   }
 }
 @media (min-width: 768px) {
+  .cta-component {
+    margin-top: 0;
+  }
   .cta-wrap {
     height: 230px;
   }

src/components/Cta/Cta.js

@@ -1,6 +1,5 @@
 import React from "react";
 import "./Cta.css";
-// import { useLocation, useNavigate } from "react-router-dom";
 import { HashLink } from "react-router-hash-link";
 
 const Cta = ({ langageState }) => {

src/components/Navbar/Navbar.css

@@ -342,6 +342,7 @@ input:checked + .navbar-slider:before {
   }
   .navbar-switch-langage-container {
     right: 8%;
+    top: 5%;
   }
   .navbar-contact-us {
     display: none;

src/components/Navbar/Navbar.js

@@ -4,7 +4,7 @@ import jwblanc from "../../assets/logoJWCorp/jwlogosolutionblanc.svg";
 import { Link } from "react-router-dom";
 import { HashLink } from "react-router-hash-link";
 
-function Navbar({ handlingLangage, langageState, checkDomain }) {
+function Navbar({ handlingLangage, checkDomain }) {
   const [displayNotification, setDisplayNotification] = useState(false);
   useEffect(() => {
     setTimeout(() => {

src/components/NotreMission/NotreMission.js

@@ -54,7 +54,7 @@ const NotreMission = ({ langageState }) => {
                 </>
               ) : (
                 <>
-                  We mobilize our knowledge and skills to serve your your
+                  We mobilize our knowledge and skills to serve your
                   Blockchain projects.
                 </>
               )}
@@ -175,11 +175,7 @@ const NotreMission = ({ langageState }) => {
           </HashLink>
         </div>
       </div>
-      <div className="mission-button-container">
-        <HashLink to="/Services">
-          {langageState ? <>EN SAVOIR +</> : <>READ MORE</>}
-        </HashLink>
-      </div>
+
     </section>
   );
 };