Login Sign Up Form Done

package-lock.json

@@ -21,6 +21,7 @@
         "react-redux": "^7.2.6",
         "react-router-dom": "^6.2.1",
         "react-scripts": "5.0.0",
+        "react-slideshow-image": "^3.7.0",
         "redux": "^4.1.2",
         "sass": "^1.45.1",
         "web-vitals": "^2.1.2"
@@ -3236,6 +3237,11 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "18.6.4",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-18.6.4.tgz",
+      "integrity": "sha512-lB9lMjuqjtuJrx7/kOkqQBtllspPIN+96OvTCeJ2j5FEzinoAXTdAMFnDAQT1KVPRlnYfBrqxtqP66vDM40xxQ=="
+    },
     "node_modules/@types/aria-query": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz",
@@ -13932,6 +13938,19 @@
         }
       }
     },
+    "node_modules/react-slideshow-image": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/react-slideshow-image/-/react-slideshow-image-3.7.0.tgz",
+      "integrity": "sha512-RNV5Ak76fWiG3rkmtWeUxtQtsaCtq1L6ysFYLpjw1n/mPPaFmDQ7Jz3m1l6g7+5Sydy3ivs3Q5wK38uGYF2eSA==",
+      "dependencies": {
+        "@tweenjs/tween.js": "^18.1.2",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0",
+        "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -14128,6 +14147,11 @@
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
@@ -18953,6 +18977,11 @@
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
       "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA=="
     },
+    "@tweenjs/tween.js": {
+      "version": "18.6.4",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-18.6.4.tgz",
+      "integrity": "sha512-lB9lMjuqjtuJrx7/kOkqQBtllspPIN+96OvTCeJ2j5FEzinoAXTdAMFnDAQT1KVPRlnYfBrqxtqP66vDM40xxQ=="
+    },
     "@types/aria-query": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz",
@@ -26656,6 +26685,15 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+    "react-slideshow-image": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/react-slideshow-image/-/react-slideshow-image-3.7.0.tgz",
+      "integrity": "sha512-RNV5Ak76fWiG3rkmtWeUxtQtsaCtq1L6ysFYLpjw1n/mPPaFmDQ7Jz3m1l6g7+5Sydy3ivs3Q5wK38uGYF2eSA==",
+      "requires": {
+        "@tweenjs/tween.js": "^18.1.2",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -26809,6 +26847,11 @@
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",

package.json

@@ -16,6 +16,7 @@
     "react-redux": "^7.2.6",
     "react-router-dom": "^6.2.1",
     "react-scripts": "5.0.0",
+    "react-slideshow-image": "^3.7.0",
     "redux": "^4.1.2",
     "sass": "^1.45.1",
     "web-vitals": "^2.1.2"

src/App.css

@@ -1,4 +1,4 @@
 .App {
   text-align: center;
-  direction: rtl;
+  
 }

src/App.js

@@ -644,7 +644,7 @@ function App() {
         {LOGIN && <Header />}
         {LOGIN && <Nav logOut={logOut} />}
         <Routes>
-          <Route path="/" element={<LoginSignUp />} />
+          <Route path="/" element={<LoginSignUp  activeLogin={activeLogin}/>} />
           <Route
             path="/login"
             element={

src/view/LoginSignUp/index.js

@@ -5,15 +5,43 @@ import img1 from "../../assets/img/Group 1282.svg";
 
 const LoginSignUp = ({ activeLogin }) => {
     return (
-        <div className="w-full flex items-center justify-center" style={{height: '100vh'}}>
+        <div className="w-full flex items-center justify-center" style={{ height: '100vh',direction: 'rtl' }}>
-            <div className="w-3/4 border border-solid border-gray-200 flex rounded-lg">
+            <div className="w-3/4 border border-solid border-gray-200 flex rounded-xl">
                 {/* form */}
 
-                <div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-10">
+                <div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-6">
                     <img src={logo} className="w-1/2 m-4" />
                     <div className="flex flex-col  items-start justify-start leading-normal">
                         <h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1>
                         <h1 className="text-red26 text-lg font-bold">سامانه ثبت نام مدارس موسسه علمی اندیشمند</h1>
+                        <p className="text-gray-500 text-sm mt-2">
+                            کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید.
+                            <br />
+                            در صورتی که عضو نیستید روی دکمه ثبت نام بزنید
+                        </p>
+                        <Link
+                            to="/dashboard"
+                            className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6"
+                            onClick={activeLogin}
+                        >
+                            ورود
+                        </Link>
+                        <Link
+                            to="/dashboard"
+                            className="Login-box-form-btn w-full h-12 rounded-lg border border-solid border-red52 text-red52 flex items-center justify-center mt-4"
+                            onClick={activeLogin}
+                        >
+                            ثبت نام
+                        </Link>
+                        <div className="w-full flex flex-col items-center justify-center">
+                            <p className="w-3/5 text-xs  my-20 text-center text-red26">
+                          ثبت نام شما در سامانه به منزله قبول 
+                          <Link to="" className="font-bold"> شرایط و قوانین استفاده </Link>  
+                           میباشد
+                          </p>
+                          <p className="text-gray-300 text-xs">1401 - 1400</p>
+                        </div>
+                        
                     </div>
                 </div>
 

yarn.lock

@@ -1537,6 +1537,11 @@
   "resolved" "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz"
   "version" "0.2.0"
 
+"@tweenjs/tween.js@^18.1.2":
+  "integrity" "sha512-lB9lMjuqjtuJrx7/kOkqQBtllspPIN+96OvTCeJ2j5FEzinoAXTdAMFnDAQT1KVPRlnYfBrqxtqP66vDM40xxQ=="
+  "resolved" "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-18.6.4.tgz"
+  "version" "18.6.4"
+
 "@types/aria-query@^4.2.0":
   "integrity" "sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig=="
   "resolved" "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz"
@@ -7313,7 +7318,7 @@
     "strip-ansi" "^6.0.1"
     "text-table" "^0.2.0"
 
-"react-dom@*", "react-dom@^17.0.2", "react-dom@>=16.8":
+"react-dom@*", "react-dom@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0", "react-dom@^17.0.2", "react-dom@>=16.8":
   "integrity" "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA=="
   "resolved" "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz"
   "version" "17.0.2"
@@ -7443,7 +7448,15 @@
   optionalDependencies:
     "fsevents" "^2.3.2"
 
-"react@*", "react@^16.8.3 || ^17", "react@^17.0.2", "react@>= 16", "react@>= 16.8", "react@>=16.8", "react@17.0.2":
+"react-slideshow-image@^3.7.0":
+  "integrity" "sha512-RNV5Ak76fWiG3rkmtWeUxtQtsaCtq1L6ysFYLpjw1n/mPPaFmDQ7Jz3m1l6g7+5Sydy3ivs3Q5wK38uGYF2eSA=="
+  "resolved" "https://registry.npmjs.org/react-slideshow-image/-/react-slideshow-image-3.7.0.tgz"
+  "version" "3.7.0"
+  dependencies:
+    "@tweenjs/tween.js" "^18.1.2"
+    "resize-observer-polyfill" "^1.5.1"
+
+"react@*", "react@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0", "react@^16.8.3 || ^17", "react@^17.0.2", "react@>= 16", "react@>= 16.8", "react@>=16.8", "react@17.0.2":
   "integrity" "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA=="
   "resolved" "https://registry.npmjs.org/react/-/react-17.0.2.tgz"
   "version" "17.0.2"
@@ -7599,6 +7612,11 @@
   "resolved" "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz"
   "version" "1.0.0"
 
+"resize-observer-polyfill@^1.5.1":
+  "integrity" "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+  "resolved" "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz"
+  "version" "1.5.1"
+
 "resolve-cwd@^3.0.0":
   "integrity" "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg=="
   "resolved" "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz"