From 4efcbf94887d607a2e987c1aebcb24af7f32ebd1 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Sun, 2 Nov 2025 19:59:15 +0000
Subject: [PATCH] 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>
---
 components/hero.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/hero.tsx b/components/hero.tsx
index c54c4dd..e98a13c 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -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">