feat: add auth screens

src/routes/new.lazy.tsx

@@ -1,5 +1,39 @@
-import { createLazyFileRoute } from '@tanstack/react-router'
+import { createLazyFileRoute, Link } from "@tanstack/react-router";
 
-export const Route = createLazyFileRoute('/new')({
-  component: () => <div>Hello /new!</div>
-})
+export const Route = createLazyFileRoute("/new")({
+	component: Screen,
+});
+
+function Screen() {
+	return (
+		<div className="size-full flex items-center justify-center">
+			<div className="w-[320px] flex flex-col gap-8">
+				<div className="flex flex-col gap-1 text-center">
+					<h1 className="leading-tight text-xl font-semibold">
+						Direct Message client for Nostr.
+					</h1>
+				</div>
+				<div className="flex flex-col gap-3">
+					<Link
+						to="/create-account"
+						className="w-full h-10 bg-blue-500 hover:bg-blue-600 text-white rounded-lg inline-flex items-center justify-center shadow"
+					>
+						Create a new identity
+					</Link>
+					<Link
+						to="/nostr-connect"
+						className="w-full h-10 bg-white hover:bg-neutral-100 dark:hover:bg-neutral-950 dark:bg-neutral-900 rounded-lg inline-flex items-center justify-center"
+					>
+						Login with Nostr Connect
+					</Link>
+					<Link
+						to="/import-key"
+						className="w-full text-sm text-neutral-600 dark:text-neutral-400 inline-flex items-center justify-center"
+					>
+						Login with Private Key (not recommended)
+					</Link>
+				</div>
+			</div>
+		</div>
+	);
+}