<x-layout title="Home - Lauck">
    <x-section-header subtitle="Inicio" title="Bicicleteria " highlight="Lauck"/>

    <!-- Grid de Tarjetas -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 w-full mb-12">

        <!-- Tarjeta Catálogo -->
        <x-ui.card href="{{ route('catalogo') }}" title="Catálogo" description="Ver bicicletas y productos." linkText="Ir al catalogo">
            <svg class="w-12 h-12 text-neon-lime" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg>
        </x-ui.card>

        <!-- Tarjeta Catálogo -->
        <x-ui.card href="{{-- url('/taller') --}}#" title="Se va a cambiar por Carrousel de + frec" description="." linkText="Ir">
        </x-ui.card>

    </div>
</x-layout>
