From 45cf01edaf116d50ec0bd98580116145b5d50722 Mon Sep 17 00:00:00 2001
From: Donovan <donovan.a.kelly@pm.me>
Date: Thu, 21 Nov 2024 08:54:49 -0600
Subject: [PATCH] add gitignore

---
 .gitignore |  3 ++-
 index.html | 32 +++++++++++++++++++++++++-------
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 723ef36..1f1025f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-.idea
\ No newline at end of file
+.idea
+.DS_Store
\ No newline at end of file
diff --git a/index.html b/index.html
index a0651e0..b6c1ba8 100644
--- a/index.html
+++ b/index.html
@@ -89,15 +89,33 @@
     </div>
   </header>
   <main>
-  <div class="mx-auto lg:max-w-3xl sm:max-w-xl max-w-sm mb-8">
-    <div class="text-4xl tracking-tight text-black py-24">
-      <span class="text-orange-600 font-semibold">n</span>Kode is <span class="font-semibold">easier</span> to remember and more <span class="font-semibold">secure</span> than a password
-      <div class="text-center mt-8">
-        <button class="bg-orange-500 text-white py-2 px-4 rounded-full hover:bg-orange-600 transition duration-200 text-sm sm:text-lg">
-          <a href="https://app.nkode.tech">Try nKode <span aria-hidden="true">&rarr;</span></a>
-        </button>
+
+  <div class="mx-auto lg:max-w-3xl sm:max-w-xl max-w-sm mb-8 mt-24">
+<!--    <div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/262baf04da87435a9be650696dc2c500?sid=1246237b-676d-413b-b4bb-af5018ad0689" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>-->
+    <div class="flex flex-col items-center text-black mt-24 mb-12">
+      <div class="text-5xl lg:text-7xl tracking-tight">
+        <p>
+          <span class="text-orange-600 font-semibold">Easier</span> to remember
+        </p>
+        <p>
+          More <span class="text-orange-600 font-semibold">secure</span> than
+        </p>
+        <p>
+          a password
+        </p>
+      </div>
+      <div class="text-xl mt-8">
+        <p>nKode replaces your password with easy to remember icons.</p>
       </div>
     </div>
+    <div>
+    </div>
+    <div class="text-center mt-8 mb-24">
+      <button class="bg-orange-500 text-white py-2 px-4 rounded-full hover:bg-orange-600 transition duration-200 text-sm sm:text-lg">
+        <a href="https://app.nkode.tech">Try nKode <span aria-hidden="true">&rarr;</span></a>
+      </button>
+    </div>
+
     <section id="create-an-nkode" class="scroll-mt-24">
       <h3  class="text-4xl">How to create an nKode</h3>
       <p class="text-2xl mt-4">1. Enter your email</p>