diff --git a/.gitignore b/.gitignore
index 48df55de..235ac9a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,3 +24,7 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+.vscode
+
+key_file
+key_file.pub
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
deleted file mode 100644
index 2ba986f6..00000000
--- a/.vscode/launch.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 0f31cbca..00000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  // "editor.formatOnSave": true,
-  // "eslint.validate": [
-  //   "javascript",
-  //   "javascriptreact",
-  //   {
-  //     "language": "html",
-  //     "autoFix": true
-  //   }
-  // ],
-  // "eslint.enable": true,
-  // "eslint.options": {
-  //   "extensions": [".html", ".js", ".vue", ".jsx"]
-  // },
-  // "eslint.run": "onSave",
-  // "eslint.autoFixOnSave": true
-}
diff --git a/public/index.html b/public/index.html
index 7c45e424..185a7d0a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+      <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:400,700&display=swap" rel="stylesheet">
     <!-- Global site tag (gtag.js) - Google Analytics -->
+
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-126500329-1"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
diff --git a/src/App/AppContainer.js b/src/App/AppContainer.js
index 9d9c8c75..711d8495 100644
--- a/src/App/AppContainer.js
+++ b/src/App/AppContainer.js
@@ -1,21 +1,23 @@
 // import React/Redux dependencies
-import React, { Component } from 'react';
-import { Route } from 'react-router';
-import { connect } from 'react-redux';
-import PropTypes from 'prop-types';
-import { loadResources } from '../action/resourceDataAction';
-import { getAllSites } from '../api/directoryGoogleSheets';
+import React, { Component } from "react";
+import { Route } from "react-router";
+import { connect } from "react-redux";
+import PropTypes from "prop-types";
+import { loadResources } from "../action/resourceDataAction";
+import { getAllSites } from "../api/directoryGoogleSheets";
 
 // import components
 
-import Header from '../components/Header/Header';
-import MapPage from '../components/MapPage/MapPage';
-import AdminPage from '../components/AdminPage/AdminPage';
-import { SplitScreenTogglePane } from '../components/AdminPage/SplitScreenTogglePane';
-import SavedResourcePanel from '../components/SavedResources/SavedResourcePanel';
-import NotFoundPage from '../components/NotFoundPage/NotFoundPage';
-import { Loading } from '../components/Common/Loading';
-import { FeedbackContainer } from '../components/Common/FeedbackContainer';
+import Header from "../components/Header/Header";
+import MapPage from "../components/MapPage/MapPage";
+import AdminPage from "../components/AdminPage/AdminPage";
+import { SplitScreenTogglePane } from "../components/AdminPage/SplitScreenTogglePane";
+import SavedResourcePanel from "../components/SavedResources/SavedResourcePanel";
+import NotFoundPage from "../components/NotFoundPage/NotFoundPage";
+import { Loading } from "../components/Common/Loading";
+import { FeedbackContainer } from "../components/Common/FeedbackContainer";
+import LandingPage from '../components/LandingPage/LandingPage';
+// import Button from '../components/Button/Button'
 
 const envSheetId = process.env.REACT_APP_GOOGLE_SHEETS_ID;
 
@@ -34,14 +36,15 @@ class AppContainer extends Component {
   constructor(props) {
     super(props);
     this.state = {
+      
       position: {},
       displayFeedbackLink: true,
-      isValidPage: true,
+      isValidPage: true
     };
   }
 
   static propTypes = {
-    dispatch: PropTypes.func,
+    dispatch: PropTypes.func
   };
 
   componentDidMount() {
@@ -75,26 +78,36 @@ class AppContainer extends Component {
             position: {
               coordinates: {
                 lat: parseFloat(position.coords.latitude),
-                lng: parseFloat(position.coords.longitude),
-              },
-            },
+                lng: parseFloat(position.coords.longitude)
+              }
+            }
           });
         },
         error => {
           console.log(error);
-        },
+        }
       );
     }
   };
 
   toggleSavedResourcesPane = () => {
     this.setState({
-      isSavedResourcePaneOpen: !this.state.isSavedResourcePaneOpen,
+      isSavedResourcePaneOpen: !this.state.isSavedResourcePaneOpen
     });
   };
 
+  goToResources = () => {
+    this.setState({
+      landingPage: false
+    })
+  }
+
+
+
+
   render() {
     const { isFetchingResource } = this.props;
+    
 
     if (!this.state.isValidPage) {
       return <NotFoundPage />;
@@ -104,13 +117,18 @@ class AppContainer extends Component {
       return <Loading />;
     }
 
+
+  
+
     return (
-      <div className="viewport">
-        <div className="viewport-header">
+      <div className="viewport" >      
+        <div>
+          <div className="viewport-header">
           <Header toggleSavedResourcesPane={this.toggleSavedResourcesPane} />
         </div>
 
         <div className="page">
+
           <Route
             exact
             path="/:resource/admin"
@@ -136,6 +154,9 @@ class AppContainer extends Component {
         {this.state.displayFeedbackLink && (
           <FeedbackContainer hideFeedbackLink={this.hideFeedbackLink} />
         )}
+        </div>
+      
+        
       </div>
     );
   }
diff --git a/src/components/Common/subcomponents/OrganizationCardBody.js b/src/components/Common/subcomponents/OrganizationCardBody.js
index cca58fa3..b665fb36 100644
--- a/src/components/Common/subcomponents/OrganizationCardBody.js
+++ b/src/components/Common/subcomponents/OrganizationCardBody.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
+
+
 export const OrganizationCardBody = ({
   categories,
   distance,
@@ -11,7 +13,8 @@ export const OrganizationCardBody = ({
   children,
 }) => (
   <div className="organization-card-body">
-    <div className="organization-card-body-subtitle">{categories}</div>
+    <div className="organization-card-body-subtitle">{categories}  </div>
+    
     {distance && <p>Distance from your location: {distance} miles</p>}
     {location && (
       <span>
diff --git a/src/components/LandingPage/LandingPage.js b/src/components/LandingPage/LandingPage.js
new file mode 100644
index 00000000..24e59644
--- /dev/null
+++ b/src/components/LandingPage/LandingPage.js
@@ -0,0 +1,50 @@
+import React, { Component } from "react";
+import {Link} from 'react-router-dom';
+import {withRouter} from 'react-router';
+
+import {Button} from 'reactstrap';
+
+
+class LandingPage extends Component {
+  // check if user has seen the landing page 
+  setLocalStorage = () => {
+    localStorage.setItem('hasSeenLanding', true)
+  }
+
+  componentDidMount() {
+  if (localStorage.getItem('hasSeenLanding')){
+    // this.props.history.push('/revere')
+  }
+}
+
+
+  render() {
+    return (
+      <div style={{textAlign: "center", padding: "2rem"}}>
+        <h1> Welcom to Community Connect</h1>
+        <p style={{ margin: "5rem", fontSize: "1.2rem", lineHeight: "2.2rem" }}>
+          "Community Connect" is a health resource web application that aims to
+          consolidate information about businesses and organization available in
+          communities that promote healthy lifestyle choices. A health resource
+          is defined as services or materials that improve the quality of life
+          of others, ranging from affordable child care, substance abuse
+          counseling, domestic violence support, and more. We are working in
+          conjunction with Massachusetts General Hospital's Center for Community
+          Health Improvement, MGH Revere HealthCare Center, and Revere CARES
+          Coalition to create an extensive database in our pilot region of
+          Revere, Chelsea, Charlestown, and eventually the Greater Boston Area.
+        </p>
+
+        <Button 
+        color='success'
+        tag={Link}
+        to={"/revere"}
+        onClick={this.setLocalStorage}
+        > Go to Resources</Button>
+      </div>
+
+    );
+  }
+}
+
+export default withRouter(LandingPage);
diff --git a/src/components/MapPage/Map.js b/src/components/MapPage/Map.js
index 88f4603e..8af290e1 100644
--- a/src/components/MapPage/Map.js
+++ b/src/components/MapPage/Map.js
@@ -1,12 +1,15 @@
-import React from 'react';
-import { withScriptjs, withGoogleMap, GoogleMap } from 'react-google-maps';
-import { MarkerClusterer } from 'react-google-maps/lib/components/addons/MarkerClusterer';
-import OrganizationMarker from './OrganizationMarker';
-import { compose, lifecycle } from 'recompose';
+import React from "react";
+import { withScriptjs, withGoogleMap, GoogleMap } from "react-google-maps";
+import { MarkerClusterer } from "react-google-maps/lib/components/addons/MarkerClusterer";
+import {Marker} from 'react-google-maps/lib/components/Marker'
+import OrganizationMarker from "./OrganizationMarker";
+import { compose, lifecycle } from "recompose";
+import Styles from "./mapStyles";
+
 
 const Map = compose(
   lifecycle({
-    componentWillMount () {
+    componentWillMount() {
       this.setState({
         zoomToMarkers: map => {
           const bounds = new window.google.maps.LatLngBounds();
@@ -15,19 +18,31 @@ const Map = compose(
               new window.google.maps.LatLng(
                 child.props.resource.coordinates.lat,
                 child.props.resource.coordinates.lng,
-              ),
+                // console.log(child.props.resource.groupedResource[0].categories)
+              )
             );
           });
           map.fitBounds(bounds);
-        },
+        }
       });
-    },
+      
+    }
+
+    
   }),
+
   withScriptjs,
-  withGoogleMap,
+  withGoogleMap
 )(props => (
-  <GoogleMap {...props} ref={props.zoomToMarkers} defaultZoom={5}>
-    <MarkerClusterer
+  <GoogleMap
+    {...props}
+    ref={props.zoomToMarkers}
+    defaultZoom={5}
+    defaultOptions={{
+      styles: Styles
+    }}
+  >
+    <Marker
       averageCenter={true}
       enableRetinaIcons={true}
       gridSize={60}
@@ -42,8 +57,10 @@ const Map = compose(
             open={resource.showInfo}
             resource={resource}
           />
+          
         ))}
-    </MarkerClusterer>
+        
+    </Marker>
   </GoogleMap>
 ));
 export default Map;
diff --git a/src/components/MapPage/MapPage.js b/src/components/MapPage/MapPage.js
index 4a0180cc..766c2969 100644
--- a/src/components/MapPage/MapPage.js
+++ b/src/components/MapPage/MapPage.js
@@ -1,13 +1,13 @@
-import React, { Component } from 'react';
+import React, { Component } from "react";
 
-import ResultList from './ResultList';
-import OrganizationMap from './OrganizationMap';
-import { SplitScreenSlidingPane } from './SplitScreenSlidingPane';
-import cx from 'classnames';
+import ResultList from "./ResultList";
+import OrganizationMap from "./OrganizationMap";
+import { SplitScreenSlidingPane } from "./SplitScreenSlidingPane";
+import cx from "classnames";
 
 class MapPage extends Component {
   render() {
-    const mapClassName = cx('map-container');
+    const mapClassName = cx("map-container");
     return (
       <div className={mapClassName}>
         <SplitScreenSlidingPane>
diff --git a/src/components/MapPage/OrganizationMarker.js b/src/components/MapPage/OrganizationMarker.js
index 04c2eb46..a4eb1c9e 100644
--- a/src/components/MapPage/OrganizationMarker.js
+++ b/src/components/MapPage/OrganizationMarker.js
@@ -1,13 +1,25 @@
-import React, { Component } from 'react';
-import { Marker, InfoWindow } from 'react-google-maps';
+import React, { Component } from "react";
+import { Marker, InfoWindow } from "react-google-maps";
+import housing from '../../images/icons/house.png'
+import baby from '../../images/icons/baby.png'
+import violence from '../../images/icons/violence.png'
+import education from '../../images/icons/education.png'
+import farmers from '../../images/icons/farmer.png'
+import hospital from '../../images/icons/hospital.png'
+import healthyFood from '../../images/icons/diet.png'
+import parks from '../../images/icons/tree.png'
+import church from '../../images/icons/church.png'
+import youth from '../../images/icons/youth.png'
+import couple from '../../images/icons/couple.png'
 
 export class OrganizationMarker extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      open: this.props.open,
+      open: this.props.open
     };
   }
+  
 
   componentDidUpdate(prevProps) {
     if (prevProps.open !== this.props.open) {
@@ -31,20 +43,71 @@ export class OrganizationMarker extends Component {
 
   render() {
     let { resource } = this.props;
+    let iconImg = resource.groupedResource[0].categories;
+    let iconMarker = null;
+    switch(iconImg) {
+      case iconImg = 'Job Training and Opportunity':
+      case iconImg = "Childhood Support": 
+      case iconImg = "Transitioning and Integrating":
+      case iconImg = "Affordable Housing":
+      iconMarker = housing
+      break;
+      case iconImg = "Child Care" :
+      iconMarker = baby
+      break;
+      case iconImg = "Domestic Violence Support":
+      iconMarker = violence
+      break;
+      case iconImg = "Education":
+      iconMarker = education;
+      break;
+      case iconImg = 'Farmers Market':
+      case iconImg = "Community Markets":
+      iconMarker = farmers;
+      break;
+      case iconImg = "Health and Wellbeing":
+      case iconImg = "Health Care Centers and Clinics":
+      iconMarker = hospital;
+      break;
+      case iconImg = "Healthy Food Options and Food Pantries":
+      iconMarker = healthyFood
+      break;
+      case iconImg = "Parks and Community Gardens":
+      iconMarker = parks
+      break;
+      case iconImg = "Religious and Cultural Center":
+      iconMarker = church
+      break;
+      case iconImg = "Youth and Adolescence":
+      iconMarker = youth
+      break;
+      case iconImg = "Elderly Support":
+      iconMarker = couple
+      break;
+      
+    }
+  
+
+   
+    const InfoWindowStyle = {
+      backgroundColor: "green"
+    };
     return (
       <Marker
+        icon={iconMarker}
         optimize={false}
         position={resource.coordinates}
         onClick={this.scrollToElement}
       >
         {this.state.open && (
-          <InfoWindow onCloseClick={this.handleClose}>
+          <InfoWindow onCloseClick={this.handleClose} style={InfoWindowStyle}>
             <div>
               {resource.groupedResource.map(resource => (
                 <div
                   key={resource.id}
                   id={resource.id}
                   onClick={this.handleClickOfInfoWindow}
+                  style={{ padding: "25px" }}
                 >
                   <h3>{resource.name}</h3>
                   <div>{resource.combinedaddress}</div>
diff --git a/src/components/MapPage/SplitScreenSlidingPane.js b/src/components/MapPage/SplitScreenSlidingPane.js
index c328fd77..57717eb3 100644
--- a/src/components/MapPage/SplitScreenSlidingPane.js
+++ b/src/components/MapPage/SplitScreenSlidingPane.js
@@ -1,22 +1,22 @@
-import React, { Component } from 'react';
-import cx from 'classnames';
+import React, { Component } from "react";
+import cx from "classnames";
 
 export class SplitScreenSlidingPane extends Component {
   state = {
-    isOpen: true,
+    isOpen: true
   };
 
   toggle = e => {
     e.preventDefault();
 
     this.setState({
-      isOpen: !this.state.isOpen,
+      isOpen: !this.state.isOpen
     });
   };
 
-  render () {
-    const slidingPaneClassNames = cx('sliding-pane', {
-      open: this.state.isOpen,
+  render() {
+    const slidingPaneClassNames = cx("sliding-pane", {
+      open: this.state.isOpen
     });
     return (
       <div className={slidingPaneClassNames}>
diff --git a/src/components/MapPage/mapStyles.js b/src/components/MapPage/mapStyles.js
new file mode 100644
index 00000000..f3ec5ccc
--- /dev/null
+++ b/src/components/MapPage/mapStyles.js
@@ -0,0 +1,187 @@
+let Styles = [
+  {
+    featureType: "all",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        weight: "2.00"
+      }
+    ]
+  },
+  {
+    featureType: "all",
+    elementType: "geometry.stroke",
+    stylers: [
+      {
+        color: "#9c9c9c"
+      }
+    ]
+  },
+  {
+    featureType: "all",
+    elementType: "labels.text",
+    stylers: [
+      {
+        visibility: "on"
+      }
+    ]
+  },
+  {
+    featureType: "administrative.land_parcel",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        visibility: "on"
+      },
+      {
+        color: "#372305"
+      },
+      {
+        saturation: "-25"
+      }
+    ]
+  },
+  {
+    featureType: "landscape",
+    elementType: "all",
+    stylers: [
+      {
+        color: "#f2f2f2"
+      }
+    ]
+  },
+  {
+    featureType: "landscape",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        color: "#ffffff"
+      }
+    ]
+  },
+  {
+    featureType: "landscape.man_made",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        color: "#ffffff"
+      }
+    ]
+  },
+  {
+    featureType: "poi",
+    elementType: "all",
+    stylers: [
+      {
+        visibility: "off"
+      }
+    ]
+  },
+  {
+    featureType: "road",
+    elementType: "all",
+    stylers: [
+      {
+        saturation: -100
+      },
+      {
+        lightness: 45
+      }
+    ]
+  },
+  {
+    featureType: "road",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        color: "#eeeeee"
+      }
+    ]
+  },
+  {
+    featureType: "road",
+    elementType: "labels.text.fill",
+    stylers: [
+      {
+        color: "#7b7b7b"
+      }
+    ]
+  },
+  {
+    featureType: "road",
+    elementType: "labels.text.stroke",
+    stylers: [
+      {
+        color: "#ffffff"
+      }
+    ]
+  },
+  {
+    featureType: "road.highway",
+    elementType: "all",
+    stylers: [
+      {
+        visibility: "simplified"
+      }
+    ]
+  },
+  {
+    featureType: "road.arterial",
+    elementType: "labels.icon",
+    stylers: [
+      {
+        visibility: "off"
+      }
+    ]
+  },
+  {
+    featureType: "transit",
+    elementType: "all",
+    stylers: [
+      {
+        visibility: "off"
+      }
+    ]
+  },
+  {
+    featureType: "water",
+    elementType: "all",
+    stylers: [
+      {
+        color: "#46bcec"
+      },
+      {
+        visibility: "on"
+      }
+    ]
+  },
+  {
+    featureType: "water",
+    elementType: "geometry.fill",
+    stylers: [
+      {
+        color: "#c8d7d4"
+      }
+    ]
+  },
+  {
+    featureType: "water",
+    elementType: "labels.text.fill",
+    stylers: [
+      {
+        color: "#070707"
+      }
+    ]
+  },
+  {
+    featureType: "water",
+    elementType: "labels.text.stroke",
+    stylers: [
+      {
+        color: "#ffffff"
+      }
+    ]
+  }
+];
+
+export default Styles;
diff --git a/src/components/MapPage/style.css b/src/components/MapPage/style.css
new file mode 100644
index 00000000..c2b71ab8
--- /dev/null
+++ b/src/components/MapPage/style.css
@@ -0,0 +1,19 @@
+.icon::before {
+    display: inline-block;
+    font-style: normal;
+    font-variant: normal;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  .login::before {
+    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
+  }
+
+  .tps::before {
+    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea";
+  }
+
+  .twitter::before {
+    font-family: "Font Awesome 5 Brands"; content: "\f099";
+  }
\ No newline at end of file
diff --git a/src/css/component-styles/AppContainer.scss b/src/css/component-styles/AppContainer.scss
index eb62392e..cdbebc44 100644
--- a/src/css/component-styles/AppContainer.scss
+++ b/src/css/component-styles/AppContainer.scss
@@ -1,8 +1,13 @@
 .viewport {
   width: 100vw;
   height: 100vh;
+  font-family: 'Fjalla One', sans-serif;
+  p, span, a {
+    font-family: 'Noto Sans', sans-serif;
+  }
 }
 
+
 .viewport-header {
   position: fixed;
   display: flex;
diff --git a/src/images/icons/baby.png b/src/images/icons/baby.png
new file mode 100644
index 00000000..762a969e
Binary files /dev/null and b/src/images/icons/baby.png differ
diff --git a/src/images/icons/church.png b/src/images/icons/church.png
new file mode 100644
index 00000000..e203b974
Binary files /dev/null and b/src/images/icons/church.png differ
diff --git a/src/images/icons/couple.png b/src/images/icons/couple.png
new file mode 100644
index 00000000..0fac7c2b
Binary files /dev/null and b/src/images/icons/couple.png differ
diff --git a/src/images/icons/diet.png b/src/images/icons/diet.png
new file mode 100644
index 00000000..6d9069e5
Binary files /dev/null and b/src/images/icons/diet.png differ
diff --git a/src/images/icons/education.png b/src/images/icons/education.png
new file mode 100644
index 00000000..692afd23
Binary files /dev/null and b/src/images/icons/education.png differ
diff --git a/src/images/icons/farmer.png b/src/images/icons/farmer.png
new file mode 100644
index 00000000..efa9e0e8
Binary files /dev/null and b/src/images/icons/farmer.png differ
diff --git a/src/images/icons/hospital.png b/src/images/icons/hospital.png
new file mode 100644
index 00000000..04fd3349
Binary files /dev/null and b/src/images/icons/hospital.png differ
diff --git a/src/images/icons/house.png b/src/images/icons/house.png
new file mode 100644
index 00000000..7e6a00c4
Binary files /dev/null and b/src/images/icons/house.png differ
diff --git a/src/images/icons/tree.png b/src/images/icons/tree.png
new file mode 100644
index 00000000..22ff8363
Binary files /dev/null and b/src/images/icons/tree.png differ
diff --git a/src/images/icons/violence.png b/src/images/icons/violence.png
new file mode 100644
index 00000000..98283994
Binary files /dev/null and b/src/images/icons/violence.png differ
diff --git a/src/images/icons/youth.png b/src/images/icons/youth.png
new file mode 100644
index 00000000..aaeb8160
Binary files /dev/null and b/src/images/icons/youth.png differ
diff --git a/src/index.js b/src/index.js
index abe75395..2e40ac60 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,19 +1,21 @@
-import React from 'react';
-import { fab } from '@fortawesome/free-brands-svg-icons';
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import ReactDOM from 'react-dom';
-import { BrowserRouter } from 'react-router-dom';
-import configureStore from './store/configureStore';
-import { Provider } from 'react-redux';
-import { Route, Switch, Redirect } from 'react-router';
-import AppContainer from './App/AppContainer';
-import NotFoundPage from './components/NotFoundPage/NotFoundPage';
-import registerServiceWorker from './registerServiceWorker';
-
-import 'bootstrap/dist/css/bootstrap.min.css';
-import 'mapbox-gl/dist/mapbox-gl.css';
-import './css/index.scss';
+import React from "react";
+import { fab } from "@fortawesome/free-brands-svg-icons";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { fas } from "@fortawesome/free-solid-svg-icons";
+import ReactDOM from "react-dom";
+import { BrowserRouter } from "react-router-dom";
+import configureStore from "./store/configureStore";
+import { Provider } from "react-redux";
+import { Route, Switch } from "react-router";
+import AppContainer from "./App/AppContainer";
+import NotFoundPage from "./components/NotFoundPage/NotFoundPage";
+import registerServiceWorker from "./registerServiceWorker";
+import LandingPage from './components/LandingPage/LandingPage';
+
+
+import "bootstrap/dist/css/bootstrap.min.css";
+import "mapbox-gl/dist/mapbox-gl.css";
+import "./css/index.scss";
 
 library.add(fab, fas);
 
@@ -21,8 +23,11 @@ export const getRoutes = store => {
   return (
     <div>
       <Switch>
+        <Route exact path="/" render={ () => <LandingPage /> } />
+        <Route exact path="/" component={AppContainer} />
+        
         <Route exact path="/admin" component={AppContainer} />
-
+        
         <Route
           exact
           path="/:resource/"
@@ -36,7 +41,7 @@ export const getRoutes = store => {
           component={AppContainer}
           dispatch={store.dispatch}
         />
-        <Redirect exact from="/" to="/revere" />
+        
 
         <Route component={NotFoundPage} />
       </Switch>
@@ -50,7 +55,7 @@ ReactDOM.render(
   <Provider store={store}>
     <BrowserRouter>{getRoutes(store)}</BrowserRouter>
   </Provider>,
-  document.getElementById('root'),
+  document.getElementById("root")
 );
 
 registerServiceWorker();
