settings->scheme?->attributes() }}>
@if ($section->settings->heading)
liveUpdate()->text('heading') }}
>
{{ $section->settings->heading }}
@endif
@php
$columnsDesktop = $section->settings->columns_desktop ?? 3;
$columnsMobile = $section->settings->columns_mobile ?? 1;
$imageRatio = match ($section->settings->image_ratio) {
'portrait' => 'aspect-[3/4]',
'landscape' => 'aspect-[4/3]',
default => 'aspect-square',
};
$verticalAlign = match ($section->settings->text_alignment_vertical ?? 'bottom') {
'top' => 'items-start',
'center' => 'items-center',
'bottom' => 'items-end',
};
$horizontalAlign = match ($section->settings->text_alignment_horizontal ?? 'center') {
'start' => 'justify-start',
'end' => 'justify-end',
default => 'justify-center',
};
$mobileGridClass = match ($columnsMobile) {
1 => 'grid-cols-1',
2 => 'grid-cols-2',
default => 'grid-cols-2',
};
$desktopGridClass = match ($columnsDesktop) {
1 => 'md:grid-cols-1',
2 => 'md:grid-cols-2',
3 => 'md:grid-cols-3',
4 => 'md:grid-cols-4',
5 => 'md:grid-cols-5',
6 => 'md:grid-cols-6',
default => 'md:grid-cols-3',
};
@endphp