@section('title', 'Selleciona RH - Recrutamento e Gestão de Talentos')

<div class="bg-white font-sans text-gray-900 antialiased">



    <section id="preços" class="bg-gray-50 py-24 border-y border-gray-100">
        <div class="container mx-auto px-6">
            <h2 class="text-4xl font-extrabold text-center text-blue-950 mb-4 tracking-tight">O Plano Ideal para o Seu
                Negócio</h2>
            <p class="text-center text-gray-500 mb-16 max-w-xl mx-auto">Escolha a solução que melhor se adapta à escala
                da sua empresa ou carreira.</p>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-10 items-stretch">

                <div
                    class="group bg-white p-10 rounded-3xl border border-gray-100 shadow-sm flex flex-col transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:bg-blue-950">
                    <h3
                        class="text-xl font-bold text-gray-900 mb-2 transition-colors duration-500 group-hover:text-white">
                        Talento Grátis</h3>
                    <p class="text-gray-500 mb-6 transition-colors duration-500 group-hover:text-blue-200">Para quem
                        busca a próxima oportunidade.</p>
                    <div
                        class="text-4xl font-extrabold text-blue-950 mb-8 transition-colors duration-500 group-hover:text-white">
                        Kz 0<span class="text-base font-medium text-gray-400 group-hover:text-blue-300">/sempre</span>
                    </div>

                    <ul
                        class="space-y-4 mb-10 flex-grow text-gray-700 transition-colors duration-500 group-hover:text-blue-50">
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> Emissão de 3 CVs/mês</li>
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> Candidaturas Ilimitadas</li>
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> Perfil Público</li>
                    </ul>

                    <a href="/register"
                        class="w-full py-3 rounded-xl font-bold text-center border-2 border-blue-600 text-blue-600 transition-all duration-500 group-hover:bg-blue-600 group-hover:text-white group-hover:border-transparent">
                        Criar Perfil
                    </a>
                </div>

                <div
                    class="relative group bg-blue-950 p-10 rounded-3xl border-2 border-blue-500 shadow-2xl scale-105 flex flex-col transition-all duration-500 hover:scale-110 hover:shadow-blue-200/50">
                    <div
                        class="absolute top-0 right-0 bg-gradient-to-l from-blue-600 to-blue-400 text-white px-6 py-1.5 text-xs font-black uppercase rounded-bl-2xl tracking-widest">
                        Popular



                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Business Pro</h3>
                    <p class="text-blue-200 mb-6">Para RHs e pequenas empresas.</p>
                    <div class="text-4xl font-extrabold text-white mb-8">
                        Kz 25.000<span class="text-base font-medium text-blue-300">/mês</span>



                    </div>

                    <ul class="space-y-4 text-blue-50 flex-grow mb-10">
                        <li class="flex items-center gap-3"><span class="text-blue-400">★</span> Vagas Ilimitadas</li>
                        <li class="flex items-center gap-3"><span class="text-blue-400">★</span> Pipeline Customizável
                        </li>
                        <li class="flex items-center gap-3"><span class="text-blue-400">★</span> Triagem por IA</li>
                        <li class="flex items-center gap-3"><span class="text-blue-400">★</span> Suporte 24/7</li>
                    </ul>

                    <a href="/register"
                        class="w-full bg-blue-600 text-white py-4 rounded-xl font-bold text-center shadow-lg transition-all duration-300 hover:bg-blue-500 hover:shadow-blue-500/40 transform active:scale-95">
                        Assinar Agora
                    </a>
                </div>

                <div
                    class="group bg-white p-10 rounded-3xl border border-gray-100 shadow-sm flex flex-col transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:bg-blue-950">
                    <h3
                        class="text-xl font-bold text-gray-900 mb-2 transition-colors duration-500 group-hover:text-white">
                        Enterprise</h3>
                    <p class="text-gray-500 mb-6 transition-colors duration-500 group-hover:text-blue-200">Controle
                        total para grandes operações.</p>
                    <div
                        class="text-4xl font-extrabold text-blue-950 mb-8 transition-colors duration-500 group-hover:text-white">
                        Consultar</div>

                    <ul
                        class="space-y-4 mb-10 flex-grow text-gray-700 transition-colors duration-500 group-hover:text-blue-50">
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> Multi-empresa</li>
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> API & Integrações</li>
                        <li class="flex items-center gap-3"><span
                                class="text-blue-600 group-hover:text-blue-400">✓</span> Relatórios de BI</li>
                    </ul>

                    <a href="#contato"
                        class="w-full py-3 rounded-xl font-bold text-center border-2 border-blue-600 text-blue-600 transition-all duration-500 group-hover:bg-blue-600 group-hover:text-white group-hover:border-transparent">
                        Falar com Consultor
                    </a>
                </div>

            </div>
        </div>
    </section>


</div>