content wip

packages/storyteller/src/layout/TopNav.tsx

@@ -42,15 +42,16 @@ 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()}
               >Coming Soon</Link>
 
-            <Link to="/about"
-              className="navbar-item"
-              onClick={() => closeHamburger()}
-              >About</Link>
             {/* 
             <div className="navbar-item has-dropdown is-hoverable">
               <Link to="/"

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

@@ -8,12 +8,13 @@ function AboutPage() {
           <h1 className="title">
             About Us
           </h1>
-          <p>Storyteller is a new platform built by the creators of the&nbsp; 
-            <a href="https://fakeyou.com">FakeYou deep fake website</a>.</p>
-          <br />
-          <p>We provide a set of tools for Streamers, YouTubers, and Filmmakers to 
-            create high quality cinematic content, to directly engage their audience,
-            and to make more money doing the things they love.</p>
+          <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>

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

@@ -16,26 +16,30 @@ function ComingSoonPage() {
               <li>Audience rewards
                 <ul>
                   <li>Stream TTS</li>
-                  <li>Deepfake Emotes</li>
+                  <li>Deepfake Emotes (TTS + Green Screen W2L)</li>
                 </ul>
               </li>
               <li>Voice and video 
                 <ul>
-                  <li>Real time voice conversion</li>
-                  <li>VoxelCam 3D volumetric camera</li>
+                  <li>Real time voice conversion (change your voice to someone else's)</li>
+                  <li>VoxelCam 3D volumetric camera (a webcam, but 3D, and directly injectable 
+                    into games)</li>
                 </ul>
               </li>
               <li>Storyteller Engine
                 <ul>
-                  <li>High quality cinematic game engine </li>
-                  <li>Real time 3D motion capture of one or more streamers / actors</li>
-                  <li>Dedicated control plane for camera, lighting, control OPs</li>
+                  <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>
+                  <li>Real time 3D motion capture of one or more streamers / actors. 
+                    Think VTubing, but Star Wars quality.</li>
+                  <li>Dedicated control plane for camera, lighting, environmental control OPs.</li>
                   <li>Embed rich content: games, browser panes, video feeds</li>
+                  <li>Let your audience control your world</li>
                 </ul>
               </li>
             </ul>
 
-            <p>You'll be able to make films, Hollywood-quality streams, and 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/stream/StreamPage.tsx

@@ -3,7 +3,24 @@ import React from 'react';
 function StreamPage() {
   return (
     <div>
-      <h1>Stream</h1>
+      <section className="section">
+        <div className="container">
+          <h1 className="title">
+            Stream TTS
+          </h1>
+          <p className="subtitle">
+            Early Alpha Preview
+          </p>
+          <div className="content">
+            <p>This is an early demo of our Stream TTS, powered by FakeYou. 
+              It does not currently offer customization, though our plans are to 
+              allow for a high degree of configurability: set your own voices, rewards, etc.</p>
+              
+            <p>You don't need to set up any software on your end. Simply point OBS or your 
+              broadcast software the URL below:</p>
+          </div>
+        </div>
+      </section>
     </div>
   )
 }