Update template page layout and copy

This commit is contained in:
Rami Bitar
2026-09-05 20:25:20 -04:00
parent d5e463a665
commit a6f0b33934
+4 -4
View File
@@ -2,8 +2,8 @@ import Image from "next/image";
export default function Home() { export default function Home() {
return ( return (
<div className="flex min-h-screen flex-col items-center justify-center bg-zinc-50 font-sans dark:bg-black"> <div className="flex min-h-screen flex-col items-center justify-center bg-white 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"> <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 <Image
className="dark:invert" className="dark:invert"
src="/next.svg" 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"> <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"> <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> </h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400"> <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> </p>
</div> </div>
</main> </main>