PHP Rebuild

Initial PHP rebuild of the app

resources/views/components/layouts/public.blade.php

@@ -0,0 +1,18 @@
+@props(['business' => null])
+
+<!doctype html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="{{ $business?->themeColor ?? '#111b15' }}">
+    <title>{{ $business?->name ?? 'Book an Appointment' }}</title>
+    <script>window.FontAwesomeConfig = { autoReplaceSvg: 'nest' };</script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+</head>
+<body class="min-h-screen bg-stone text-ink">
+    {{ $slot }}
+</body>
+</html>

resources/views/components/layouts/staff.blade.php

@@ -0,0 +1,15 @@
+@props(['business'])
+
+<!doctype html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#111b15">
+    <title>{{ $business->shortName ?: $business->name }} · Staff</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+</head>
+<body class="min-h-screen bg-ink text-white">
+    {{ $slot }}
+</body>
+</html>

resources/views/components/ui/badge.blade.php

@@ -0,0 +1,11 @@
+@props(['tone' => 'default'])
+
+@php
+    $classes = match ($tone) {
+        'accent' => 'bg-emerald-50 text-accent-foreground',
+        'loyalty' => 'bg-amber-50 text-amber-800',
+        default => 'bg-stone text-muted',
+    };
+@endphp
+
+<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-3 py-1 text-[10px] font-bold uppercase tracking-widest {$classes}"]) }}>{{ $slot }}</span>

resources/views/components/ui/button.blade.php

@@ -0,0 +1,24 @@
+@props(['variant' => 'primary', 'href' => null, 'size' => 'md'])
+
+@php
+    $classes = match ($variant) {
+        'secondary' => 'border border-line bg-white text-ink hover:bg-stone',
+        'accent' => 'bg-accent text-white hover:brightness-95',
+        'ghost' => 'text-ink hover:bg-stone',
+        default => 'bg-ink text-white shadow-lg shadow-ink/10 hover:bg-black',
+    };
+    $sizeClasses = match ($size) {
+        'sm' => 'h-10 px-4 text-[10px]',
+        default => 'h-12 px-6 text-xs',
+    };
+@endphp
+
+@if ($href)
+    <a href="{{ $href }}" {{ $attributes->except('size')->merge(['class' => "inline-flex items-center justify-center gap-2 rounded-md font-bold uppercase tracking-widest transition-all {$sizeClasses} {$classes}"]) }}>
+        {{ $slot }}
+    </a>
+@else
+    <button {{ $attributes->except('size')->merge(['class' => "inline-flex items-center justify-center gap-2 rounded-md font-bold uppercase tracking-widest transition-all {$sizeClasses} {$classes}"]) }}>
+        {{ $slot }}
+    </button>
+@endif

resources/views/components/ui/card.blade.php

@@ -0,0 +1,3 @@
+<div {{ $attributes->merge(['class' => 'rounded-md border border-line bg-white shadow-sm']) }}>
+    {{ $slot }}
+</div>