diff --git a/src/app/(web)/login/page.tsx b/src/app/(web)/login/page.tsx
new file mode 100644
index 0000000..e9099c9
--- /dev/null
+++ b/src/app/(web)/login/page.tsx
@@ -0,0 +1,25 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import Link from "next/link"
+
+export default function LoginPage() {
+	return (
+		<div className="min-h-screen flex bg-gray-100">
+			<Card className="h-1/4 w-1/4 mx-auto my-20">
+				<CardHeader className="text-center">
+					<CardTitle>Welcome</CardTitle>
+					<CardDescription>Choose your login type</CardDescription>
+				</CardHeader>
+				<CardContent className="flex flex-col gap-4">
+					<Button asChild className="w-full">
+						<Link href="/patient-login">Patient Login</Link>
+					</Button>
+					<Button asChild variant="outline" className="w-full">
+						<Link href="/doctor-login">Doctor Login</Link>
+					</Button>
+				</CardContent>
+			</Card>
+		</div>
+	)
+}
+
diff --git a/src/app/(web)/page.tsx b/src/app/(web)/page.tsx
index 91f3e21..d157fd8 100644
--- a/src/app/(web)/page.tsx
+++ b/src/app/(web)/page.tsx
@@ -3,7 +3,7 @@
 import { Hero } from "@/components/hero";
 import { Facts } from "@/components/facts";
 
-import SignupPage from './signup/page'
+import SignupPage from './login/page'
 import Link from "next/link";
 
 export default function Home() {
diff --git a/src/app/(web)/signup/page.tsx b/src/app/(web)/signup/page.tsx
deleted file mode 100644
index b9cbe65..0000000
--- a/src/app/(web)/signup/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import {
-    SignInButton,
-    SignedOut,
-  } from '@clerk/nextjs'
-  
-  export default function SignupPage() {
-    return (
-      <SignedOut>
-        <SignInButton />
-      </SignedOut>
-    )
-  }
\ No newline at end of file
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 9e511c1..fdc2034 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -3,11 +3,10 @@
 import * as React from "react"
 
 export function Footer() {
-
     return (
         <footer className="sticky bottom-0 w-full mx-auto py-2 px-4 row-start-3 flex gap-6 flex-wrap items-center justify-center border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
             <p>
-                Made with ❤️ by for Hoya Hacks 2025 
+                Made with ❤️ for Hoya Hacks 2025 
             </p>
         </footer>
     )