feat: implement Welcome component for improved page structure and user experience

Author: vinothkannans

app/page.tsx

@@ -1,16 +1,7 @@
-import Logomark from "@/components/logomark";
-import { appName } from "@/lib/const";
+import Welcome from "@/components/welcome";
 
 export default function Page() {
   return (
-    <div className="flex flex-col items-center justify-center p-24">
-      <div className="text-center">
-        <Logomark />
-        <h1 className="text-4xl font-bold mt-4">Welcome to {appName}</h1>
-        <p className="text-lg mt-2 text-muted-foreground">
-          Get started by building out your dashboard.
-        </p>
-      </div>
-    </div>
+    <Welcome />
   );
 }

components/welcome.tsx

@@ -0,0 +1,16 @@
+import { appName } from "@/lib/const";
+import Logomark from "./logomark";
+
+export default function Welcome() {
+  return (
+    <div className="flex flex-col items-center justify-center p-24">
+      <div className="text-center">
+        <Logomark />
+        <h1 className="text-3xl font-bold mt-4">Welcome to {appName}</h1>
+        <p className="mt-2 text-muted-foreground">
+          Get started by building out your dashboard.
+        </p>
+      </div>
+    </div>
+  )
+}