From 7c8ddbb34d5f1d6dc8ded710ef7c9ef4f372a2ae Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Wed, 16 Nov 2022 16:48:09 +0700
Subject: Login & Register page

---
 src/pages/register.js | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/pages/register.js

(limited to 'src/pages/register.js')
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
-- 
cgit v1.2.3

