Add /about route

Author: amdg

src/App.js

@@ -1,20 +1,11 @@
-/*
- * This component houses the routes of our app
- * Routes determine the component to show when a url is visited
- * 
- * Activity: 
- * Create an additional route that leads to another component.
- * 
- * When your done, create a branch on our repository and push your code. :)
- * 
- * Reference: https://reacttraining.com/react-router/core/guides/philosophy
- */
 import React, { Component } from "react";
 import { BrowserRouter, Switch, Route } from "react-router-dom";
 import Home from "components/Home/Home";
 import Navbar from "components/Elements/Navbar/Navbar";
+import About from "components/About/About";
 import ProfileCard from "components/Profile/ProfileCard";
 import ProfileForm from "components/Profile/ProfileForm";
+
 class App extends Component {
   render() {
     return (
@@ -23,6 +14,7 @@ class App extends Component {
           <Navbar />
           <Switch>
             <Route exact path="/" component={Home} />
+            <Route exact path="/about" component={About} />
             <Route exact path="/profile-card" component={ProfileCard} />
             <Route exact path="/profile-form" component={ProfileForm} />
           </Switch>

src/components/About/About.js

@@ -0,0 +1,14 @@
+import React from "react";
+import PageContent from "components/Elements/PageContent";
+
+const About = () => {
+  return (
+    <PageContent
+      title="About Us"
+      description="Wouldn't you like to know?"
+    >
+    </PageContent>
+  );
+};
+
+export default About;

src/components/Profile/ProfileCard.js

@@ -19,8 +19,8 @@ import PageContent from "components/Elements/PageContent";
 const ProfileCard = () => {
   return (
     <PageContent
-      title="My Profile Card"
-      description="Our first React component!"
+      title="Barbarocks"
+      description="Wizarding web dev and proud of it"
     >
       <div className="columns is-centered">
         <div className="column is-narrow is-half">