<div class="flex items-center justify-center min-h-screen bg-gradient-to-br from-cyan-500 to-blue-600 p-8">
  <div class="bg-white rounded-2xl shadow-2xl p-8 max-w-md text-center">
    <div class="w-16 h-16 mx-auto mb-4 rounded-full bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center">
      <svg class="w-8 h-8 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
      </svg>
    </div>
    <h1 class="text-2xl font-bold text-slate-800 mb-2">Your Tailwind Component</h1>
    <p class="text-slate-500">Start editing on the left to see the preview update live.</p>
  </div>
</div>