From 1f952b41107047b8b1a32b8f1a186d5287bcd6e2 Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Wed, 1 Aug 2018 09:59:56 -0700
Subject: [PATCH] added custom About page

---
 cli/defaults/siteConfig.json                |  1 +
 client_custom/src/pages/AboutPage/index.jsx | 29 +++++++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 client_custom/src/pages/AboutPage/index.jsx

diff --git a/cli/defaults/siteConfig.json b/cli/defaults/siteConfig.json
index f6b0324a..8359f0e6 100644
--- a/cli/defaults/siteConfig.json
+++ b/cli/defaults/siteConfig.json
@@ -14,6 +14,7 @@
   "details": {
     "port": 3000,
     "title": "My Site",
+    "ipAddress": "",
     "host": "https://www.example.com",
     "description": "A decentralized hosting platform built on LBRY",
     "twitter": false
diff --git a/client_custom/src/pages/AboutPage/index.jsx b/client_custom/src/pages/AboutPage/index.jsx
new file mode 100644
index 00000000..94c453e5
--- /dev/null
+++ b/client_custom/src/pages/AboutPage/index.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import PageLayout from '@components/PageLayout';
+import HorizontalSplit from '@components/HorizontalSplit';
+
+class AboutPage extends React.Component {
+  render () {
+    return (
+      <PageLayout
+        pageTitle={'About'}
+        pageUri={'about'}
+      >
+        <HorizontalSplit
+          leftSide={
+            <div>
+              <h1>Welcome to my custom About page!</h1>
+            </div>
+          }
+          rightSide={
+            <div>
+              <p>To create your own custom components that will override Spee.ch's defaults, place them in the <code>client_custom</code> folder and Spee.ch will do the rest!</p>
+            </div>
+          }
+        />
+      </PageLayout>
+    );
+  }
+}
+
+export default AboutPage;