Changed string values to use i18n

src/Components/Navbar/Navbar.tsx

@@ -2,9 +2,11 @@ import { useState } from "react";
 import { FaTimes, FaBars } from "react-icons/fa";
 
 import Logo from "../../assets/logo.svg";
+import { useTranslation } from "react-i18next";
 
 export default () => {
   const [state, setState] = useState(false);
+  const { t } = useTranslation();
 
   const [colorChange, setColorChange] = useState(false);
   const changeColor = () => {
@@ -19,9 +21,9 @@ export default () => {
 
   // Replace javascript:void(0) path with your path
   const navigation = [
-    { title: "Services", path: "#Services" },
-    { title: "Results", path: "#Results" },
-    { title: "Contact", path: "#Contact" },
+    { title: t("navbar.services"), path: "Services" },
+    { title: t("navbar.advantages"), path: "Advantages" },
+    { title: t("navbar.contact"), path: "Contact" },
   ];
 
   return (