[mirotalksfu] - update landing page

public/view/landing.html

@@ -84,11 +84,7 @@ <h1 class="hero-title mt-0">
                                     Start your next video call with a single click. No download, plug-in or login
                                     required. Just get straight to talking, messaging and sharing your screen.
                                 </p>
-                                <div class="hero-cta">
-                                    <a class="button button-primary pulse" href="/newroom">TRY NOW</a>
-                                </div>
                             </div>
-
                             <div class="hero-figure anime-element">
                                 <svg class="placeholder" width="528" height="396" viewBox="0 0 528 396">
                                     <rect width="528" height="396" style="fill: transparent" />
@@ -108,6 +104,29 @@ <h1 class="hero-title mt-0">
                     </div>
                 </section>
 
+                <section class="cta section">
+                    <div class="container">
+                        <div class="cta-inner section-inner">
+                            <h3 class="section-title mt-0">
+                                Pick a room name.<br />
+                                How about this one?
+                            </h3>
+                            <div>
+                                <div class="mb-24">
+                                    <label for="roomName"></label>
+                                    <input class="button" type="text" id="roomName" value="" />
+                                    <button
+                                        class="button button-primary button-wide-mobile pulse"
+                                        onclick="{window.location.href = '/join/' + document.getElementById('roomName').value}"
+                                    >
+                                        Join to room
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
                 <section class="features section">
                     <div class="container-sm">
                         <div class="pricing-inner section-inner">
@@ -316,5 +335,6 @@ <h2 style="text-align: center">Try an easier, more secure way of calling.</h2>
         </div>
 
         <script src="../js/landing.js"></script>
+        <script src="../js/newroom.js"></script>
     </body>
 </html>