@pushonce('scripts')
    <meta name="robots" content="noindex">
@endpushonce
<x-vitrine-simples class="py-32 sm:pb-32 sm:pt-16">
    <div class="flex flex-col items-center">
        <div class="uppercase text-center tracking-33 text-xs text-white mb-1 max-md:mb-3">{{ $sobrancelha }}</div>
        <h1 class="text-center font-headline font-bold text-6xl text-white max-md:text-3xl text-balance max-w-[42.5rem]">
            {{ $title }}</h1>
        <div class="max-sm:!leading-loose max-sm:!text-white/80 !text-white/90 text-base mt-6 text-pretty text-center">
            {{ $description }}
        </div>
        <a href="{{ \App\Helpers\TranslationHelper::getHomePageUrl() }}"
            class="bg-white shadow-xl mt-10 inline-flex justify-center rounded-full px-10 py-4 font-bold text-sm text-deepblue">
            {{ __('messages._pagina_busca.voltar') }}
        </a>
    </div>
    <x-slot:slot2>
        <x-star class="absolute left-[10%] top-[5%] md:left-[10%] md:top-[8%]" width="48px" height="48px"
            color="white" />
        <x-star class="absolute right-[10%] bottom-[10%] md:left-[20%] md:right-auto md:bottom-auto md:top-[40%]"
            width="48px" height="48px" color="babyblue" />
        <x-star class="absolute hidden md:block md:right-[20%] md:top-[45%]" width="48px" height="48px"
            color="babyblue" />
        <x-star class="absolute hidden md:block right-[5%] top-[70%] md:right-[5%] md:top-[20%]" width="30px"
            height="30px" color="white" />
    </x-slot:slot2>
</x-vitrine-simples>