Enterprise Insights Feature Card

<div class="relative overflow-hidden bg-black/40 border-white/10 border rounded-2xl pt-6 pr-6 pb-6 pl-6">
      <div class="absolute inset-0 pointer-events-none" style="background:
          radial-gradient(220px 160px at 100% 0%, rgba(251,146,60,0.25), transparent 60%),
          radial-gradient(260px 180px at 0% 100%, rgba(34,197,94,0.10), transparent 70%),
          linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00))"></div>
      <h3 class="text-xl sm:text-2xl lg:text-3xl tracking-tight" style="font-weight: 600">Enterprise Insights</h3>
      <p class="mt-2 text-sm sm:text-base text-gray-300">Automate everything from workflow optimization to real‑time sentiment analysis and market monitoring.</p>

      <div class="mt-5 rounded-xl bg-white/5 border border-white/10 p-4">
        <div class="flex flex-wrap items-center gap-2 mb-3">
          <div class="inline-flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-black/40 border border-white/10">
            <span class="inline-flex h-6 w-6 items-center justify-center rounded bg-orange-500/20 ring-1 ring-white/10 flex-shrink-0">
              <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="flame" class="lucide lucide-flame w-3.5 h-3.5"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z" class=""></path></svg>
            </span>
            <span class="text-xs font-medium">Your Brand</span>
            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="badge-check" class="lucide lucide-badge-check w-3.5 h-3.5 text-yellow-300 flex-shrink-0"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" class=""></path><path d="m9 12 2 2 4-4" class=""></path></svg>
          </div>
          <div class="inline-flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-black/40 border border-white/10">
            <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/e7518623-5aeb-4f28-bace-436a99f814d4_320w.jpg" alt="Avatar" class="w-6 h-6 rounded ring-1 ring-white/10 flex-shrink-0 object-cover">
            <span class="text-xs font-medium">Robinson jr</span>
          </div>
        </div>
        <div class="mt-3 rounded-lg bg-gradient-to-b from-gray-900/60 to-transparent h-24 border border-white/10 overflow-hidden">
          <svg viewBox="0 0 400 96" class="w-full h-full">
            <defs class="">
              
            </defs>
            <path d="M0 70 C60 30, 120 85, 180 48 S300 70, 400 40" stroke="#818cf8" stroke-width="2" fill="url(#aiGrad)" class=""></path>
          </svg>
        </div>
      </div>

      <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 gap-2">
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span>Web Business</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span class="">E‑commerce Brands</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span>SAAS Startup's</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span class="">Tech Innovators</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span class="">Marketing Agencies</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
        <div class="flex items-center justify-between px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-xs">
          <span class="">Creative Studios</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="trending-up" class="lucide lucide-trending-up w-3.5 h-3.5 text-blue-300 flex-shrink-0"><path d="M16 7h6v6" class=""></path><path d="m22 7-8.5 8.5-5-5L2 17" class=""></path></svg>
        </div>
      </div>
    </div>