From 247693dce282053c05f973a335e0a3089270370f Mon Sep 17 00:00:00 2001
From: Ethan Niser <ethan@niser.com>
Date: Fri, 18 Oct 2024 00:56:47 -0400
Subject: [PATCH] add order history page

---
 src/app/order-history/page.tsx | 44 ++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/app/order-history/page.tsx

diff --git a/src/app/order-history/page.tsx b/src/app/order-history/page.tsx
new file mode 100644
index 0000000..ddd852f
--- /dev/null
+++ b/src/app/order-history/page.tsx
@@ -0,0 +1,44 @@
+export default function Page() {
+  return (
+    <div className="min-h-screen p-4">
+      <div className="mx-auto flex max-w-md flex-col gap-4">
+        <h1 className="font-futura text-2xl text-green-800">ORDER HISTORY</h1>
+        <p className="font-semibold text-green-800">
+          Log in to view order history
+        </p>
+        <input
+          type="email"
+          placeholder="Email"
+          className="w-full border border-black p-2 pr-16 outline-none"
+        />
+        <div className="relative">
+          <input
+            type="password"
+            placeholder="Password"
+            className="w-full border border-black p-2 pr-16 outline-none"
+          />
+          <div className="absolute right-2 top-1/2 -translate-y-1/2 text-sm text-gray-600">
+            show
+          </div>
+        </div>
+        <div className="flex justify-between space-x-2">
+          <div className="flex flex-row items-center justify-center space-x-2">
+            <input type="checkbox" id="stay-logged-in" className="border" />
+            <label htmlFor="stay-logged-in" className="text-sm">
+              Stay logged in
+            </label>
+          </div>
+          <div className="text-sm underline hover:bg-yellow-100">
+            Reset Password
+          </div>
+        </div>
+        <div className="w-full rounded-sm bg-green-700 p-2 text-center font-bold text-white hover:bg-green-800">
+          Log in
+        </div>
+        <div className="w-full rounded-sm border border-green-800 p-2 text-center font-bold text-green-800 hover:bg-gray-100">
+          Create login
+        </div>
+      </div>
+    </div>
+  );
+}