Phase 1 UI system

2026-07-10 12:56:04 -05:00
parent 2ee16a6469
commit b45a9eccd6
30 changed files with 324 additions and 292 deletions
@@ -0,0 +1,19 @@
+@props(['eyebrow' => null, 'title', 'description' => null])
+
+<div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
+    <div>
+        @if ($eyebrow)
+            <p class="text-sm font-semibold uppercase tracking-wide text-sky-700 dark:text-sky-300">{{ $eyebrow }}</p>
+        @endif
+        <h1 class="text-2xl font-semibold tracking-tight text-slate-950 dark:text-white">{{ $title }}</h1>
+        @if ($description)
+            <p class="mt-2 max-w-3xl text-sm leading-6 text-slate-600 dark:text-slate-400">{{ $description }}</p>
+        @endif
+    </div>
+
+    @if (trim($slot) !== '')
+        <div class="flex flex-wrap items-center gap-2">
+            {{ $slot }}
+        </div>
+    @endif
+</div>