Stable run with tailwind

2026-07-18 12:08:14 +02:00
parent c9a5d3a79c
commit e3a735acda
116 changed files with 8230 additions and 66158 deletions
@@ -1,35 +1,33 @@
-@page "/not-found"
-@inject NavigationManager Navigation
+@namespace MidrandBooks.Components.Pages
+@using Microsoft.AspNetCore.Components

-<div class="artistic-404-container">
-    <div class="container h-100">
-        <div class="row align-items-center justify-content-center min-vh-70 py-5">
-
-            <div class="col-12 col-md-5 d-flex justify-content-center mb-5 mb-md-0">
-                <div class="artistic-svg-wrapper">
-                    <svg viewBox="0 0 400 400" width="350" height="350" stroke="#1A1A1A" stroke-width="2" fill="none">
-                        <path d="M60 80 Q80 60 100 80" />
-                        <path d="M100 60 Q120 40 140 60" />
-                        <path d="M280 70 Q300 50 320 70" />
-
-                        <path d="M100 200 L200 180 L300 200 L300 300 L200 320 L100 300 Z" fill="#F8F8F8" />
-                        <path d="M200 180 L200 320" />
-                        <path d="M120 220 L180 220 M120 250 L180 250 M220 220 L280 220 M220 250 L280 250" stroke="#DDD" />
-
-                        <circle cx="230" cy="230" r="40" />
-                        <line x1="258" y1="258" x2="290" y2="290" />
-                    </svg>
-                </div>
-            </div>
-
-            <div class="col-12 col-md-6 offset-md-1">
-                <div class="meta-tag font-monospace text-uppercase text-muted mb-3">System Index // Uncharted Territory</div>
-                <h1 class="display-4 text-dark mb-4 editorial-headline">Nothing was found<br />in this search.</h1>
-                <p class="text-muted mb-5 body-manifesto-text">
-                    Even with careful scrutiny, the requested volume remains elusive. It appears the shelf you are exploring is currently vacant.
-                </p>
-                <button class="btn btn-dark rounded-pill px-5 py-3" @onclick='() => Navigation.NavigateTo("/")'>Return to Collection</button>
-            </div>
-        </div>
+<div id="notfound-razor" class="w-full max-w-xl mx-auto px-4 py-16 text-center space-y-6">
+    <div class="mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-slate-100 text-slate-400 border border-slate-200/60">
+        <svg class="h-10 w-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+        </svg>
    </div>
-</div>
+
+    <div class="space-y-2">
+        <h2 class="font-serif text-3xl font-extrabold text-slate-800 tracking-tight">404</h2>
+        <h3 class="font-serif text-lg font-bold text-slate-700">Page Not Found</h3>
+        <p class="text-xs text-slate-500 max-w-sm mx-auto leading-relaxed">
+            The literary masterpiece or digital section you are trying to find doesn't exist or has been relocated to another shelf.
+        </p>
+    </div>
+
+    <div class="flex justify-center gap-3 pt-2">
+        <button @onclick="HandleBackToHome" class="px-5 py-2 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-bold text-xs transition-all shadow-md cursor-pointer">
+            Return to Storefront
+        </button>
+    </div>
+</div>
+
+@code {
+    [Parameter] public EventCallback OnBackToHome { get; set; }
+
+    private async Task HandleBackToHome()
+    {
+        await OnBackToHome.InvokeAsync();
+    }
+}