Merge pull request #50 from acmutd/feature/landing-page

feature/landing-page

src/App.js

@@ -5,12 +5,14 @@ import Pricing from "./Components/Pages/Pricing";
 import Error404 from "./Components/Pages/Error404";
 import { Route, Switch } from "react-router-dom";
 import app from "./Components/Firebase/firebase";
+import LandingPage from "./Components/Pages/LandingPage";
 
 function App() {
   return (
     <div>
       <Switch>
-        <Route path="/" render = {(props) => <User database = {app} />} exact />
+        <Route path="/" component={LandingPage} exact/>
+        <Route path="/user" render = {(props) => <User database = {app} />} exact />
         <Route path="/admin" render = {(props) => <Admin database = {app} />} exact />
         <Route path="/pricing" component={Pricing} exact />
         <Route path="*" component={Error404} exact />

src/Components/Layout/NavBar.js

@@ -19,6 +19,10 @@ class NavBar extends React.Component {
         name: "Home",
         link: "/",
       },
+      {
+        name: "User",
+        link: "/user"
+      },
       {
         name: "Admin",
         link: "/admin",

src/Components/Pages/LandingPage.js

@@ -0,0 +1,21 @@
+import React from "react";
+import Navbar from "../Layout/NavBar";
+import { Container } from "react-bootstrap";
+
+const LandingPage = () => {
+  return (
+    <div>
+      <Navbar />
+      <Container fluid>
+        <div className="m-5 p-5 floating-icon">
+          <h1>Welcome to TrackIT</h1>
+          <p>
+            Interactive real-time solution to remotely delivering event content and tracking user progress
+          </p>
+        </div>
+      </Container>
+    </div>
+  );
+};
+
+export default LandingPage;