holiday message

resources/views/components/on-holiday.blade.php

@@ -0,0 +1,19 @@
+@props(['item' => 'results', 'search', 'message', 'title'])
+
+@php
+if(!isset($message)) {
+    if(!isset($search) || $search == '')
+        $message = "We couldn't find any $item";
+    else
+        $message = "We couldn't find any $item matching \"$search\"";
+}
+
+if(!isset($title)) {
+    $title = "No results found";
+}
+@endphp
+
+<div class="flex flex-col items-center my-8 w-full">
+    <i class="text-gray-300 mb-6 text-8xl fa-solid fa-cat"></i>
+    <p class="text-gray-500 mt-2">No workshops coming up. We’re on a short break, mostly by playing with the cat.</p>
+</div>

resources/views/home.blade.php

@@ -12,7 +12,7 @@
         <x-container>
             <h2 class="text-2xl font-bold mb-6">Upcoming workshops</h2>
             @if($workshops->isEmpty())
-                <x-none-found item="workshops" message="No workshops have been scheduled at this time" title="" />
+                <x-on-holiday />
             @else
                 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
                     @foreach($workshops as $index => $workshop)