@props([
    'head' => false,
    'centerHead' => false,
    'card1',
    'card2',
    'extra' => '',
])

@if ($head)
<h2 class="m-0 text-xl font-semibold leading-tight border-0 border-gray-300 lg:text-3xl md:text-2xl pb-4 {{ $centerHead ? 'text-center' : '' }}">
{{ $head }}
</h2>
@endif
<div
    {{ $attributes->merge([
        'class' => 'pb-8 lg:pb-16 flex flex-col items-center content-center px-8 mx-auto leading-6 text-black border-0 border-gray-300 border-solid md:flex-row max-w-7xl lg:px-16'
    ]) }} >
    <div class="w-full text-black border-solid md:w-1/2 md:pl-10">
        {{ $card1 }}
    </div>
    <div class="w-full text-black border-solid md:w-1/2 md:pl-10">
        {{ $card2 }}
    </div>
</div>

{{ $extra }}