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

<div class="relative z-20 w-full mx-auto lg:mx-0">
  <h1
    class="text-2xl font-bold text-center tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-3xl lg:text-4xl"
  >
    {title}
  </h1>
  <p
    class="mt-3 text-sm leading-6 text-center text-neutral-600 dark:text-neutral-400 sm:mt-4 lg:mt-6 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
  >
    {description}
  </p>
</div>