A gist for first Tailwind CSS page

index.js

export default function Home() {
  return (
    <main className="container mx-auto px-4">
      <div>
      <section className="py-12 px-4 text-center">
        <div className="w-full max-w-2xl mx-auto">
          <span className="text-sm font-semibold">Next.js + Tailwind CSS + Firebase Cloud Functions + Github Actions</span>
          < h2 className = "text-5xl mt-2 mb-6 leading-tight font-semibold font-heading" >Project Header</h2>
          <a className="text-indigo-600 hover:underline" href="#">Learn more &raquo;</a>
        </div>
      </section>
      </div>
    </main>
  )
}