diff --git a/frontend/.eslintcache b/frontend/.eslintcache
deleted file mode 100644
index a57e83a..0000000
--- a/frontend/.eslintcache
+++ /dev/null
@@ -1 +0,0 @@
-[{"/home/rushilwiz/reinvest/frontend/src/index.js":"1","/home/rushilwiz/reinvest/frontend/src/App.js":"2","/home/rushilwiz/reinvest/frontend/src/components/Navbar.js":"3","/home/rushilwiz/reinvest/frontend/src/components/Services.js":"4","/home/rushilwiz/reinvest/frontend/src/components/Home.js":"5","/home/rushilwiz/reinvest/frontend/src/components/About.js":"6","/home/rushilwiz/reinvest/frontend/src/components/Contact.js":"7"},{"size":243,"mtime":1612025731600,"results":"8","hashOfConfig":"9"},{"size":672,"mtime":1612026818740,"results":"10","hashOfConfig":"9"},{"size":1621,"mtime":1612026123650,"results":"11","hashOfConfig":"9"},{"size":152,"mtime":1612027084390,"results":"12","hashOfConfig":"9"},{"size":139,"mtime":1612026372860,"results":"13","hashOfConfig":"9"},{"size":140,"mtime":1612027073310,"results":"14","hashOfConfig":"9"},{"size":148,"mtime":1612027076360,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"1ah9nv1",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/rushilwiz/reinvest/frontend/src/index.js",[],["31","32"],"/home/rushilwiz/reinvest/frontend/src/App.js",[],"/home/rushilwiz/reinvest/frontend/src/components/Navbar.js",[],"/home/rushilwiz/reinvest/frontend/src/components/Services.js",[],"/home/rushilwiz/reinvest/frontend/src/components/Home.js",[],"/home/rushilwiz/reinvest/frontend/src/components/About.js",[],"/home/rushilwiz/reinvest/frontend/src/components/Contact.js",[],{"ruleId":"33","replacedBy":"34"},{"ruleId":"35","replacedBy":"36"},"no-native-reassign",["37"],"no-negated-in-lhs",["38"],"no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/frontend/.gitignore b/frontend/.gitignore
index 890e76e..a1a9ab6 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -16,6 +16,8 @@
 .env.test.local
 .env.production.local
 
+.eslintcache
+
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 8d613b5..9315d02 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -1,21 +1,20 @@
 import React from "react";
 import { BrowserRouter, Route, Switch } from "react-router-dom";
-import Navbar from "./components/Navbar";
-import About from "./components/About";
-import Contact from "./components/Contact";
-import Services from "./components/Services";
-import Home from "./components/Home";
+import Portfolio from "./components/Portfolio";
+import Bank from "./components/Bank";
+import Profile from "./components/Profile";
+import Browse from "./components/Browse";
+
 import "./App.css";
 
 function App() {
   return (
     <BrowserRouter>
-      <Navbar />
       <Switch>
-        <Route component={About} path="/about" />
-        <Route component={Services} path="/services" />
-        <Route component={Contact} path="/contact" />
-        <Route component={Home} path="/" />
+        <Route component={Bank} path="/banking" />
+        <Route component={Browse} path="/browse" />
+        <Route component={Profile} path="/profile" />
+        <Route component={Portfolio} path="/" />
       </Switch>
     </BrowserRouter>
   );
diff --git a/frontend/src/components/About.js b/frontend/src/components/About.js
deleted file mode 100644
index 0670709..0000000
--- a/frontend/src/components/About.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import "./assets/About.css";
-
-const About = (props) => {
-  return <h1>about page</h1>;
-};
-
-export default About;
diff --git a/frontend/src/components/Bank.js b/frontend/src/components/Bank.js
new file mode 100644
index 0000000..d637c3b
--- /dev/null
+++ b/frontend/src/components/Bank.js
@@ -0,0 +1,8 @@
+import React from "react";
+import "./assets/Bank.css";
+
+const Bank = (props) => {
+  return <h1>Bank page</h1>;
+};
+
+export default Bank;
diff --git a/frontend/src/components/Browse.js b/frontend/src/components/Browse.js
new file mode 100644
index 0000000..e28b322
--- /dev/null
+++ b/frontend/src/components/Browse.js
@@ -0,0 +1,8 @@
+import React from "react";
+import "./assets/Browse.css";
+
+const Browse = (props) => {
+  return <h1>landing page</h1>;
+};
+
+export default Browse;
diff --git a/frontend/src/components/Contact.js b/frontend/src/components/Contact.js
deleted file mode 100644
index 2e1a845..0000000
--- a/frontend/src/components/Contact.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import "./assets/Contact.css";
-
-const Contact = (props) => {
-  return <h1>contact page</h1>;
-};
-
-export default Contact;
diff --git a/frontend/src/components/Home.js b/frontend/src/components/Home.js
deleted file mode 100644
index df39ae4..0000000
--- a/frontend/src/components/Home.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import "./assets/Home.css";
-
-const Home = (props) => {
-  return <h1>landing page</h1>;
-};
-
-export default Home;
diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
deleted file mode 100644
index bdc7a57..0000000
--- a/frontend/src/components/Navbar.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from "react";
-import { NavLink } from "react-router-dom";
-import "./assets/Navbar.css";
-
-export default function Navbar(props) {
-  const handleBurger = () => {
-    const burger = document.querySelector(".burger");
-    const nav = document.querySelector(".nav-links");
-    const navLinks = document.querySelectorAll(".nav-links li");
-
-    nav.classList.toggle("nav-active");
-
-    // animate links
-    navLinks.forEach((link, index) => {
-      if (link.style.animation) {
-        link.style.animation = "";
-      } else {
-        link.style.animation = `navLinkFade 0.5s ease forwards ${
-          index / 7 + 0.5
-        }s`;
-      }
-    });
-
-    // burger anim
-    burger.classList.toggle("toggle");
-  };
-
-  return (
-    <nav>
-      <div className="brand">
-        <NavLink to="/" exact>
-          ReInvest
-        </NavLink>
-      </div>
-      <ul className="nav-links">
-        <li>
-          <NavLink to="/" exact activeClassName="active-link">
-            Home
-          </NavLink>
-        </li>
-        <li>
-          <NavLink to="/services" activeClassName="active-link">
-            Services
-          </NavLink>
-        </li>
-        <li>
-          <NavLink to="/about" activeClassName="active-link">
-            About Us
-          </NavLink>
-        </li>
-        <li>
-          <NavLink to="/contact" activeClassName="active-link">
-            Contact
-          </NavLink>
-        </li>
-      </ul>
-      <div className="burger" onClick={handleBurger}>
-        <div className="line1"></div>
-        <div className="line2"></div>
-        <div className="line3"></div>
-      </div>
-    </nav>
-  );
-}
diff --git a/frontend/src/components/Portfolio.js b/frontend/src/components/Portfolio.js
new file mode 100644
index 0000000..1244646
--- /dev/null
+++ b/frontend/src/components/Portfolio.js
@@ -0,0 +1,8 @@
+import React from "react";
+import "./assets/Portfolio.css";
+
+const Portfolio = (props) => {
+  return <h1>homepage</h1>;
+};
+
+export default Portfolio;
diff --git a/frontend/src/components/Profile.js b/frontend/src/components/Profile.js
new file mode 100644
index 0000000..03e750e
--- /dev/null
+++ b/frontend/src/components/Profile.js
@@ -0,0 +1,8 @@
+import React from "react";
+import "./assets/Profile.css";
+
+const Profile = (props) => {
+  return <h1>Profile page</h1>;
+};
+
+export default Profile;
diff --git a/frontend/src/components/Services.js b/frontend/src/components/Services.js
deleted file mode 100644
index ff0de58..0000000
--- a/frontend/src/components/Services.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import "./assets/Services.css";
-
-const Services = (props) => {
-  return <h1>services page</h1>;
-};
-
-export default Services;
diff --git a/frontend/src/components/assets/About.css b/frontend/src/components/assets/Bank.css
similarity index 100%
rename from frontend/src/components/assets/About.css
rename to frontend/src/components/assets/Bank.css
diff --git a/frontend/src/components/assets/Contact.css b/frontend/src/components/assets/Browse.css
similarity index 100%
rename from frontend/src/components/assets/Contact.css
rename to frontend/src/components/assets/Browse.css
diff --git a/frontend/src/components/assets/Home.css b/frontend/src/components/assets/Portfolio.css
similarity index 100%
rename from frontend/src/components/assets/Home.css
rename to frontend/src/components/assets/Portfolio.css
diff --git a/frontend/src/components/assets/Navbar.css b/frontend/src/components/assets/Profile.css
similarity index 100%
rename from frontend/src/components/assets/Navbar.css
rename to frontend/src/components/assets/Profile.css
diff --git a/frontend/src/components/assets/Services.css b/frontend/src/components/assets/Services.css
deleted file mode 100644
index e69de29..0000000