v1.2.0-beta/website redesign done

website/index.html

@@ -26,13 +26,11 @@
     <header data-header-visible="false">
       <brand data-font="serif">WATCH PARTY</brand>
       <spacer></spacer>
-      <a href="http://get.chromewatchparty.com" data-font="sans">GET CHROME EXTENSION</a>
+      <a href="./beta/#request" data-font="sans">GET CHROME EXTENSION</a>
       <a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
     </header>
     <section class="landing">
-      <a href="http://get.chromewatchparty.com" class="get" data-font="sans"
-        >GET CHROME EXTENSION</a
-      >
+      <a href="./beta/#request" class="get" data-font="sans">GET CHROME EXTENSION</a>
       <a href="#" class="brand" data-font="serif">
         <span>
           WATCH PARTY
@@ -42,6 +40,7 @@
     <section class="intro">
       <div class="inner">
         <img src="./media/intro.gif" />
+        <div class="supports" data-font="sans">Watch your favorites, with your favorite people</div>
         <div class="supports" data-font="sans">Watch Party Works With</div>
         <div class="supported" data-font="sans">
           <div class="netflix"></div>
@@ -52,10 +51,68 @@
         </div>
       </div>
     </section>
-    <section>
-      <div class="inner">
-        234
+    <section class="features">
+      <div class="inner" data-font="sans">
+        <feature>
+          <img src="./media/hideable.gif" data-color="rgb(100,100,100)" />
+          <div>
+            Hide the chat - focus on the show, while staying synced. Built to not be in your way
+            but, also be there when you need it.
+          </div>
+        </feature>
+        <feature>
+          <img src="./media/noauth.gif" />
+          <div>
+            No signup or login required. Just ready to go.
+          </div>
+        </feature>
+        <feature>
+          <img src="./media/giphy.gif" />
+          <div>
+            When words aren't enough, use a GIF from Giphy
+          </div>
+        </feature>
+        <feature>
+          <img src="./media/timed.gif" />
+          <div>
+            What happens in Watch Party, stays in Watch Party - for 24 hours - then it's gone.
+          </div>
+        </feature>
+        <feature>
+          <img src="./media/beforeorafter.gif" />
+          <div>
+            Start the party before the show, or after the show. Just do what you want.
+          </div>
+        </feature>
+        <feature>
+          <img src="./media/track.jpeg" />
+          <div>
+            Watch Party syncs your video with your party. Know when they pause and play.
+          </div>
+        </feature>
       </div>
     </section>
+    <footer data-font="sans">
+      <div class="inner">
+        <footerline>
+          <div>
+            © Ayushya Amitabh, 2020
+          </div>
+          <spacer></spacer>
+          <div>
+            Built with ❤️ for <a href="https://www.google.com/chrome/">Google Chrome</a> using
+            <a href="https://firebase.google.com/">Firebase</a>,
+            <a href="https://material-ui.com/">Material-UI</a>,
+            <a href="https://reactjs.org/">React JS</a> ,
+            <a href="https://nodejs.org/en/">Node.js</a> & <a href="https://giphy.com/">Giphy</a>
+          </div>
+        </footerline>
+        <footerline>
+          <a href="./beta/#request" data-font="sans">GET CHROME EXTENSION</a>
+          <spacer></spacer>
+          <a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
+        </footerline>
+      </div>
+    </footer>
   </body>
 </html>