---
interface Props {
  icon: string;
  title: string;
  description: string;
}

const { icon, title, description } = Astro.props;
---

<div class="mb-8">
  <div class="flex items-center gap-4 mb-2">
    <span class="text-6xl">{icon}</span>
    <div>
      <h1 class="text-4xl font-bold text-gold-500">{title}</h1>
      <p class="text-gray-300 mt-1">{description}</p>
    </div>
  </div>
</div>
