From 374c8f019dccf61b7414965aef515be383f0ee0b Mon Sep 17 00:00:00 2001
From: Donovan <donovan.a.kelly@pm.me>
Date: Wed, 30 Oct 2024 11:00:21 -0500
Subject: [PATCH] update landing page

---
 assets/n.png                                | Bin 963 -> 1674 bytes
 deploy.sh                                   |   7 +-
 index.html                                  |  91 +++++++++++++-------
 server_landing_page_deploy.sh               |   1 +
 landing_page_nginx.config => www.nkode.tech |  16 ++--
 5 files changed, 75 insertions(+), 40 deletions(-)
 rename landing_page_nginx.config => www.nkode.tech (78%)

diff --git a/assets/n.png b/assets/n.png
index b557e0c43335d584d053949b4eb5781e526567c2..a487173394b0c27e082c1c549c412d9b95367b5f 100644
GIT binary patch
literal 1674
zcmeAS@N?(olHy`uVBq!ia0vp^h9Jzr1|*B;ILZJi#^NA%Cx&(BWL^R}i&7&z(|mmy
zw18|51~x_^24;{FAY@>aVqgWc85qJCrQz&2Mh&PMCZHNa1|Z2G2*hdanG7sY^%X!G
z1QLK4XcB}jFE7{2%*!rLPAo{(%P&d?iZd@@MA)~039jF80W*RPRL8KW<I6!H#aZAH
zS<Jw|cLanPr)u*_1I<6384^(v;p=0SoS&<gn3A8As#lR)0Mf-^Q(*;U=BAb;Dpcg=
z<P}?0*eZclSOM7}VSOb9u#%E&Tcrr!00rm#qErPlJp(-hB|9z!1qGX;lr*a#7dNPO
zAkS7Qqokz3N?#x3opNK4NAwLXEiLs8jP#9+bb%^#i!1X=5-W7`ij^UTz|3(;Elw`V
zEGWs$&r<-Io0ybeT4JlD1hNPYAnq*5Ohed|R}A$Q(1ZFQ8GS=N1AT1TfS!fB4@Fl+
zVgW=G*jEtCY(Pd?`4?rT0-XzTl%1gs*mx8%gyU?0rdv4|r6!i-7lq{K=h&e~sEt0l
z3aDlqeUNvNyblRmuqZHa?YMwCVG(7=^?bn_4Peq(<>}%WlEL~m!q-EjP~`vq|6PJF
z-%Xp4swnCtdFq{3h(Oo{_SmKu0xi$#BuZZ;T=I3{*!5&#aLd-!Y3=JgFD^Z>z?tQt
zyPHdkhH9loSz2so(X+4rqEEeh^`>T-_L=6y^n2C&@BgnoTc0L2gSn~4(JCl@dBOR@
zWt$k7!%j~Kz5L#7(f7*}nU1M^`tA0MGvSBd!#}O|hDLr>LAQk;ZO~ik&Aatfla%Tt
zF|LZ;tji?XK5)#q^xC(leoMo72OZUkJmw}$;k!E?^2koJ_{1c3w_;h*n>#Y{(kC~+
zjGM*fkY^jv_$QpdRaPx6IO49yKdX)uHb>39&uTwB+wIu%(P4?l;Y_wy41)QlUU`S}
zrxjj%*4=Msdg$QSIV(&QT%BX5G$_RMvbcCm-QvjOdC_5cM7;j7CcYbIE3&jo*d^mG
zD*uWvbLshA)*IWF=jH8eVy&p9;Lj?YJ+q-hlHrz7VSuA)(FL<5N{zEwxUw0;Bjx>k
z+4D2j?tEn7xiP`mwn;9l@tR-1cx`R+=|@r1T#Ul@vtLmDmi7J?>*}3Fv$~`|eeJJ1
z_3gw=<3f3cX<sHg8>%Thy5}Nz>~r~=IVw*w7R-!Goz+tQk<0Al#0RZ!eoQ;Yx&B(t
zglDJhCMUUXbDlWQzxv{S@n7xrT|d0Unx_P%u4U*`HSnHn=@UD5;bZo>`3p;33i~bv
zdbY=|oK~@Esz()Tpc<!Pve5><*=Mvq+B{>}eo9z*{mR89GqscEhUk=dxbE@$wmBts
zR!fZkUu}mR^?lVzb9p*t_~hKq#l3VkwM`RH@VU=^-qiLJ&&h}vEUZQjuU6Sie&~Jf
zK}6;K6Q|Gg_BQCYP5jw+LQUM}m7_5y2iHUWf-CD!)_5(xuJxeu;ctCTf%~jsDSQ`;
zH$D3ILtOg-&$+|?f@Zm_=LODp3bI;W+QIMmGoh0uVz<6w)omd&Zk6LsvR@WmpS;wl
z#*6=1)H<W1uZkVLrdJs4Zhk0gD)YQvyZod|_6+V-q3dK8o@IH>Rh22p*uJXj{<-X#
zXJ2gR?dvYAN@Cmm!rMBy;T`9V{VNPUcWYJWAB#UfJ+0d5e7fuIQ&}3EcXlocbmx@O
zxqBvR%a^+!LQjVU@aJrQ(NZyMmU!vU!)I(f#SU4`kI&io==|DJZIiZCrOr#Gvl&_a
z%)hZsJhDsNyfZ0t;cd?C!hB%|WYyWbGrLc{ZCU%tlB3M}VS-_9;Lf=lLhaZO=Bdl*
yEYsE6F1+p3bA=mkTbhq<aeZ2LDD0;U%YVj};|#S*?hCa+MXsl-pUXO@geCx2$87Ha

delta 954
zcmV;r14aCb4Z{bJ7k@ek1^@s68C$X600009a7bBm000id000id0mpBsWB>pF8FWQh
zbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H115imsK~!jg?U+w!9AzAapZD9)
zA|{(91w&PeilUKfcC&{FQWgAzmx6c@q_w-rqTYmByp>83ynon(C()$4HR{2u#p0!+
zf(Hf3cC{iRT2gAT2c<icEuz`^d1#7B+BKPPx5-rIInK=c``%|~c4iov8C@f(RlaX$
z+hralViYlgu>)}fkOM+N)8IFZ)55-MJNId>R{xeB6i_!a7M?GTv=^fZ!Cu66j}h}o
zABy(WK(+CsZ+{OjiDtQ2l#31ly8-zwz6=9CiJTqG9X(Z#8;&Irmd3Z4`|AjzL~qKk
z#(?+L-tzLm%-6rKH?(evV50aWie`YDJPXF*JdR5CX#K=`4t8rEAt{&~JA|SWY>WWF
zFcHUt$^1d2HP85epNYeA;auS@!(QxV!#J2(b?~;v3xB+7QKw@%p9x99T)wuM0!uY2
z!Cbz^VRh`<aYtAleH|!WlV<TLg=h1xb=rB=%PFW7_F#N)O>22!&t+?;uIP1zM6+`L
z9kNUv$Zk}%7_=}7*<<yemTz2nIZ2ZBy-P9$0B%I8uD)ZfkO(G5_kiu%*j{n5T|qhj
z?D8%DUVlz6-L<v3(EqdGmd&UZle1aN-OaJj{sic|ytNtj?~{5aa31tI*gV)Dpdl{(
zI1dBEJ($0v=`QRWgekZzAxRVY16>Y|3_fzw8w0iaS66+-mK07F9*E3d5j;f~?_V<8
zk2H;$$;=4Lg$K>?WfubTCY1)OvnSUZXjaA^lYiL^aI^2C4n5LeoBhH8m~5}_AdEAM
znP@zY0Ki~%_T*wF8pk-}yL2Rb2A1wlChhi|vtX8ad}z9H&L=!H-8e_aJpr`5RyTVZ
zNearvdra*gyoQMV*=qewuk13y%Gd!jJK|NrG9xac?fYD4w)!$tp4k;#{JZ@&5cp&x
z*MEM<Nw(8#W!drV?|gI7E4zx}_ZltWW3L)8>OlAUge~HGpIpazaM~*vai;^j)h8<_
zuRn9gdD5?bL2h?TPt*8B^x%V4Pv+$ump*P?w;1$0V9RC~=?1~pwZC>;2c!~7A(co9
zsYFspC6YoakrYyiq>xG^g;XLbq!LLXl`}{RsYFspC6YoakrYyir0~Cx=mUQ73Cd}q
c$6dVn2TL{@19#986#xJL07*qoM6N<$g49;Qm;e9(

diff --git a/deploy.sh b/deploy.sh
index 516d764..bf829a2 100644
--- a/deploy.sh
+++ b/deploy.sh
@@ -15,9 +15,12 @@ tar -cvf "$TMP_TAR_DIR" -C "$TMP_WEBAPP_DIR" .
 
 rm -rf  $TMP_WEBAPP_DIR
 
-scp server_landing_page_deploy.sh dkelly@nkode.tech:/home/dkelly
-scp "$TMP_TAR_DIR" dkelly@nkode.tech:/home/dkelly
+#scp server_landing_page_deploy.sh dkelly@nkode.tech:/home/dkelly
+#scp "$TMP_TAR_DIR" dkelly@nkode.tech:/home/dkelly
 
+scp www.nkode.tech dkelly@217.21.78.137:/home/dkelly
+scp server_landing_page_deploy.sh dkelly@217.21.78.137:/home/dkelly
+scp "$TMP_TAR_DIR" dkelly@217.21.78.137:/home/dkelly
 rm $TMP_TAR_DIR
 
 
diff --git a/index.html b/index.html
index f418e31..a0651e0 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,15 @@
   <!-- Tailwind CSS CDN -->
 
   <script src="https://cdn.tailwindcss.com"></script>
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SR0MLMR2MR"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-SR0MLMR2MR');
+  </script>
 </head>
 <body>
 <div class="bg-white">
@@ -23,7 +32,7 @@
           <img class="h-8 w-auto" src="assets/lightmodenkode.svg" alt="">
         </a>
       </div>
-      <div class="md:flex md:hidden">
+      <div class="lg:flex lg:hidden">
         <button id="open-menu" type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-400">
           <span class="sr-only">Open main menu</span>
           <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
@@ -31,11 +40,12 @@
           </svg>
         </button>
       </div>
-      <div class="hidden md:flex items-center gap-x-12">
+      <div class="hidden lg:flex items-center gap-x-12">
         <div class="flex gap-x-6 text-lg font-semibold leading-6 text-black">
-          <a href="#create-an-nkode">Create an nKode</a>
+          <a href="#create-an-nkode">How to create an nKode</a>
           <a href="#how-nkode-works">How nKode Works</a>
           <a href="#faq">FAQ</a>
+          <a href="#contact-us">Contact Us</a>
         </div>
         <div class="ml-auto">
           <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">
@@ -45,18 +55,18 @@
       </div>
     </nav>
     <!-- Mobile menu, show/hide based on menu open state. -->
-    <div id="mobile-menu" class="md:hidden hidden" role="dialog" aria-modal="true">
+    <div id="mobile-menu" class="lg:hidden hidden" role="dialog" aria-modal="true">
       <!-- Background backdrop, show/hide based on slide-over state. -->
       <div class="fixed inset-0 z-50"></div>
-      <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 md:max-w-sm md:ring-1 md:ring-white/10">
+      <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 lg:max-w-sm lg:ring-1 lg:ring-white/10">
         <div class="flex items-center justify-between">
           <a href="#" class="-m-1.5 p-1.5">
             <span class="sr-only">Your Company</span>
               <img class="h-8 w-auto" src="assets/lightmodenkode.svg" alt="">
           </a>
-          <button id="close-menu" type="button" class="-m-2.5 rounded-md p-2.5 text-black">
+          <button id="close-menu" type="button" class="-m-3 rounded-md p-4 text-black">
             <span class="sr-only">Close menu</span>
-            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
+            <svg class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
               <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
             </svg>
           </button>
@@ -64,9 +74,10 @@
         <div class="mt-6 flow-root">
           <div class="-my-6 divide-y divide-white/25">
             <div class="space-y-2 py-6">
-              <a href="#create-an-nkode" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-black hover:bg-gray-200 mobile-nav">Create an nKode</a>
+              <a href="#create-an-nkode" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-black hover:bg-gray-200 mobile-nav">How to create an nKode</a>
               <a href="#how-nkode-works" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-black hover:bg-gray-200 mobile-nav" >How nKode Works</a>
               <a href="#faq" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-black hover:bg-gray-200 mobile-nav">FAQ</a>
+              <a href="#contact-us" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-black hover:bg-gray-200 mobile-nav">Contact Us</a>
             </div>
 
             <button class="bg-orange-500 text-white py-2 px-4 rounded-full hover:bg-orange-600 transition duration-200 text-sm sm:text-large">
@@ -103,7 +114,7 @@
       <img class="w-3/4 mx-auto mt-8" src="assets/set_nkode.png">
 
       <h4 class="text-2xl">3. Confirm your nKode</h4>
-      <p class="mt-8 text-xl">Confirm your nKode by reentering it.</p>
+      <p class="mt-8 text-xl">Confirm your nKode by re-entering it.</p>
       <img class="w-3/4 mx-auto mt-8" src="assets/confirm_nkode.png">
 
       <h4 class="text-2xl">4. Login with nKode</h4>
@@ -116,31 +127,30 @@
       <h4 class="text-2xl mt-4">Keypad Settings</h4>
       <p>
         Your nKode keypad is configurable.
-        Under advanced settings, you can change the number of keys and the number of attributes (icon) per key.
-        From this point forward, we will use the term attribute instead of icon.
+        Under advanced settings, you can change the number of keys and the number of icons per key.
       </p>
       <img class="w-3/4 mx-auto mt-8" src="assets/advanced_settings.png">
       <h4 class="text-2xl mt-4">Account Creation</h4>
       <p>
         The server is able to deduce your nKode from two entries.
-        Notice how, in the set and confirm keypads below, no attribute in the set keypad share a key with any other attribute in the confirm keypad.
-        This is called an attribute dispersion.
+        In the set and confirm keypads below, no icon in the set keypad share a key with any other icon in the confirm keypad.
+        This is called an icon dispersion.
       </p>
       <div class="flex flex-row">
         <img class="w-1/2 mx-auto mt-8" src="assets/set_nkode.png">
         <img class="w-1/2 mx-auto mt-8" src="assets/confirm_nkode.png">
       </div>
-      <h4 class="text-2xl mt-4">Attribute Dispersion</h4>
+      <h4 class="text-2xl mt-4">Icon Dispersion</h4>
       <p>
         The login keypad looks different from the set and confirm keypads.
-        It has three more attributes per key.
-        A dispersion is possible if the number of attributes per key is less than or equal to the total number of keys.
-        Since the login keypad has more attributes per key than keys, we call this a dispersion-resistant keypad.
+        It has three more icons per key.
+        A dispersion is possible if the number of icons per key is less than or equal to the total number of keys.
+        Since the login keypad has more icons per key than keys, we call this a dispersion-resistant keypad.
         If a malicious actor steals your keypad, they can use your keypad to phish for your nKode.
         If the login keypad was dispersable, an attack might go like this:
       </p>
 
-      <ol class="list-decimal list-inside mt-2 space-y-2">
+      <ol class="list-decimal list-inside mt-4 mb-4 space-y-2">
         <li>You click a malicious link from your email or text saying you need to authorize USPS to send you a package (or whatever the latest scam is today).</li>
         <li>You're redirected to a site with your nKode keypad requesting authorization with your nKode.</li>
         <li>You enter your nKode, but you're informed you entered the wrong nKode.</li>
@@ -148,32 +158,33 @@
         <li>You enter it again, and your nKode is stolen.</li>
       </ol>
       <p>
-        The greater the difference between the number of attributes per key and the number of keys, the greater the dispersion resistance, which comes with trade-offs.
+        The greater the difference between the number of icons per key and the number of keys, the greater the dispersion resistance.
+        This comes with trade-offs.
         If there are too few keys, it becomes easier to randomly enter keys and accidentally get into your account without actually knowing your nKode.
-        If you increase the number of keys without increasing the number of attributes per key, your keypad becomes more dispersable.
-        If you have too many attributes and keys, the keypad is too busy, which makes it challenging to find your attributes.
+        If you increase the number of keys without increasing the number of icons per key, your keypad becomes more dispersable.
+        If you have too many icons and keys, the keypad is too busy, making it challenging to find your icons.
       </p>
       <h4 class="text-2xl mt-4">Server-Side Attributes</h4>
       <p>
         A traditional password is composed of ASCII and sometimes Unicode characters.
-        These are salted, hash, and stored in a database.
+        These are salted, hashed, and stored in a database.
         nKode is similar.
-        An unsigned 64-bit integer represents every attribute, though it can be a byte array of any size.
-        These server-side attributes can be rotated daily, weekly, or any other cadence desired.
+        An unsigned 64-bit integer represents every icon, though it can be a byte array of any size.
+        These server-side attributes can be rotated daily, weekly, or any other frequency desired.
         Here's how it works:
       </p>
       <ol class="list-decimal list-inside mt-2 space-y-2">
         <li>An administrator or cron job starts the server-side attribute renewal.</li>
         <li>The server-side attributes are rotated, and an intermediate transformation is applied to the user's server-side keys</li>
-        <li>Has a successful login, and the user's keys, salt, and hash are all replaced.</li>
+        <li>After a successful login, and the user's keys, salt, and hash are all replaced.</li>
       </ol>
 
       <h4 class="text-2xl mt-4">Login</h4>
       <p>
-        Every time you log in, your attributes are randomly shuffled.
-        Attributes don't move to arbitrary locations within the key; attributes are a part of a set.
+        Every time you log in, your icons are randomly shuffled.
+        Icons don't move to arbitrary locations within the key; icons are a part of a set.
         You can identify the set by its position within the key.
-        In the example below, you can see some attributes haven't moved, some moved to other keys as a group, and some moved to different keys alone.
+        In the example below, you can see some icons haven't moved, some moved to other keys as a group, and some moved to different keys alone.
       </p>
       <div class="flex flex-row">
         <img class="w-1/2 mx-auto mt-8" src="assets/login1.png">
@@ -190,11 +201,17 @@
     <section class="scroll-mt-24" id="faq">
 
       <h3  class="text-4xl mt-8">FAQ</h3>
+      <h4 class="text-2xl mt-4">When can I use nKode?</h4>
+      <p>
+        We're working to make nKode available through Auth0.
+        However, we are looking for a strategic partner in identity management.
+        If you are interested in working with nKode, please reach out.
+      </p>
       <h4 class="text-2xl mt-4">How does nKode defend against common attacks?</h4>
       <p>
         At the time of this writing, nKode is only a demo web application.
         Ideally, all nKode authentication is done through a mobile application.
-        A mobile application can make nKode more secure by requiring passkeys and biometric authentication to get the nKode keypad.
+        A mobile application can make nKode more secure by requiring passkeys and biometric authentication.
         This makes it very difficult to steal or use your nKode.
       </p>
       <h5 class="text-xl mt-4">1. MFA Prompt Bombing</h5>
@@ -210,11 +227,11 @@
         Since a user has to look for their nKode, it prevents them from quickly typing in a passcode without thinking, giving them a chance to reconsider their decision.      </p>
       <h5 class="text-xl mt-4">2. Service Desk Social Engineering: Scattered Spider</h5>
       <p>
-        An nKode keypad is made from any visual attribute.
+        An nKode keypad can be made from any type of image.
         To make this more concrete, take a look at <a class="text-orange-600 underline" href="https://www.flaticon.com/search?word=abstract">Flaticon</a>.
-        If every employee at the service desk has a randomly generated keypad from abstract visual attributes like those found on Flaticon, an employee would have difficulty explaining their nKode.
+        If every employee at the service desk has a randomly generated keypad from abstract images like those found on Flaticon, an employee would have difficulty explaining their nKode.
         Moreover, this keypad can be further protected with a 2FA keycard so only the employee can render their keypad.
-        For an attacker to get a target's nKode, they'd have to be with the target, and the targeted employee would have to point to the attributes on their screen since they're difficult to describe in words.
+        For an attacker to get a target's nKode, they'd have to be with the target, and the targeted employee would have to point to the icons on their screen since they're difficult to describe in words.
         The attacker must also steal the employee's 2FA keycard to render the login screen.
       </p>
       <h5 class="text-xl mt-4">3. Session Hijacking</h5>
@@ -256,12 +273,19 @@
 
       <h5 class="text-xl mt-4">4. Redline Stealer</h5>
       <p>
-        Ideally, all nKode authentication goes through the mobile app. If authentication is done on a laptop, an attacker can steal a user's nKode after watching several nKode entries depending on the number of keys and attributes per key. This number can vary as the number of attributes and keys change.
+        Ideally, all nKode authentication goes through the mobile app. If authentication is done on a laptop, an attacker can steal a user's nKode after watching several nKode entries depending on the number of keys and icons per key. This number can vary as the number of icons and keys change.
       </p>
       <h5 class="text-xl mt-4">5. Exploiting SSO SAML</h5>
       <p>
         If an attacker finds a way to steal a user's nKode, they still need the user's device. The user's device contains their passkeys and biometrics. Without it, the adversary won't be able to authenticate.
       </p>
+
+    </section>
+
+    <section class="scroll-mt-24" id="contact-us">
+      <h3 class="text-4xl mt-8">Contact Us</h3>
+      <p class="mt-4 text-lg">We'd love to hear from you! Whether you have questions, or feedback, feel free to reach out to us at:</p>
+        <a href="mailto:hello@nkode.tech" class="text-blue-600 hover:underline mt-2 text-lg font-semibold">hello@nkode.tech</a>
     </section>
   </div>
   </main>
@@ -291,5 +315,6 @@
     });
   });
 </script>
+
 </body>
 </html>
diff --git a/server_landing_page_deploy.sh b/server_landing_page_deploy.sh
index b28f661..8cc6b39 100644
--- a/server_landing_page_deploy.sh
+++ b/server_landing_page_deploy.sh
@@ -31,6 +31,7 @@ fi
 # Move the newly extracted directory to /var/www
 mv $APP_DIR /var/www
 
+
 # Restart Nginx to apply changes
 systemctl restart nginx
 
diff --git a/landing_page_nginx.config b/www.nkode.tech
similarity index 78%
rename from landing_page_nginx.config
rename to www.nkode.tech
index 727be0b..065939f 100644
--- a/landing_page_nginx.config
+++ b/www.nkode.tech
@@ -1,22 +1,28 @@
-# Redirect all traffic from www.nkode.tech to nkode.tech
+# Redirect all traffic from www.nkode.tech to nkode.tech (HTTP and HTTPS)
 server {
     listen 80;
+    listen 443 ssl http2;
     server_name www.nkode.tech;
 
+    # SSL configuration for www.nkode.tech redirect
+    ssl_certificate /etc/letsencrypt/live/www.nkode.tech/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/www.nkode.tech/privkey.pem;
+    ssl_trusted_certificate /etc/letsencrypt/live/www.nkode.tech/chain.pem;
+
     return 301 https://nkode.tech$request_uri;
 }
 
 # Redirect HTTP to HTTPS for nkode.tech
 server {
-    listen 80;
+    listen 80 default_server;
     server_name nkode.tech;
 
-    return 301 https://$host$request_uri;
+    return 301 https://nkode.tech$request_uri;
 }
 
 # Main server block for nkode.tech with SSL and content configuration
 server {
-    listen 443 ssl http2;
+    listen 443 ssl http2 default_server;
     server_name nkode.tech;
 
     ssl_certificate /etc/letsencrypt/live/nkode.tech/fullchain.pem;
@@ -42,7 +48,7 @@ server {
     root /var/www/nkode_landing_page;
     index index.html;
 
-    # Routing for Flutter SPA
+    # Catch-all for any request, including `index.html`, to serve the landing page or 404
     location / {
         try_files $uri $uri/ /index.html;
     }