feat: add x-fuel.* Blade components

resources/views/components/fuel/forecast.blade.php

@@ -0,0 +1,29 @@
+<div class="relative overflow-hidden rounded-2xl border border-[#e5ded7] bg-[#faf6f3] p-5 shadow-sm">
+    {{-- Pro badge --}}
+    <div class="mb-3 flex items-center justify-between">
+        <div>
+            <p class="text-[10px] font-bold uppercase tracking-widest text-[#89726c]">14-Day Forecast</p>
+            <h3 class="text-lg font-black text-[#4a3f3b]">Price Trend</h3>
+        </div>
+        <span class="rounded-full bg-[#bb5b3e] px-2.5 py-0.5 text-[11px] font-bold uppercase tracking-wide text-white">
+            Pro
+        </span>
+    </div>
+
+    {{-- Decorative squiggle chart --}}
+    <svg viewBox="0 0 200 60" class="mb-4 h-16 w-full opacity-40" fill="none" stroke="#bb5b3e" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="0,45 20,38 40,42 60,30 80,35 100,20 120,25 140,15 160,22 180,12 200,18" />
+    </svg>
+
+    {{-- Blurred overlay --}}
+    <div class="absolute inset-0 flex flex-col items-center justify-center rounded-2xl bg-[#faf6f3]/80 backdrop-blur-sm">
+        <iconify-icon icon="lucide:lock" class="mb-2 text-3xl text-[#bb5b3e]"></iconify-icon>
+        <p class="mb-3 text-sm font-bold text-[#4a3f3b]">14-day forecast is a Pro feature</p>
+        <a
+            href="{{ route('register') }}"
+            class="rounded-xl bg-[#bb5b3e] px-5 py-2.5 text-sm font-bold text-white shadow-md"
+        >
+            Unlock Forecast
+        </a>
+    </div>
+</div>