📝 docs: Creation/modification of several pages, a waitlist, addition …

…of translation (French and Spanish) and modification of the home page - v.0.2.13

package.json

@@ -15,6 +15,8 @@
     "@fortawesome/free-brands-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
+    "@headlessui/react": "^2.1.10",
+    "@heroicons/react": "^2.1.5",
     "@react-three/drei": "^9.114.3",
     "@react-three/fiber": "^8.17.9",
     "@supabase/auth-ui-react": "^0.4.7",
@@ -29,10 +31,12 @@
     "flowbite": "^2.5.2",
     "flowbite-react": "^0.10.2",
     "framer-motion": "^11.11.4",
+    "i18next": "^23.15.2",
     "lucide-react": "^0.447.0",
     "preline": "^2.5.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-i18next": "^15.0.2",
     "react-icons": "^5.3.0",
     "react-router-dom": "^6.26.2",
     "simplex-noise": "^4.0.3",

src/App.tsx

@@ -7,13 +7,35 @@ import Saved from "./components/pages/saved"
 import Notification from "./components/pages/notifications"
 import Profile from './components/pages/profile'
 import Settings from "./components/pages/settings"
+import Groups from './components/pages/groups'
 import About from './components/pages/about'
 import Dashboard from './components/pages/dashboard'
 import Waitlist from './components/pages/waitlist'
 import Error from './components/pages/404'
+import { I18nextProvider } from 'react-i18next'
+import i18next from 'i18next';
+import { initReactI18next } from 'react-i18next'
+import enTranslation from './locales/en/translation.json'
+import frTranslation from './locales/fr/traduction.json'
+import esTranslation from './locales/es/traducción.json'
+
+i18next.use(initReactI18next).init({
+  resources: {
+    en: { translation: enTranslation },
+    fr: { translation: frTranslation },
+    es: { translation: esTranslation },
+  },
+  lng: "en",
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false,
+  },
+});
 
 export default function App() {
   return (
+    <>
+    <I18nextProvider i18n={i18next}>
     <Router>
       <Analytics />
       <SpeedInsights />
@@ -25,11 +47,14 @@ export default function App() {
             <Route path="/notification" element={<Notification />} />
             <Route path="/profile" element={<Profile />} />
             <Route path="/settings" element={<Settings />} />
+            <Route path="/groups" element={<Groups />} />
             <Route path="/about" element={<About />} />
             <Route path="/dashboard" element={<Dashboard />} />
             <Route path="/waitlist" element={<Waitlist />} />
             <Route path="/404" element={<Error />} />
           </Routes>
     </Router>
+    </I18nextProvider>
+    </>
   )
 }