diff --git a/index.html b/index.html
new file mode 100644
index 000000000..7701207cf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang=en>
+  <head>
+    <meta charset=utf-8>
+    <title>Cyclic: Hello Bitter!</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="/main.css">
+    <link rel="icon" href="/favicon.ico" />
+  </head>
+  <body>
+    <div id="hello-wrapper">
+      <div id="particles-js"></div>
+      <div class="content position-absolute w-100 top-0 pt-5">
+        <div class="cta">
+          <div id="hello" class="typewriter pb-3">
+            Hello Bitter!
+          </div>
+          <h2>How's your day? :D </h2>
+          <a class="btn btn-primary mb-5" href="//app.cyclic.sh/api/login">Sign in to Cyclic</a>
+        </div>
+        <div id="world">
+          <canvas id='rotatingGlobe' style='cursor: move;'></canvas>
+        </div>
+      </div>
+    </div>
+    <script type='text/javascript' src='//d3js.org/d3.v3.min.js'></script>
+    <script type='text/javascript' src='//d3js.org/topojson.v1.min.js'></script>
+    <script type='text/javascript' src='planetaryjs.min.js'></script>
+    <script src="//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+    <script type='text/javascript' src='particles.js'></script>
+    <script type='text/javascript' src='globe.js'></script>
+  </body>
+</html>
diff --git a/public/index.html b/public/index.html
index 58a91355d..0818fd590 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
 <html lang=en>
   <head>
     <meta charset=utf-8>
-    <title>Cyclic: Hello World</title>
+    <title>Cyclic: Hello Bitter!</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" type="text/css" href="/main.css">
     <link rel="icon" href="/favicon.ico" />
@@ -13,8 +13,9 @@
       <div class="content position-absolute w-100 top-0 pt-5">
         <div class="cta">
           <div id="hello" class="typewriter pb-3">
-            Hello World!
+            Hello Bitter!
           </div>
+          <h2>How's your day? :D </h2>
           <a class="btn btn-primary mb-5" href="//app.cyclic.sh/api/login">Sign in to Cyclic</a>
         </div>
         <div id="world">
