.mx-auto.w-90p.py-6(class="sm:px-6 lg:px-8 md:max-w-7xl")
model-loading(v-if="isLoading")
section(v-else)
form.mb-5.flex(action="/search")
input.block.w-full.rounded-md.border-gray-300.border-1.px-2.py-1.mr-2(
name="q"
class="focus:border-green-500 focus:ring-green-500 sm:text-sm dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700"
placeholder="Type some text to find the best models..."
)
button.inline-flex.justify-center.rounded-md.border.border-transparent.bg-green-600.py-2.px-4.text-sm.font-medium.text-white.shadow-sm(
type="submit"
class="hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
)
| Explore
.grid.grid-cols-1.gap-4(class="md:grid-cols-4")
model-box-card(
v-for="model in models"
:key="model.id"
:model="model"
)