<div class="my-8 max-w-8xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center z-10">
    <!-- Esquerda: Texto -->
    <div class="space-y-6">
        <h1 class="text-5xl md:text-6xl font-bold leading-tight">
            Soluções tecnológicas de alto desempenho e 
            <span class="text-green-400">confiança</span>
        </h1>

        <p class="text-gray-300 text-lg md:text-xl leading-relaxed">
            Você vai se preparar para os desafios reais do mercado de trabalho com muita prática e apoio contínuo por meio de cursos feitos para o seu momento de vida e objetivos de carreira.
        </p>

        <a target='_blank' href='<?php echo e(route('courses')); ?>' class="cursor-pointer inline-flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 shadow-lg">
            Conheça nossos cursos
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
            </svg>
        </a>
    </div>

    <!-- Direita: Formas geométricas (só em desktop) -->
     <div class="relative hidden lg:block">
        <div class="absolute top-0 right-20 w-48 h-48 bg-green-500 rounded-3xl opacity-80"></div>
        <div class="absolute top-16 left-32 w-40 h-40 bg-blue-600 rounded-3xl opacity-70 border-4 border-blue-400"></div>
        <div class="absolute top-32 right-0 w-36 h-36 bg-pink-500 rounded-3xl opacity-80"></div>
         <div class="absolute bottom-20 left-20 w-28 h-32 bg-gradient-to-br from-green-400 to-teal-500 rounded-3xl opacity-70 border-4 border-green-300"></div> 
        <div class="absolute bottom-0 right-32 w-28 h-28 bg-red-500 rounded-3xl opacity-70 border-4 border-red-400"></div>
        <div class="absolute bottom-10 left-10 w-12 h-12 bg-gray-600 rounded-xl opacity-50"></div>
    </div>
   
</div><?php /**PATH C:\www\sites\zeiner\zeiner-platform\resources\views\components\home\hero.blade.php ENDPATH**/ ?>