{{-- Parte que envolve o corpo do site, usado após vitrine. --}}
@props(['class' => '', 'arrow' => true, 'top' => true, 'bottom' => true])
<div {{ $attributes->class(['relative'])->merge() }}>
    <div class="relative z-10">

        <svg class="w-full absolute bottom-[calc(100%_-_1px)] left-0 right-0 h-[96px] hidden md:block" preserveAspectRatio="none" width="1366" height="96" viewBox="0 0 1366 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1366 0L0 96H1366V0Z" fill="white"/>
        </svg>

        <svg class="w-full absolute bottom-[calc(100%_-_1px)] left-0 right-0 h-[30px] block md:hidden" preserveAspectRatio="none" width="428" height="30" viewBox="0 0 428 30" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M428 0L0 30L428 29V0Z" fill="white"/>
        </svg>

        {{--        <div class="h-20 w-full absolute bg-white rotate-[4deg] bottom-[calc(100%_-_1px)] left-0 right-0">--}}

{{--        </div>--}}

        <div class="bg-white pt-8 pb-24 sm:pt-12 sm:pb-8 js-main">
            <div class="max-w-[85.375rem] mx-auto [&>*:last-child]:mb-0 [&>*:last-child]:pb-0 [&>*:first-child]:pt-0 [&>*:first-child]:mt-0">
                {{ $slot }}
            </div>
        </div>

    </div>
</div>