20 about page

src/App.js

@@ -8,6 +8,7 @@ import SignUpForm from "./pages/auth/SignUpForm";
 import SignInForm from "./pages/auth/SignInForm";
 import PostCreateForm from "./pages/posts/PostCreateForm";
 import PostPage from "./pages/posts/PostPage";
+import AboutPage from ".pages/info/AboutPage";
 import PostsPage from "./pages/posts/PostsPage";
 import { useCurrentUser } from "./contexts/CurrentUserContext";
 import PostEditForm from "./pages/posts/PostEditForm";
@@ -36,6 +37,11 @@ function App() {
               <PostsPage message="No results found. Adjust the search keyword." />
             )}
           />
+          <Route
+            exact
+            path="/about"
+            render={() => <AboutPage message="About Page" />}
+          />
           <Route
             exact
             path="/feed"

src/components/NavBar.js

@@ -99,7 +99,7 @@ const NavBar = () => {
       fixed="top"
     >
       <Container>
-        <NavLink to="/">
+        <NavLink to="/about">
           <Navbar.Brand>
           <img src={logo} alt="logo" height="45" className={styles.logo}/>
           </Navbar.Brand>

src/pages/info/AboutPage.js

@@ -0,0 +1,12 @@
+import React from "react";
+import AboutPage from "./AboutPage";
+
+function App() {
+  return (
+    <div className="App">
+      <AboutPage />
+    </div>
+  );
+}
+
+export default App;