Application AI prompt

<!-- Content -->
<div class="h-[40rem] flex flex-col pb-6">
  <div class="h-full flex flex-col justify-center">
    <div class="-mt-20 max-w-4xl w-full text-center mx-auto px-4 sm:px-6 lg:px-8">
      <h1 class="text-3xl font-bold text-hs2-primary sm:text-4xl ">
        Welcome to HS2 AI
      </h1>
      <p class="mt-3 text-gray-600 ">
        Your AI-powered copilot for the web
      </p>
    </div>

    <!-- Search -->
    <div class="mt-10 max-w-2xl w-full mx-auto px-4 sm:px-6 lg:px-8">
      <div class="relative">
        <input type="text" class="p-4 block w-full border-gray-200 rounded-full text-sm focus:border-hs2-primary focus:ring-hs2-primary " placeholder="Ask me anything...">
        <div class="absolute top-1/2 right-2 -translate-y-1/2">
          <button type="button" class="inline-flex flex-shrink-0 justify-center items-center h-10 w-10 rounded-full text-gray-500 hover:text-gray-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-gray-400 transition-all ">
            <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2z" />
              <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
            </svg>
          </button>
          <button type="button" class="inline-flex flex-shrink-0 justify-center items-center h-10 w-10 bg-gray-100 rounded-full text-gray-500 hover:text-gray-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-gray-400 transition-all ">
            <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" />
              <path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z" />
            </svg>
          </button>
        </div>
      </div>
    </div>
    <!-- End Search -->
  </div>

  <footer class="mt-auto max-w-4xl text-center mx-auto px-4 sm:px-6 lg:px-8">
    <p class="text-xs text-gray-600 ">© 2023 High Speed Two. A product of <a class="text-hs2-link hover:text-hs2-hover-state decoration-2 hover:underline font-semibold " href="#" target="_blank">HS2</a>.</p>
  </footer>
</div>
<!-- End Content -->