Add base app
This commit is contained in:
29
pages/index.tsx
Normal file
29
pages/index.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
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
|
Reference in New Issue
Block a user