@props([
    'title',
    'description',
])

<div class="flex w-full flex-col text-center">
    <flux:heading size="xl" class="text-primary!">{{ $title }}</flux:heading>
    <flux:subheading class="text-zinc-500!">{{ $description }}</flux:subheading>
</div>
