Prompt a Landing Page
beginner~10 min0/4 steps
Instructions
1
Add a hero container div with min-h-screen, gradient background (from-purple-900 to gray-900), and flex centering
Hint: Use: `<div class="min-h-screen bg-gradient-to-br from-purple-900 via-gray-900 to-gray-900 flex items-center justify-center px-4">` — this creates a full-height section with your gradient
2
Inside the hero, add an h1 headline with your name and a p subtitle with your title/role
3
Add a descriptive paragraph (p tag) with a tagline about what you do (300 chars max)
4
Add a CTA button with gradient styling and hover effects
Your Code
html
1
2
3
4
5
6
7
8
9
10
11
12
13
Live Preview
Live Preview