<turbo-stream action="replace" target="tab-content"><template><turbo-frame id="tab-content">

    <div class="py-10 px-4">
        <p class="text-3xl font-bold">Exhibitor Packages</p>
    </div>

    <!-- Pricing Tables -->
    <div class="flex flex-col justify-center lg:flex-row gap-6 mb-8 h-full px-4">
    <div class="w-full sm:w-3/4 lg:w-2/5 mx-auto h-fit flex flex-col bg-white text-center shadow-lg shadow-gray-400">

      <div class="flex flex-col divide-y divide-gray-400 border-b border-gray-400">
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Exhibitor</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$1,495</p>
            </div>
          </div>
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Educator</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$2,995</p>
            </div>
          </div>
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Staffing Firm</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$2,995</p>
            </div>
          </div>
      </div>

      <div class="flex p-6 flex-col gap-4 items-center">
        <ul class="space-y-2 text-gray-600">
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-85b26c31" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Organization chat room
            </li>
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-f8241a7f" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Unlimited number of recruiters
            </li>
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-c4f3af40" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Company profile page
            </li>
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-81ca9702" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Video interviewing capable
            </li>
        </ul>
      </div>
    </div>
  <div class="w-full sm:w-3/4 lg:w-1/4 mx-auto h-auto flex flex-col bg-white text-center shadow-lg shadow-gray-400">
    <div class="flex justify-between border-b border-gray-400">
      <div class="w-full py-4 px-6">
        <h3 class="text-xl font-bold text-rm-blue">Exhibitor Package Specials</h3>
        <p class="text-5xl font-bold text-rm-light-blue">$1,095</p>
      </div>
    </div>
    <div class="flex p-6 flex-col gap-4 items-center">
      <ul class="space-y-2 text-left text-gray-600 inline-block mb-4">
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-7a8df024" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For certified small businesses (50 or fewer employees)
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-df5e67aa" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For veteran-owned small businesses (50 or fewer employees)
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-ef2277f4" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For local public safety organizations
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-0951b50d" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For US government entities
          </li>
      </ul>
    </div>
  </div>
  <div class="w-full sm:w-3/4 lg:w-1/4 mx-auto h-auto flex flex-col gap-6 bg-primary-1 text-white text-center shadow-lg shadow-gray-400">
    <div class="bg-secondary-1 w-fit text-white px-4 py-1 font-semibold">RECOMMENDED UPGRADE</div>
    <div class="flex flex-col items-center">
      <p>Already have an event credit?</p>
      <p>Upgrade with Veteran Talent Source</p>
    </div>
    <p class="text-5xl font-bold">$299</p>
    <div class="flex flex-col gap-4 items-center">
      <ul class="space-y-2 text-left inline-block">
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-115d3447" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            50 Veteran Unlocks
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-f5a8ef6d" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            1 VTS License
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-3a396f93" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            Unlimited Searches
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-d4aa861e" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            30-Day Access
          </li>
      </ul>
    </div>
    <p class="pb-4 px-4">* You must have attended the event to use this upgrade.</p>
  </div>
</div>


    <!-- Action Buttons -->
    <div class="py-8">
      <div class="flex flex-col items-center space-y-4 px-4 sm:px-0">
        <div class="flex text-sm whitespace-nowrap  ">
    <a class="bg-red-600 text-center text-white px-8 py-4 w-full sm:w-96 rounded-full hover:bg-red-700 transition duration-300 text-lg" target="_blank" data-turbo="false" href="https://shop.recruitmilitary.com/products/eastern-region-virtual-career-fair-june-30-2026">
      <div class="flex items-center justify-center gap-1">
        
        <span>SELECT YOUR PACKAGE IN OUR STORE</span>
      </div>
</a></div>

      </div>
    </div>

    <div class="flex w-full px-10">
      <div class="flex w-full gap-5 bg-primary-2 text-white px-10 py-4 justify-center items-center">
        <img class="w-12 h-12" alt="Deal" src="https://assets.recruitmilitary.com/assets/solid/fire-color-3775642a2a150ba69a43a22540782e7afe460a5b81fea0aaf528214f1bd917b8.svg" />
        <p class="text-xl font-medium">
          Unlock exclusive savings! Book 2-9 events and save $100 per event or maximize your discount with $200 off each when you book 10 or more.
        </p>
      </div>
    </div>

</turbo-frame>
</template></turbo-stream>