sign-up form

src/pages/handshake.astro

@@ -0,0 +1,32 @@
+---
+import Layout from '../layouts/layout.astro';
+---
+<div class="flex justify-between mx-auto p-4 w-full md:w-2/3">
+  <p class="text-2xl font-bold tracking-tight">Handshake</p>
+  <p class="px-4 py-2 bg-black text-white text-semibold rounded-lg hidden">Join</p>
+</div>
+
+<Layout title="Vault">
+  <main class="mx-auto w-2/3 antialiased flex justify-center items-center text-center">
+    <div>
+      <div class="grid lg:grid-cols-2 md:my-16">
+        <div class="text-start space-y-4 flex flex-col justify-evenly">
+          <p class="text-5xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight xl:tracking-tighter">Your Digital Safe Haven</p>
+          <p class="text-xl text-slate-600">Vault is your ultimate solution for safeguarding your digital life. In an age where data privacy is paramount, Vault empowers you to take control of your personal information, while also enabling secure sharing with friends and trusted applications.</p>
+          <form class="flex flex-row gap-1 md:gap-4 justify-between items-center" action="https://app.convertkit.com/forms/5424693/subscriptions" method="post" data-sv-form="5424693" data-uid="a0e10ab72a">
+            <input class="w-3/4 text-black bg-slate-100 focus:ring-2 focus:outline-none focus:ring-slate-500 font-medium rounded-lg text-sm py-3.5 text-center md:mr-0" type="email" value="" name="email_address" placeholder="Email Address" id="email" required>
+            <button type="submit" class="bg-black text-white font-medium rounded-lg text-sm px-2.5 md:px-5 py-2 md:py-2.5 text-center md:mr-0">Join Waitlist</button>
+          </form>
+        </div>
+        <div class="flex flex-row justify-center space-x-2 hidden md:flex">
+        </div>
+      </div>
+
+      <div class="mt-16 md:mt-8">
+        <h2 class="text-3xl lg:text-4xl font-bold lg:tracking-tight">
+          Protect your digital life with Vault and experience the peace of mind that comes with true data security and privacy.
+        </h2>
+      </div>
+    </div>
+  </main>
+</Layout>

src/pages/index.astro

@@ -17,10 +17,11 @@ import grphImg from '/public/rolodex_graph.png'
         <div class="text-start space-y-4 flex flex-col justify-evenly">
           <p class="text-5xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight xl:tracking-tighter">Build better relationships</p>
           <p class="text-xl text-slate-600">Visualise your network and surface organic actions with your connections.</p>
-          <form class="flex flex-row gap-1 md:gap-4 justify-between items-center" action="https://app.convertkit.com/forms/5424693/subscriptions" method="post" data-sv-form="5424693" data-uid="a0e10ab72a">
-            <input class="w-3/4 text-black bg-slate-100 focus:ring-2 focus:outline-none focus:ring-slate-500 font-medium rounded-lg text-sm py-3.5 text-center md:mr-0" type="email" value="" name="email_address" placeholder="Email Address" id="email" required>
-            <button type="submit" class="bg-black text-white font-medium rounded-lg text-sm px-2.5 md:px-5 py-2 md:py-2.5 text-center md:mr-0">Join Waitlist</button>
-          </form>
+          <div class="flex flex-row gap-1 md:gap-4 justify-between items-center">
+            <a href="https://tally.so/r/merrXE" target="_blank" class="bg-black text-white font-medium rounded-lg text-sm px-2.5 md:px-5 py-2 md:py-2.5 text-center md:mr-0">
+              Sign up for early access
+            </a>
+          </div>
         </div>
         <div class="flex flex-row justify-center space-x-2 hidden md:flex">
           <Picture