Tailwind CSSGet Started with Tailwind v4

Building Templates for the Web

Clean, modern building templates. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

A clean hero section with a large headline.
hero-01
Files
app/hero/page.tsx
import React from "react"

import { Hero } from "./components/hero"

export default function HeroPage() {
  return (
    <div className="h-screen flex flex-col items-center justify-center space-y-6">
      <Hero />
    </div>
  )
}