diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-16 16:48:09 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-16 16:48:09 +0700 |
| commit | 7c8ddbb34d5f1d6dc8ded710ef7c9ef4f372a2ae (patch) | |
| tree | bddc4eaa8ef77456189a36e5b111f5ba4d3014be | |
| parent | 4cb15e7808892f3802c82762127e27b847064b06 (diff) | |
Login & Register page
| -rw-r--r-- | src/pages/login.js | 36 | ||||
| -rw-r--r-- | src/pages/register.js | 38 |
2 files changed, 74 insertions, 0 deletions
diff --git a/src/pages/login.js b/src/pages/login.js new file mode 100644 index 00000000..2a57c737 --- /dev/null +++ b/src/pages/login.js @@ -0,0 +1,36 @@ +import Head from "next/head"; +import Image from "next/image"; +import Link from "next/link"; +import Logo from "../images/logo.png"; + +export default function Login() { + return ( + <> + <Head> + <title>Masuk - Indoteknik</title> + </Head> + <main className="max-w-lg mx-auto flex flex-col items-center px-4"> + <Link href="/" className="mt-16"> + <Image src={Logo} alt="Logo Indoteknik" width={165} height={42} /> + </Link> + <h1 className="text-xl sm:text-2xl text-gray-900 mt-4">Mulai Belanja Sekarang</h1> + <h2 className="text-gray-800 mt-2 mb-4">Masuk ke akun kamu untuk belanja</h2> + <input + type="text" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="johndoe@gmail.com" + /> + <input + type="password" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="**********" + /> + <div className="flex justify-end mt-4 w-full"> + <Link href="/forgot-password" className="text-sm">Lupa kata sandi?</Link> + </div> + <button className="btn-yellow font-semibold mt-4 w-full">Masuk</button> + <p className="text-gray-700 mt-4 text-sm">Belum punya akun Indoteknik? <Link href="/register">Daftar</Link></p> + </main> + </> + ) +}
\ No newline at end of file diff --git a/src/pages/register.js b/src/pages/register.js new file mode 100644 index 00000000..23fe37b4 --- /dev/null +++ b/src/pages/register.js @@ -0,0 +1,38 @@ +import Head from "next/head"; +import Image from "next/image"; +import Link from "next/link"; +import Logo from "../images/logo.png"; + +export default function Login() { + return ( + <> + <Head> + <title>Daftar - Indoteknik</title> + </Head> + <main className="max-w-lg mx-auto flex flex-col items-center px-4"> + <Link href="/" className="mt-16"> + <Image src={Logo} alt="Logo Indoteknik" width={165} height={42} /> + </Link> + <h1 className="text-xl sm:text-2xl text-gray-900 mt-4 text-center">Mudahkan Pembelian dengan Indoteknik</h1> + <h2 className="text-gray-800 mt-2 mb-4">Daftar untuk melanjutkan</h2> + <input + type="text" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="johndoe@gmail.com" + /> + <input + type="text" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="John Doe" + /> + <input + type="password" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="**********" + /> + <button className="btn-yellow font-semibold mt-4 w-full">Daftar</button> + <p className="text-gray-700 mt-4 text-sm">Sudah punya akun Indoteknik? <Link href="/login">Masuk</Link></p> + </main> + </> + ) +}
\ No newline at end of file |