src/app/login/page.tsx

@@ -46,12 +46,7 @@ export default function LoginForm() {
 
 	return (
 		<>
-			{submitted ? <>
-				<h1>Logging in...</h1>
-				<Button asChild>
-					<Link href={redirect}>Continue</Link>
-				</Button>
-			</> :
+			{submitted ? <p>Logging in...</p> :
 				<Form {...form}>
 					<form onSubmit={onSubmit} className="mt-20 flex flex-col items-center space-y-6">
 						<FormField

src/app/page.tsx

@@ -1,28 +1,13 @@
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
+import Image from "next/image";
+import styles from "./page.module.css";
 
 export default function Home() {
   return (
-    <main className="flex flex-col items-center justify-around h-60 w-26">
-      < div >
-        <h1 className="text-3xl font-black">
-          Welcome to Subman
+    <main className={styles.main}>
+      Hello
+      <h1 className="text-3xl font-black underline">
+        Hello world!
       </h1>
-      </div >
-      <div>
-        <p className="mb-6">
-          This app is for demonstration purposes only. Data is reset periodically.
-        </p>
-        <p>
-          USERNAME: demo@demo.demo
-        </p>
-        <p>
-          PASSWORD: password
-        </p>
-      </div>
-      <Button className="mt-6">
-        <Link href="/login">Log in</Link>
-      </Button>
     </main>
   );
 }

src/app/tailwind.css

@@ -781,10 +781,6 @@ body {
   margin-top: 1.5rem;
 }
 
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
 .block {
   display: block;
 }
@@ -887,10 +883,6 @@ body {
   height: 100vh;
 }
 
-.h-60 {
-  height: 15rem;
-}
-
 .max-h-96 {
   max-height: 24rem;
 }
@@ -976,14 +968,6 @@ body {
   width: 100vw;
 }
 
-.w-14 {
-  width: 3.5rem;
-}
-
-.w-20 {
-  width: 5rem;
-}
-
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1141,10 +1125,6 @@ body {
   justify-content: space-around;
 }
 
-.justify-items-center {
-  justify-items: center;
-}
-
 .gap-1 {
   gap: 0.25rem;
 }