frontend/nextjs-vercel
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Simplify landing hero and clarify sandbox guidance in agent docs

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Rami Bitar
2026-06-28 18:44:18 -04:00
parent 7467cdce3f
commit 839d9fdb55
3 changed files with 15 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/page.tsx
View File

@@ -3,7 +3,7 @@ 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 justify-between gap-20 py-32 px-16 bg-white dark:bg-black sm:items-start">
<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">
<Image
className="dark:invert"
src="/next.svg"
@@ -12,29 +12,15 @@ export default function Home() {
height={20}
priority
/>
<div className="flex flex-col items-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">
To get started, use the chat panel to make edits.
Build with AI. Ship instantly.
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
Describe what you want to build and watch it come to life. Just
start typing in the chat to shape your app, one idea at a time.
Describe your idea and watch it come to life — just start typing in
the chat.
</p>
</div>
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
<button
type="button"
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
>
Primary Button
</button>
<button
type="button"
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
>
Secondary Button
</button>
</div>
</main>
</div>
);