💄 create login page

widgets/login/card.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import { Button, Card, Divider, input, Input } from "@heroui/react";
+
+const LoginCard = () => {
+  return (
+    <Card className="px-8 py-12">
+      <h1 className="text-3xl font-light text-center">Welcome Back</h1>
+      <Input
+        className="w-[420px] mt-8"
+        label="Email"
+        type="email"
+        variant="bordered"
+        classNames={{
+          input: "text-md font-light pt-4",
+          inputWrapper: "flex gap-10",
+        }}
+      />
+      <Button className="mt-4" color="primary">
+        Sign In
+      </Button>
+      <div className="flex w-full items-center mt-6">
+        <Divider className="flex-1" />
+        <span className="px-2 text-neutral-500 text-sm">or</span>
+        <Divider className="flex-1" />
+      </div>
+    </Card>
+  );
+};
+
+export default LoginCard;