first commit

app/(auth)/login/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import CustomLoginForm from "./CustomLoginForm";
+import SigninButton from "./SigninButton";
+import { useState } from "react";
+import { handleGoogleLogin } from "@/app/actions/GoogleAction";
+
+const LoginPage = () => {
+  const [elogin, setElogin] = useState(false);
+  const ShowEmailLogin = () => {
+    setElogin(!elogin);
+  };
+
+  return (
+    <>
+      <h2 className="card-title text-2xl justify-center w-full">
+        Please Sign In
+      </h2>
+      <form className="mt-4">
+        <SigninButton
+          text="Google"
+          style="btn btn-primary w-full"
+          formAction={handleGoogleLogin}
+        />
+      </form>
+      <div className="mt-4">
+        <SigninButton
+          text="Email"
+          style="btn btn-primary w-full"
+          callback={ShowEmailLogin}
+        />
+      </div>
+      <div className="mt-4">{elogin ? <CustomLoginForm /> : ""}</div>
+    </>
+  );
+};
+
+export default LoginPage;