mirror of
https://github.com/vercel/next-learn.git
synced 2026-07-08 06:28:41 +00:00
4376abb821
* Run create-next-app * Add READMEs * Remove stuff we don't need * Add dummy data * Add types for dummy data * Add dummy routes * Remove unused CSS * Split dummy data and definitions * Add prettier plugin for tailwind * Create background-blur.tsx * Create hero.tsx * Create login-form.tsx * Tweak * Fix ts error
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import BackgroundBlur from "@/app/ui/background-blur";
|
|
|
|
export default function Hero() {
|
|
return (
|
|
<>
|
|
<div className="mx-auto mt-20 flex flex-col items-center space-y-6 p-2 md:w-1/3">
|
|
<BackgroundBlur />
|
|
<h1 className="text-center text-4xl font-bold tracking-tight text-zinc-900 sm:text-5xl">
|
|
Next.js Dashboard
|
|
</h1>
|
|
<p className="text-center leading-6 text-zinc-900">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate
|
|
dapibus consectetur. Duis quis eros euismod.
|
|
</p>
|
|
<a href="/login">
|
|
<button className="rounded-md bg-black px-4 py-2 text-sm font-semibold text-white hover:bg-zinc-700">
|
|
Log in
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
<div className="mx-auto mt-12 w-full px-4 lg:w-2/3">
|
|
<img
|
|
src="https://vercel.com/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Finsights%2Fanalytics_dashboard.png&w=3840&q=75&dpl=dpl_9Tp4gaAJ1QFc4eSRJ99UwWvWgZ73"
|
|
alt="Dashboard image"
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|