From 31655447e7e410fd4897c47353cb7fbb8c5153bb Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Fri, 30 Jun 2023 21:43:01 -0700
Subject: [PATCH] Add the sign-up list to the chat page as well and update copy

---
 src/khoj/interface/web/chat.html  | 69 ++++++++++++++++++++++++++++++-
 src/khoj/interface/web/index.html | 24 +++++++----
 2 files changed, 83 insertions(+), 10 deletions(-)

diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 1ba00b20..12338096 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -119,8 +119,12 @@
                 <!-- Banner linking to https://khoj.dev -->
                 <div class="khoj-banner-container">
                     <a class="khoj-banner" href="https://khoj.dev" target="_blank">
-                        Check out what else we're building
+                        <p id="khoj-banner" class="khoj-banner">
+                            Enroll in Khoj cloud to get your own Github assistant
+                        </p>
                     </a>
+                    <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
+                    <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
                 </div>
             {% endif %}
             {% if demo %}
@@ -304,6 +308,9 @@
                 margin: 4px;
                 grid-template-columns: auto;
             }
+            a.khoj-banner {
+                display: block;
+            }
         }
         @media only screen and (min-width: 600px) {
             body {
@@ -335,9 +342,69 @@
             }
         }
 
+        a.khoj-banner {
+            color: black;
+        }
+
+        a.khoj-logo {
+            text-align: center;
+        }
+
+        p.khoj-banner {
+            margin: 0;
+            padding: 10px;
+        }
+
+        button#khoj-banner-submit,
+        input#khoj-banner-email {
+            padding: 10px;
+            border-radius: 5px;
+            border: 1px solid #475569;
+            background: #f9fafc;
+        }
+
+        button#khoj-banner-submit:hover,
+        input#khoj-banner-email:hover {
+            box-shadow: 0 0 11px #aaa;
+        }
+
+        p#khoj-banner {
+            display: inline;
+        }
+
         a.khoj-banner {
             color: black;
             text-decoration: none;
         }
     </style>
+    <script>
+        var khojBannerSubmit = document.getElementById("khoj-banner-submit");
+
+        khojBannerSubmit.addEventListener("click", function(event) {
+            event.preventDefault();
+            var email = document.getElementById("khoj-banner-email").value;
+            fetch("https://lantern.khoj.dev/beta/users/", {
+                    method: "POST",
+                    body: JSON.stringify({
+                        email: email
+                    }),
+                    headers: {
+                        "Content-Type": "application/json"
+                    }
+                }).then(function(response) {
+                    return response.json();
+                }).then(function(data) {
+                    console.log(data);
+                    if (data.user != null) {
+                        document.getElementById("khoj-banner").innerHTML = "Thanks for signing up. We'll be in touch soon! 🚀";
+                        document.getElementById("khoj-banner-submit").remove();
+                    } else {
+                        document.getElementById("khoj-banner").innerHTML = "There was an error signing up. Please contact team@khoj.dev";
+                    }
+                }).catch(function(error) {
+                    console.log(error);
+                    document.getElementById("khoj-banner").innerHTML = "There was an error signing up. Please contact team@khoj.dev";
+                });
+            });
+    </script>
 </html>
diff --git a/src/khoj/interface/web/index.html b/src/khoj/interface/web/index.html
index 09e2e690..5c7f8790 100644
--- a/src/khoj/interface/web/index.html
+++ b/src/khoj/interface/web/index.html
@@ -232,22 +232,19 @@
     </script>
 
     <body>
-        {% if demo %}
-            <!-- Banner linking to https://khoj.dev -->
+        <!--Add Header Logo and Nav Pane-->
+        <div class="khoj-header">
+            {% if demo %}
+                <!-- Banner linking to https://khoj.dev -->
                 <div class="khoj-banner-container">
                     <a class="khoj-banner" href="https://khoj.dev" target="_blank">
                         <p id="khoj-banner" class="khoj-banner">
-                            Enroll in Khoj beta to get your own Github search engine
+                            Enroll in Khoj cloud to get your own Github assistant
                         </p>
                     </a>
                     <input type="text" id="khoj-banner-email" placeholder="email" class="khoj-banner-email"></input>
                     <button id="khoj-banner-submit" class="khoj-banner-button">Submit</button>
                 </div>
-        {% endif %}
-
-        <!--Add Header Logo and Nav Pane-->
-        <div class="khoj-header">
-            {% if demo %}
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
                     <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
                 </a>
@@ -463,7 +460,6 @@
 
         a.khoj-banner {
             color: black;
-            display: block;
         }
 
         a.khoj-logo {
@@ -488,6 +484,16 @@
             box-shadow: 0 0 11px #aaa;
         }
 
+        p#khoj-banner {
+            display: inline;
+        }
+
+        @media only screen and (max-width: 600px) {
+            a.khoj-banner {
+                display: block;
+            }
+        }
+
     </style>
     <script>
         var khojBannerSubmit = document.getElementById("khoj-banner-submit");