Add login page

package.json

@@ -10,15 +10,21 @@
     "i18next": "^20.3.2",
     "i18next-browser-languagedetector": "^6.1.2",
     "i18next-http-backend": "^1.2.6",
+    "node-sass": "^6.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.9.0",
     "react-i18next": "^11.11.0",
     "react-icons": "^4.2.0",
+    "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "^4.0.3",
     "react-toast-notifications": "^2.4.4",
+    "redux": "^4.1.0",
+    "redux-devtools-extension": "^2.13.9",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.3.0",
     "web-vitals": "^1.0.1"
   },
   "scripts": {

src/App.js

@@ -65,9 +65,6 @@ function App() {
           <Route exact path='/' component={Home} />
           <Route  path='/terms' component={Terms} />
           <Route  path='/privacy' component={Privacy} />
-          <Route exact path="/login" component={Login} />
-          <Route exact path="/register" component={Register} />
-          <ProtectedRoute path="/dashboard" component={Dashboard} />
       </Switch>
       <Footer />
     <Backtop />

src/Redux/Store.js

@@ -0,0 +1,16 @@
+import { createStore, combineReducers, applyMiddleware } from "redux";
+import thunk from 'redux-thunk';
+import { composeWithDevTools } from "redux-devtools-extension";
+
+
+const reducer = combineReducers({
+
+});
+
+let initialState = {}
+
+const middleware = [thunk];
+
+const store = createStore(reducer,initialState, composeWithDevTools(applyMiddleware(...middleware)));
+
+export default store;

src/components/about/about.css

@@ -0,0 +1,3 @@
+.bg{
+    background-color: white;
+}

src/components/about/about.js

@@ -1,9 +1,10 @@
 import React, { Component } from "react";
 import { withTranslation } from 'react-i18next';
+import './about.css';
 
 class About extends Component {
   render() {
-    return <section id="about" className="about">
+    return <section id="about" className="about bg">
   <div className="container" data-aos="fade-up">
     <div className="row">
       <div className="col-lg-5 col-md-6">