diff --git a/src/App.css b/src/App.css
index 4931613..55e500a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,4 @@
 .App {
   text-align: center;
+  direction: rtl;
 }
diff --git a/src/App.js b/src/App.js
index a464b72..8c0c398 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,6 +18,7 @@ import avatar4 from "./assets/img/avatar/alexander-hipp-iEEBWgY_6lA-unsplash.jpg
 import avatar5 from "./assets/img/avatar/julian-wan-WNoLnJo7tS8-unsplash.jpg";
 import avatar6 from "./assets/img/avatar/nicolas-horn-MTZTGvDsHFY-unsplash.jpg";
 import avatar7 from "./assets/img/avatar/pexels-yuri-manei-2690323.jpg";
+import LoginSignUp from './view/LoginSignUp';
 
 
 let data = [
@@ -643,8 +644,9 @@ function App() {
         {LOGIN && <Header />}
         {LOGIN && <Nav logOut={logOut} />}
         <Routes>
+          <Route path="/" element={<LoginSignUp />} />
           <Route
-            path="/"
+            path="/login"
             element={
              
               <Login activeLogin={activeLogin} />}
diff --git a/src/components/Button/index.js b/src/components/Button/index.js
new file mode 100644
index 0000000..4eee36c
--- /dev/null
+++ b/src/components/Button/index.js
@@ -0,0 +1 @@
+import React from "react";
\ No newline at end of file
diff --git a/src/components/nav/Nav.js b/src/components/nav/Nav.js
index 2ab3396..560dbde 100644
--- a/src/components/nav/Nav.js
+++ b/src/components/nav/Nav.js
@@ -44,7 +44,7 @@ const Nav = ({ logOut }) => {
       {/* ------------ */}
       <div className="nav-menu-container w-full h-3/4 flex-col items-center absolute z-30 top-1/4 right-0">
         <Link
-          to="/"
+          to="/dashboard"
           className="nav-menu-container-item w-full h-1/6 flex flex-col items-center justify-center hover:bg-color2_5 cursor-pointer"
           onClick={() => chaneNav(1)}
         >
@@ -236,7 +236,7 @@ const Nav = ({ logOut }) => {
         </Link>
         {/* ---------- */}
         <Link
-          to="/login"
+          to="/"
           className="nav-menu-container-item w-full h-1/6 flex flex-col items-center justify-center hover:bg-color2_5 cursor-pointer"
           onClick={logOut}
         >
diff --git a/src/view/login/Login.js b/src/view/login/Login.js
index 525dc32..59a5dc7 100644
--- a/src/view/login/Login.js
+++ b/src/view/login/Login.js
@@ -74,7 +74,7 @@ const Login = ({ activeLogin }) => {
           </div>
           {/* ---- */}
           <Link
-            to="/"
+            to="/dashboard"
             className="Login-box-form-btn w-full h-12 rounded bg-color2 text-white flex items-center justify-center mt-6"
             onClick={activeLogin}
           >
diff --git a/tailwind.config.js b/tailwind.config.js
index 16ab326..f8945dc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,6 +23,9 @@ module.exports = {
         color17: "#CB1F1F",
         color18: "#E2E2E2",
         color19: "#959595", //register input label
+        red26: '#521326',
+        red52: '#df1452',
+        grayEC: '#ececec'
       },
     },
     screens: {