Simplify content

packages/storyteller/src/App.tsx

@@ -5,7 +5,6 @@ import React from 'react';
 import { BrowserRouter, Route, Switch } from "react-router-dom";
 //import { Common } from "@storyteller/components";
 import { IndexPage } from './pages/index/IndexPage';
-import { AboutPage } from './pages/about/AboutPage';
 import { TopNav } from './layout/TopNav';
 import { StreamPage } from './pages/stream/StreamPage';
 import { ComingSoonPage } from './pages/coming-soon/ComingSoonPage';
@@ -18,9 +17,6 @@ function App() {
           <TopNav />
 
           <Switch>
-            <Route path="/about">
-              <AboutPage />
-            </Route>
             <Route path="/stream">
               <StreamPage />
             </Route>

packages/storyteller/src/layout/TopNav.tsx

@@ -42,11 +42,6 @@ function TopNav() {
               onClick={() => closeHamburger()}
               >Stream TTS</Link>
 
-            <Link to="/about"
-              className="navbar-item"
-              onClick={() => closeHamburger()}
-              >About</Link>
-
             <Link to="/coming-soon"
               className="navbar-item"
               onClick={() => closeHamburger()}

packages/storyteller/src/pages/about/AboutPage.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-
-function AboutPage() {
-  return (
-    <div>
-      <section className="section">
-        <div className="container">
-          <h1 className="title">
-            About Us
-          </h1>
-          <div className="content">
-            <p>Storyteller is a new platform built by the creators of the&nbsp; 
-              <a href="https://fakeyou.com">FakeYou deep fake website</a>.</p>
-
-            <p>In the future, everyone will have their own Hollywood studio.
-              And that's what we're building.</p>
-          </div>
-        </div>
-      </section>
-    </div>
-  )
-}
-
-export { AboutPage }

packages/storyteller/src/pages/coming-soon/ComingSoonPage.tsx

@@ -8,9 +8,11 @@ function ComingSoonPage() {
           <h1 className="title">
             Coming Soon
           </h1>
+          <p className="subtitle">
+            We're almost done!
+          </p>
           <div className="content">
-
-            <p>We'll be launching the following features within the next few months:</p>
+            <p>We'll be launching the following features shortly:</p>
 
             <ul>
               <li>Audience rewards
@@ -26,7 +28,12 @@ function ComingSoonPage() {
                     into games)</li>
                 </ul>
               </li>
-              <li>Storyteller Engine
+              <li>Big Secret Project
+                <ul>
+                  <li>???</li>
+                </ul>
+              </li>
+              {/*<li>Storyteller Engine
                 <ul>
                   <li>This is a high quality cinematic game engine.
                     You don't need to own an expensive computer. It can run in the cloud.</li>
@@ -36,10 +43,10 @@ function ComingSoonPage() {
                   <li>Embed rich content: games, browser panes, video feeds</li>
                   <li>Let your audience control your world</li>
                 </ul>
-              </li>
+              </li>*/}
             </ul>
 
-            <p>You'll be able to make films, Hollywood-quality streams, and so much more! </p>
+            {/*<p>You'll be able to make films, Hollywood-quality streams, and so much more! </p>*/}
 
           </div>
         </div>

packages/storyteller/src/pages/index/IndexPage.tsx

@@ -11,11 +11,14 @@ function IndexPage() {
           <p className="subtitle">
             Supercharge your Content
           </p>
-        </div>
-      </section>
 
-      <section className="section">
-        <div className="container">
+          <div className="content">
+            <p>Storyteller is a new platform built by the creators of the&nbsp; 
+              <a href="https://fakeyou.com">FakeYou deep fake website</a>.</p>
+
+            {/*<p>In the future, everyone will have their own Hollywood studio.
+              And that's what we're building.</p>*/}
+          </div>
         </div>
       </section>
     </div>