export default function Header() {
  return (
    <header className="mx-auto w-full bg-gray-100 px-6 pb-16 pt-24 text-center dark:bg-gray-800 sm:pb-20 sm:pt-28 lg:px-8 lg:pb-24 lg:pt-32">
      <div className='mx-auto max-w-2xl'>
      <h1 className="text-6xl font-bold text-gray-900 dark:text-gray-100 sm:text-7xl lg:text-8xl">
      Eterna
        </h1>
        <p className="mt-4 text-sm leading-8 text-gray-600 dark:text-gray-400 sm:mt-6 sm:text-base lg:text-lg">
          Just The Best
        </p>
      </div>
    </header>
  )
}