<div
  class="min-h-full w-2/3 flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8 space-y-15"
>
  <div class="flex items-center justify-center text-8xl font-bold text-[#2A4B6F]">
      <span class="[text-shadow:0_0_20px_#fff,0_0_50px_#0090D9,0_0_80px_#0ff] text-[#04153E]">B</span>acl<span class="relative inline-block">i<span class="absolute top-0 right-0 h-5 w-5 rounded-full bg-[#CD7F32] translate-y-[12px] -translate-x-[4px]"></span></span>ght
  </div>
  <div class="flex justify-around space-y w-full">
      <div class="flex flex-col w-[40%] h-1/2">
          <div class="flex flex-col items-center h-40 w-full border-l-4 border-b-4 border-atmosphere rounded-xl pl-2 pb-2">
              <%= link_to employers_path, data: { turbo: false }, class: "flex justify-center items-center w-full h-34 cursor-pointer bg-atmosphere hover:bg-deepcove border-4 border-atmosphere text-platinum hover:text-copper text-xl font-bold px-3 rounded-md mt-3 transition duration-100" do %>
                <%= icon "layout-dashboard", library: "lucide", class: "h-3/4 w-3/4 text-center rounded-md" %>
              <% end %>
              <h3 class="font-bold text-2xl text-platinum my-5">
                <%= "Employer Control" %>
              </h2>
          </div>
      </div>
      <div class="flex flex-col w-[40%] h-1/2">
          <div class="flex flex-col items-center h-40 w-full border-l-4 border-b-4 border-cobalt-vivid rounded-xl pl-2 pb-2">
              <%= link_to id_card_print_index_path, data: { turbo: false }, class: "flex justify-center items-center w-full h-34 cursor-pointer bg-cobalt-vivid hover:bg-deepcove border-4 border-cobalt-vivid text-platinum hover:text-copper text-xl font-bold px-3 rounded-md mt-3 transition duration-100" do %>
                <%= icon "printer", library: "lucide", class: "h-3/4 w-3/4 text-center rounded-md" %>
              <% end %>
              <h3 class="font-bold text-2xl text-platinum my-5">
                <%= "ID Card Printer" %>
              </h2>
          </div>
      </div>
  </div>
</div>
