text: /**
   *
   * App
   *
   * This component is the skeleton around the actual pages, and should only
   * contain code that should be seen on all pages. (e.g. navigation bar)
   */
  
  import React from 'react';
  import { Helmet } from 'react-helmet';
  import { Switch, Route } from 'react-router-dom';
  
  import HomePage from 'containers/HomePage/Loadable';
  import AboutPage from 'containers/AboutPage/Loadable';
  import NotFoundPage from 'containers/NotFoundPage/Loadable';
  import Header from 'components/Header';
  import Footer from 'components/Footer';
  
  import GlobalStyle from '../../global-styles';
  import { AppWrapper } from './styled';
  
  export default function App() {
    return (
      <AppWrapper>
        <Helmet titleTemplate="%s - Bag to back" defaultTitle="Bag to back">
          <meta
            name="description"
            content="Luggage storage and left luggage locations near you"
          />
        </Helmet>
        <Header />
        <Switch>
          <Route exact path="/" component={HomePage} />
          <Route path="/about" component={AboutPage} />
          <Route path="" component={NotFoundPage} />
        </Switch>
        <Footer />
        <GlobalStyle />
      </AppWrapper>
    );
  }
  