chore: refactoring folders and UI

index.html

@@ -49,24 +49,24 @@
 
   <link rel="manifest" href="/manifest.json" />
 
-  <!-- // CSS and Bootstrap -->
 
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
   <link rel="shortcut icon" href="./images/solidarity.png" type="image/x-icon" />
 
   <!-- head fonts -->
-  <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Mulish&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Sarabun&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital@1&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
 
   <title>Milan</title>
 </head>

package.json

@@ -25,6 +25,7 @@
   "dependencies": {
     "@commitlint/cli": "^18.4.2",
     "@commitlint/config-conventional": "^17.6.1",
+    "@hookform/resolvers": "^3.3.4",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/user-event": "^14.4.3",
     "aos": "^2.3.4",
@@ -34,7 +35,9 @@
     "js-cookie": "^3.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-fast-marquee": "^1.6.3",
     "react-helmet-async": "^1.3.0",
+    "react-hook-form": "^7.49.3",
     "react-icons": "^4.10.1",
     "react-router-dom": "^6.11.2",
     "react-scripts": "^5.0.1",
@@ -46,6 +49,7 @@
     "url": "^0.11.0",
     "vite-plugin-svgr": "^2.2.2",
     "web-vitals": "^3.3.1",
+    "zod": "^3.22.4",
     "zustand": "^4.4.1"
   },
   "scripts": {

src/App.jsx

@@ -1,12 +1,12 @@
 import React from "react";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import "./styles/App.css";
+import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
 import BacktoTop from "../src/components/Button/BacktoTop/BacktoTop.jsx";
-import routesConfig from "./assets/data/routesConfig";
+import "./styles/App.css";
+import routesConfig from "./utils/routesConfig.jsx";
 
 const App = () => {
   return (
-    <>
+    <div className="app">
       <Router>
         <Routes>
           {routesConfig.map((route, index) => (
@@ -20,7 +20,7 @@ const App = () => {
         </Routes>
       </Router>
       <BacktoTop />
-    </>
+    </div>
   );
 };