<file_sep>import './Footer.scss';

export function Footer() {
    return (
        <div className="footer-container">
            <div className="footer">
                <p className="footer__text">&#169; 2020 Travelize</p>
                <p className="footer__text">Privacy Policy</p>
                <p className="footer__text">Terms and conditions</p>
            </div>
        </div>
    );
}


<file_sep>import './App.scss';
import { Navigation } from './components/Navigation/Navigation';
import { About } from './components/About';
import { Blog } from './components/Blog';
import { Home } from './components/Home';
import { Footer } from './components/Footer/Footer';


import {
  BrowserRouter as Router,
  Switch,
  Route
} from "react-router-dom";

function App() {
  return (
    <Router>
      <div className="app">
        <Navigation />
        <Switch> 
          <Route path="/blog">
            <Blog />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
        <Footer />
      </div>
    </Router>
  );
}

export default App;
<file_sep>import React from 'react';

export function Home() {
    const style = {
        fontSize: 40,
        gridRow: '2 / 3',
        gridColumn: '2 / 3',
        textAlign: 'center',
        margin: '3rem auto'
    };
      
    return (
        <div style={style}>
            ..Under Construction..
        </div>
    );
}


<file_sep>import './About.scss';
import React, { Fragment } from 'react';

export function About() {
    return (
        <Fragment>
            <div className="hero-image"></div>
            <div className="main">
                <div className="main__image"></div>
                <div className="main__content">
                    <h2 className="main__content__title">A little about me</h2>
                    <p className="main__content__text">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor felis in lorem volutpat lacinia. Ut eget lacus ac est dapibus tempus. Sed sit amet arcu vel lectus maximus faucibus. Maecenas nec bibendum nisi. Nunc quis purus at nisi ornare dignissim a non nisl. Ut at mauris elementum.</p>
                    <p className="main__content__text">
                        Vivamus ante turpis, aliquet vitae lobortis sit amet, euismod sed ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris malesuada turpis eu aliquet laoreet. Ut eget tellus consequat, sodales nisl ut, interdum quam.</p>
                    <p className="main__content__text">
                        Suspendisse ullamcorper in tortor sit amet suscipit. Mauris efficitur neque sit amet quam luctus, id pharetra ex viverra. Mauris leo metus, lobortis id lorem et, dignissim imperdiet dolor.</p>
                    <p className="main__content__text">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor felis in lorem volutpat lacinia. Ut eget lacus ac est dapibus tempus. Sed sit amet arcu vel lectus maximus faucibus. Maecenas nec bibendum nisi. Nunc quis purus at nisi ornare dignissim a non nisl. Ut at mauris elementum.</p>
                    <p className="main__content__text">
                        Etiam ex orci, suscipit vel imperdiet congue, tempor et est. Nunc diam mi, viverra non tempus et, lobortis quis odio. Curabitur eu nulla congue, tristique sem eu, sodales diam. Fusce faucibus ipsum sed eleifend rutrum. Cras eu sagittis justo. Etiam augue diam, blandit ut venenatis sit ame.</p>
                    <p className="main__content__text">
                        In euismod lorem et dolor mollis, eu elementum ligula ullamcorper. Vivamus eu erat sapien. Aenean imperdiet finibus orci sit amet aliquet. Praesent nec tempor elit. Maecenas vitae pellentesque urna, nec mattis lacus. Fusce vehicula dui ut erat ullamcorper, malesuada rhoncus leo dignissim. Nullam molestie ut turpis lacinia gravida.</p>
                </div>
            </div>
        </Fragment>
    );
}
