jeffemmett
/
compost-capitalism-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update hero title styling 

Restructure title with smaller, darker "it's time to" and larger, brighter "Compost" and "Capitalism"

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-02 19:59:15 +00:00
parent 1385d4ab47
commit 4efcbf9488
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/hero.tsx
View File

@ -15,12 +15,20 @@ export function Hero() {
<div className="container mx-auto px-4 py-20 relative z-10">
<div className="max-w-5xl mx-auto text-center space-y-8">
<h1
className="text-6xl md:text-8xl lg:text-9xl font-bold tracking-tight text-balance text-white"
style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
>
it's time to compost
<span className="block text-amber-200 mt-2">capitalism</span>
<h1 className="tracking-tight text-balance">
<span className="block text-2xl md:text-3xl lg:text-4xl font-medium text-white/70 mb-4">it's time to</span>
<span
className="block text-6xl md:text-8xl lg:text-9xl font-bold text-white"
style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
>
Compost
</span>
<span
className="block text-6xl md:text-8xl lg:text-9xl font-bold text-amber-200 mt-2"
style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
>
Capitalism
</span>
</h1>
<p className="text-xl md:text-2xl text-white/95 max-w-3xl mx-auto text-balance leading-relaxed">