Implemented a block editor for changing the layout of the page

resources/views/components/blocks/cta-banner.blade.php

@@ -0,0 +1,37 @@
+@props([
+    'block',
+    'page' => null,
+    'pageState' => 'active',
+])
+
+@php
+    /** @var \App\Models\PageBlock $block */
+    /** @var \App\Models\PreregistrationPage|null $page */
+    $c = $block->content ?? [];
+    $url = (string) data_get($c, 'button_url', '#');
+    if ($pageState === 'expired' && $page !== null && filled($page->ticketshop_url)) {
+        $url = $page->ticketshop_url;
+    }
+    $btnColor = (string) data_get($c, 'button_color', '#F47B20');
+    $style = (string) data_get($c, 'style', 'inline');
+    $flexClass = $style === 'stacked' ? 'flex-col gap-3' : 'flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4';
+@endphp
+
+<div class="w-full rounded-2xl border border-white/15 bg-black/35 px-4 py-4 sm:px-5" x-show="phase !== 'thanks'" x-cloak>
+    <div class="flex {{ $flexClass }}">
+        @if (filled(data_get($c, 'text')))
+            <p class="text-center text-sm font-medium text-white sm:text-left sm:text-base">{{ data_get($c, 'text') }}</p>
+        @endif
+        <div class="flex justify-center sm:justify-end">
+            <a
+                href="{{ e($url) }}"
+                class="inline-flex min-h-[48px] items-center justify-center rounded-xl px-6 py-3 text-sm font-bold text-white shadow-lg transition hover:scale-[1.02] hover:brightness-110 focus:outline-none focus:ring-2 focus:ring-white/40"
+                style="background-color: {{ e($btnColor) }};"
+                target="_blank"
+                rel="noopener noreferrer"
+            >
+                {{ data_get($c, 'button_label') }}
+            </a>
+        </div>
+    </div>
+</div>