diff --git a/frontend/src/About/AboutComponent.js b/frontend/src/About/AboutComponent.js
new file mode 100644
index 0000000..9a41605
--- /dev/null
+++ b/frontend/src/About/AboutComponent.js
@@ -0,0 +1,47 @@
+import React, { Component } from "react";
+import { Link } from 'react-router-dom'
+import { Container, Header, Divider, Icon, Menu, Button } from "semantic-ui-react";
+
+
+class AboutComponent extends Component {
+
+
+    render() {
+        return (
+            <div>
+            <Menu fixed="top">
+              <Link to="/"><Menu.Item link><Icon name='arrow left' /> Home</Menu.Item></Link>
+              <Link to="/systems"><Menu.Item link>Listen</Menu.Item></Link>
+            </Menu>
+            <Container text>
+              <Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h1">About<Icon name='compass' /></Header></Divider>
+    
+              <p>I wrote <a href="https://github.com/robotastic/trunk-recorder">Trunk Recorder</a> because I was curious
+                        about what my local fire station was up to and I put together the original version of OpenMHz because I
+                        figured other people might want to listen to the recordings too.</p>
+              <p>The latest version of this site makes it easy for other people running Trunk Recorder to share their recrodings.
+              I am hoping that making it easier to listen to what our local fire, police and EMS have to go through everyday will
+              lead to greater appreciation for all the work they do that goes largely unseen. I am personally amazed by the number
+                          of medical runs the DC's Fire and EMS department has to cover every day, and the shocking number of them that are ODs.</p>
+    
+              <p>Each system should have a 30 day archive. This is to help make sure things don't get overloaded and make sure I don't get a crazy bill
+                        at the end of the month.</p>
+              <p> - Luke  <a href="mailto:luke@robotastic.com?Subject=OpenMHz" target="_top">luke@robotastic.com</a>  </p>
+    
+              <Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h2">Open Source</Header></Divider>
+              <p>Have changes you would like to suggest? Want to run your own server for your community? The source code for OpenMHz has been released:</p>
+              <p><a href="https://github.com/openmhz/trunk-server"><Icon name='github' />Trunk Server</a></p>
+              <Divider horizontal style={{ paddingTop: "4em", paddingBottom: "2em" }}><Header as="h2">Support</Header></Divider>
+              <p>If OpenMHz brings you joy, think about becoming a supporter! It will cover hosting costs and help keep me focused on development.</p>
+    
+              <p><a href="https://github.com/sponsors/robotastic"><Button>
+                Support
+              </Button></a></p>
+    
+            </Container>
+          </div>
+        );
+      }
+    }
+    
+    export default AboutComponent;
\ No newline at end of file
diff --git a/frontend/src/index.js b/frontend/src/index.js
index c8c2369..ca4ad9a 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -21,6 +21,8 @@ import ListSystemsContainer from "./System/ListSystemsContainer"
 // Call
 import CallPlayerContainer from "./Call/CallPlayerContainer"
 
+import AboutComponent from "./About/AboutComponent"
+
 ReactGA.initialize(process.env.REACT_APP_GOOGLE_ANALYTICS);
 
 const store = configureStore(/* provide initial state if any */)
@@ -33,6 +35,7 @@ ReactDOM.render(
           <Route exact path="/" component={withTracker(MainContainer)} />
           <Route exact path="/systems" component={withTracker(ListSystemsContainer)} />
           <Route exact path="/system/:shortName" component={withTracker(CallPlayerContainer)} />
+          <Route exact path="/about" component={withTracker(AboutComponent)} />
           <Route render={() => (<div>Miss</div>)} />
         </Switch>
       </>