Update template page layout and copy

app/page.tsx

@@ -2,8 +2,8 @@ import Image from "next/image";
 
 export default function Home() {
   return (
-    <div className="flex min-h-screen flex-col items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex flex-1 w-full max-w-3xl flex-col items-center py-16 px-16 bg-white dark:bg-black sm:items-start">
+    <div className="flex min-h-screen flex-col items-center justify-center bg-white font-sans dark:bg-black">
+      <main className="flex w-full max-w-6xl flex-1 flex-col items-center bg-white px-16 py-16 dark:bg-black sm:items-start">
         <Image
           className="dark:invert"
           src="/next.svg"
@@ -14,10 +14,10 @@ export default function Home() {
         />
         <div className="flex flex-1 flex-col items-center justify-center gap-6 text-center sm:items-start sm:text-left">
           <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit this page at app/page.tsx
+            Start prompting
           </h1>
           <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            This is a template page for Next.js 16 using tailwind css and shadcn.
+            Next.js 16 template built with tailwind css and shadcn.
           </p>
         </div>
       </main>