feat/ui: cinematic landing page and dynamic devtool-friendly bento structures

- Create highly responsive bento layouts (grid, card, pages)
- Integrate Livewire with Alpine and complex GSAP animations.
- Implement DevTool Dark theme values across Blade components.
- Enhance interactive elements, micro-interactions, API snippets logic natively.
- Apply semantic HTML and properly linked responsive Nav\/Footers sections structure

resources/views/components/bento/code-window.blade.php

@@ -0,0 +1,19 @@
+@props(['filename' => 'api-request.sh'])
+<div class="rounded-xl overflow-hidden border border-app-border bg-app-bg/80 backdrop-blur-sm shadow-2xl relative w-full mx-auto">
+    <!-- Window Controls -->
+    <div class="flex items-center px-4 py-3 border-b border-app-border bg-app-surface/50">
+        <div class="flex space-x-2">
+            <div class="w-3 h-3 rounded-full bg-red-500/80"></div>
+            <div class="w-3 h-3 rounded-full bg-yellow-500/80"></div>
+            <div class="w-3 h-3 rounded-full bg-green-500/80"></div>
+        </div>
+        <div class="ml-4 flex-1 text-center font-mono text-xs text-zinc-500 select-none">
+            {{ $filename }}
+        </div>
+    </div>
+    
+    <!-- Code Content -->
+    <div class="p-4 sm:p-6 overflow-x-auto font-mono text-sm leading-relaxed text-zinc-300">
+        {{ $slot }}
+    </div>
+</div>