3 files changed, 33 insertions, 1 deletions
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 0df5185..eb5399f 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -5,6 +5,7 @@ import {
   RouterProvider,
 } from 'react-router-dom';
 import Home from './routes/Home.tsx';
+import Login from './routes/Login.tsx';
 import GolfEntry from './routes/golf/GolfEntry.tsx';
 import GolfPlay from './routes/golf/GolfPlay.tsx';
 import GolfWatch from './routes/golf/GolfWatch.tsx';
@@ -15,6 +16,10 @@ const router = createBrowserRouter([
     element: (<Home />),
   },
   {
+    path: "/login/",
+    element: (<Login />),
+  },
+  {
     path: "/golf/entry/",
     element: (<GolfEntry />),
   },
diff --git a/frontend/src/routes/Home.tsx b/frontend/src/routes/Home.tsx
index a448ffa..62d66b5 100644
--- a/frontend/src/routes/Home.tsx
+++ b/frontend/src/routes/Home.tsx
@@ -1,7 +1,15 @@
+import { Link } from 'react-router-dom';
+
 export default function Home() {
   return (
     <div>
-      <h1>Home</h1>
+      <h1>Albatross.swift</h1>
+      <p>
+        iOSDC 2024
+      </p>
+      <p>
+        <Link to="/login/">Login</Link>
+      </p>
     </div>
   );
 };
diff --git a/frontend/src/routes/Login.tsx b/frontend/src/routes/Login.tsx
new file mode 100644
index 0000000..1945abe
--- /dev/null
+++ b/frontend/src/routes/Login.tsx
@@ -0,0 +1,19 @@
+import { Form } from "react-router-dom";
+
+export default function Login() {
+  return (
+    <div>
+      <h1>Albatross.swift</h1>
+      <h2>
+        Login
+      </h2>
+      <Form method="post">
+        <label>Username</label>
+        <input type="text" name="username" />
+        <label>Password</label>
+        <input type="password" name="password" />
+        <button type="submit">Login</button>
+      </Form>
+    </div>
+  );
+};