import Link from 'next/link'

export default function Headers() {
  return (
    <div className="w-full">
      <nav className="container relative flex flex-wrap items-center justify-between mx-auto p-8">
        <Link href="/" className="font-bold text-3xl">
          Home
        </Link>
        <div className="space-x-4 text-xl">
          <Link href="/intro">Intro</Link>
          <Link href="/playground">Playground</Link>
          <Link href="/initSettingsModal">Basic Settings</Link>
          <Link href="/settings">Canvas Settings</Link>
          <Link href="/roof">Roof</Link>
          <Link href="/roof2">Roof2</Link>
        </div>
      </nav>
    </div>
  )
}