<turbo-stream action="append" target="companies_grid"><template>
    <div class="h-full ">

    <a data-controller="wad-tracking" data-action="click-&gt;wad-tracking#click" data-wad-tracking-view-value="company.card-view" data-wad-tracking-payload-value="{&quot;company_id&quot;:4312}" data-wad-tracking-suppress-key-value="company-4312" class="block h-full rounded-2xl p-4  bg-base-100 ring-1 ring-base-300/40 shadow-sm hover:shadow-md hover:bg-base-200/40 group focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/companies/4312-modulate">
      <div class="mb-4 text-center">
          <img alt="Modulate logo" class="size-16 mx-auto mb-3 rounded-full object-contain bg-base-100 p-2 shadow-sm ring-2 ring-base-300/20" loading="lazy" src="https://wearedevelopers.imgix.net/company/7ad72c3c557c241cd2d449caad60a805/logo/5U13jsJ3RY84JalZduxz.png" />

        <h3 class="mb-2 text-lg font-semibold text-base-content transition-colors group-hover:text-primary">
          Modulate
        </h3>

      </div>

        <div class="flex flex-wrap justify-center gap-2">

            <span class="inline-flex items-center gap-1 rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
              <svg class="size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"></path></svg>
              1 job
            </span>

        </div>

      <span class="sr-only">View Modulate profile</span>
</a>  </div>
  <div class="h-full ">

    <a data-controller="wad-tracking" data-action="click-&gt;wad-tracking#click" data-wad-tracking-view-value="company.card-view" data-wad-tracking-payload-value="{&quot;company_id&quot;:3859}" data-wad-tracking-suppress-key-value="company-3859" class="block h-full rounded-2xl p-4  bg-base-100 ring-1 ring-base-300/40 shadow-sm hover:shadow-md hover:bg-base-200/40 group focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/companies/3859-sunhat">
      <div class="mb-4 text-center">
          <img alt="Sunhat logo" class="size-16 mx-auto mb-3 rounded-full object-contain bg-base-100 p-2 shadow-sm ring-2 ring-base-300/20" loading="lazy" src="https://wearedevelopers.imgix.net/company/964dbf29cdc712e3307f40ba4cd53243/logo/UIlIoSl9UgWHiYy8YUIo.png" />

        <h3 class="mb-2 text-lg font-semibold text-base-content transition-colors group-hover:text-primary">
          Sunhat
        </h3>

          <div class="mt-3 flex flex-wrap justify-center gap-1.5">
              <span class="inline-flex items-center rounded-full bg-base-200 px-2.5 py-1 text-xs font-medium text-base-content/70">Angular</span>
              <span class="inline-flex items-center rounded-full bg-base-200 px-2.5 py-1 text-xs font-medium text-base-content/70">TypeScript</span>
              <span class="inline-flex items-center rounded-full bg-base-200 px-2.5 py-1 text-xs font-medium text-base-content/70">NestJS</span>
          </div>
      </div>

        <div class="flex flex-wrap justify-center gap-2">
            <span class="inline-flex items-center gap-1 rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
              <svg class="size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"></path></svg>
              3 stories
            </span>

            <span class="inline-flex items-center gap-1 rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
              <svg class="size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"></path></svg>
              1 job
            </span>

        </div>

      <span class="sr-only">View Sunhat profile</span>
</a>  </div>

</template></turbo-stream>
  <turbo-stream action="remove" target="companies_pagination"></turbo-stream>
