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/grid.blade.php

@@ -0,0 +1,22 @@
+<section id="features" class="py-20 relative z-10">
+    <div class="container mx-auto px-4 lg:px-8 max-w-7xl">
+        <!-- Section Header -->
+        <div class="mb-12 md:mb-20 flex flex-col items-center text-center">
+            <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-pink-500/10 border border-pink-500/20 mb-6 group/badge">
+                <div class="w-1.5 h-1.5 rounded-full bg-pink-500 animate-pulse ring-4 ring-pink-500/20"></div>
+                <span class="text-[10px] font-bold tracking-widest text-pink-500 uppercase">Capabilities</span>
+            </div>
+            <h2 class="text-3xl md:text-5xl lg:text-6xl font-bold tracking-tight text-white mb-6">
+                Everything you need, <span class="text-zinc-500">nothing you don't.</span>
+            </h2>
+            <p class="text-zinc-400 max-w-2xl text-sm md:text-lg leading-relaxed">
+                Imail is built for the modern web. From instant API access to premium Gmail domains, 
+                we've automated the friction out of temporary email management.
+            </p>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6 auto-rows-auto md:auto-rows-[minmax(320px,auto)]">
+            {{ $slot }}
+        </div>
+    </div>
+</section>