From 8ba9a17dff68022de39a551376db9973a138c486 Mon Sep 17 00:00:00 2001
From: Harsha Srikara <harshasrikara@gmail.com>
Date: Tue, 19 May 2020 11:32:39 -0500
Subject: [PATCH] added default landing page

---
 src/App.js                          |  4 +++-
 src/Components/Layout/NavBar.js     |  4 ++++
 src/Components/Pages/LandingPage.js | 21 +++++++++++++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/Components/Pages/LandingPage.js

diff --git a/src/App.js b/src/App.js
index 4d41000..31d02d2 100644
--- a/src/App.js
+++ b/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 />
diff --git a/src/Components/Layout/NavBar.js b/src/Components/Layout/NavBar.js
index 4b4ff5a..88dcb17 100644
--- a/src/Components/Layout/NavBar.js
+++ b/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",
diff --git a/src/Components/Pages/LandingPage.js b/src/Components/Pages/LandingPage.js
new file mode 100644
index 0000000..07c07a1
--- /dev/null
+++ b/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;