Hubspot Hubl Search with Suggestions

Hubspot Hubl Search with Suggestions.html

<section class="bg-gray-001">
    <div class="w-10/12 mx-auto grid gap-5 py-8">
      <div class="hs-search">
        <h2 class="mb-2 text-xl font-normal">Explore More</h2>
        <div class="hs-search-field"> 
          <div class="hs-search-field__bar">
            <form id="hs-search-blog" action="/{{ site_settings.content_search_results_page_path }}" class="flex flex-col sm:flex-row"> 
              <input type="text" class="hs-search-field__input p-4 sm:p-2 mb-2 sm:mb-0" name="term" autocomplete="off" aria-label="{{ "Search" }}" placeholder="{{ "Type to search" }}">
              <input type="hidden" class="lg:pr-1" name="type" value="BLOG_POST">
              <input type="hidden" name="pathPrefix" value="info">
              <button type="submit" form="hs-search-blog" value="Search" class="hs-button primary large rounded-md mx-auto text-black font-semibold bg-vop-gold hover:bg-vop-gold-dark p-4 w-full sm:w-fit sm:block uppercase">Search</button>
            </form>
          </div>
          <ul class="hs-search-field__suggestions absolute bg-white shadow-xl w-full"></ul>
        </div>
      </div>
    </div>  
</section>