<div class="flex h-[100vh] w-[100vw] items-center justify-center text-center">
  <div class="rounded-sm border-2 bg-white px-6 py-6 text-start">
    <!-- top location -->
    <div class="flex font-bold">
      <h6 class="text-[14px] font-semibold">Home</h6>
      <span class="font-light">
        <svg class="h-5 w-6 text-[#BDBDBD]" fill="none" stroke="currentColor" viewBox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-