You're in.

Sunday 03:21.

That's where it starts.

Until then:

Start noticing your decisions.

— Chris

  <p class="pt-6"><strong>P.s.</strong></p>
  <div>
    If you'd like, add your first name now —
    then I can address you personally in my emails.
  </div>
  <h2 class="text-xl font-bold text-left text-[#111] pt-4">
    Add your first name
  </h2>
  <form id="profileForm" class="space-y-3">
    <input type="email" id="email" name="email" readonly
      class="block w-full border border-gray-300 rounded-full bg-gray-100 text-center py-[10px] px-[14px] text-base text-gray-800" />
    <input type="text" id="firstName" name="first_name" placeholder="e.g. Felix" required
      class="block w-full border border-gray-300 rounded-full py-[10px] px-[14px] text-base text-center placeholder-gray-400 placeholder:font-semibold" />
    <button type="submit" id="saveBtn"
      class="w-full bg-[#007aff] text-white px-4 py-2 rounded-full hover:bg-blue-700 transition duration-300">
      <span id="btn-text">Save first name</span>
      <span id="btn-spinner" class="hidden">⏳ Saving...</span>
    </button>
  </form>
</div>
<div class="flex justify-center items-start pt-4 pb-4 pr-4 pl-4">
  <img src="/images/letterchris-side.webp" alt="Chris"
    class="rounded-[23px] shadow-md w-full max-w-[400px] h-auto object-cover object-top" />
</div>