client/pages/index.tsx

30 lines
771 B
TypeScript
Raw Permalink Normal View History

2022-04-24 23:12:11 +02:00
import type { NextPage } from 'next'
import Link from 'next/link'
import { FC } from 'react'
interface CtaLinkProps {
page: string
}
const CtaLink: FC<CtaLinkProps> = (props) => (
<Link href={props.page}>
<a className="underline hover:text-gray-200">{props.children}</a>
</Link>
)
const Home: NextPage = () => {
return (
<div className="flex min-h-screen flex-col items-center justify-center bg-pink-400">
<main className="space-y-8 flex flex-col items-center">
<h1 className="text-6xl">Wishes</h1>
<div className="space-x-3">
<CtaLink page="/sign-up">Create account</CtaLink>
<span>or</span>
<CtaLink page="/sign-in">Login</CtaLink>
</div>
</main>
</div>
)
}
export default Home