complete story @12.1

resources/views/components/logo.blade.php

@@ -1,29 +1,17 @@
-@props(['size' => 'default', 'variant' => 'full'])
+@props(['size' => 'md'])
 
 @php
-$variants = [
-    'full' => 'logo.svg',
-    'reversed' => 'logo-reversed.svg',
-    'mono' => 'logo-mono.svg',
+$sizes = [
+    'sm' => 'h-10 w-10',    // 40px - Mobile nav
+    'md' => 'h-12 w-12',    // 48px - Desktop nav
+    'lg' => 'h-16 w-16',    // 64px - Footer
+    'xl' => 'h-20 w-20',    // 80px - Auth pages
 ];
-$logoFile = $variants[$variant] ?? $variants['full'];
+$sizeClass = $sizes[$size] ?? $sizes['md'];
 @endphp
 
-@if(file_exists(public_path('images/' . $logoFile)))
-    <img
-        src="{{ asset('images/' . $logoFile) }}"
-        alt="{{ __('LIBRA for Rights') }}"
-        @class([
-            'h-8' => $size === 'small',
-            'h-12' => $size === 'default',
-            'h-16' => $size === 'large',
-        ])
-    />
-@else
-    <span @class([
-        'font-bold text-off-white',
-        'text-lg' => $size === 'small',
-        'text-2xl' => $size === 'default',
-        'text-3xl' => $size === 'large',
-    ])>LIBRA</span>
-@endif
+<img
+    src="{{ asset('images/logo.png') }}"
+    alt="{{ __('LIBRA for Rights') }}"
+    {{ $attributes->merge(['class' => $sizeClass . ' object-contain']) }}
+/>