Merge pull request #4 from persistenceOne/website-v2

Website v2

package.json

@@ -1,14 +1,13 @@
 {
   "name": "Persistence",
   "version": "0.1.0",
+  "homepage": "https://persistence.one/",
   "private": true,
   "dependencies": {
-    "@mdi/font": "^5.4.55",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "bootstrap": "^4.5.0",
-    "material-design-icons": "^3.0.1",
     "node-sass": "^4.14.1",
     "react": "^16.13.1",
     "react-bootstrap": "^1.3.0",
@@ -43,6 +42,7 @@
   },
   "devDependencies": {
     "babel-eslint": "10.0.3",
-    "eslint": "6.6.0"
+    "eslint": "6.6.0",
+    "grunt-webfont": "^1.7.2"
   }
 }

public/index.html

@@ -7,7 +7,7 @@
     <meta content="Protocol Powering Institutional Decentralized Finance" property="og:title">
     <meta content="Persistence bridges DeFi and Traditional Finance by facilitating borrowing of Cryptoassets using Real-world assets as collateral"
     name="description" property="og:description"/>
-    <title>Protocol Powering Institutional Decentralized Finance</title>
+    <title>Persistence: Protocol Powering Institutional Decentralized Finance</title>
     <meta property="og:image" content="https://miro.medium.com/max/2400/2*XZtcdQitQNP5cAdZNAytVQ.jpeg"/>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" crossorigin="anonymous">

src/App.js

@@ -1,8 +1,9 @@
 import React, { Component } from 'react';
-import { Route, Switch, BrowserRouter as Router, HashRouter } from 'react-router-dom';
+import { Route, Switch, BrowserRouter as Router } from 'react-router-dom';
 import './css/style.css';
 import './App.css';
 const Team = React.lazy(() => import('./webpages/components/team'));
+const Roadmap = React.lazy(() => import('./webpages/components/roadmap'));
 const AppContainer = React.lazy(() => import('./webpages/components/appContainer'));
 const homepage = React.lazy(() => import('./webpages/homepage'));
 
@@ -11,15 +12,16 @@ class App extends Component {
   render() {
 
     return (
-      <HashRouter>
+      <Router>
         <React.Suspense fallback={<div>&nbsp;</div>}>
           <Switch>
             <Route exact path="/" component={homepage} />
             <Route path="/team" component={Team} />
+            <Route path="/roadmap" component={Roadmap} />
             <Route path="/content" component={AppContainer} />
-          </Switch>
+          </Switch>   
         </React.Suspense>
-      </HashRouter>
+      </Router>
     );
   }
 }