base page

app/page.tsx

@@ -1,9 +1,5 @@
-import Image from "next/image";
+import { redirect } from "next/navigation";
 
 export default function Home() {
-  return (
+  redirect("/welcome");
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex"></div>
-    </main>
-  );
 }

app/welcome/layout.tsx

@@ -0,0 +1,11 @@
+export default function Layout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <div className="flex flex-col h-screen w-screen block bg-emerald-950 text-neutral-300">
+      <div className="m-4 md:my-16 md:mx-auto max-w-96">{children}</div>
+    </div>
+  );
+}

app/welcome/page.tsx

@@ -0,0 +1,12 @@
+export default function Home() {
+  return (
+    <div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-emerald-900 border-emerald-700 ">
+      <div className="flex flex-col">
+        <span className="text-4xl font-bold">📅 Track Every Day</span>
+        <span className="mt-4 text-center">
+          A web app for logging your habits, vices and activities.
+        </span>
+      </div>
+    </div>
+  );
+}