Build a website for "Terra Foundation", a climate-restoration nonprofit.
STYLE
- Deep indigo-to-teal gradient hero (#0b1f3a → #0f766e) with a soft aurora glow
- White type on the hero, calm off-white body below
- One warm accent (amber #f59e0b) for the primary "Donate" CTA
LAYOUT
- Nav: "Terra" wordmark; links Mission (on) / Work / Stories; an amber "Donate" pill
- Full-bleed hero: indigo-to-teal gradient with a warm glow; kicker "CLIMATE RESTORATION", headline "Repair the ground beneath us", sub "We restore degraded land with the people who live on it."; amber "Donate now" + outlined "Read our story"
- Tall only: white impact band - KPIs 2.4M Trees planted / 380 Communities / 19k Volunteers and a campaign bar "Fall campaign - $1.8M of $2.5M raised" filled to 72%
COMPONENTS
- Nav: wordmark, three links, amber Donate pill
- Hero: kicker, headline, sub-line, Donate now + Read our story
- Impact band: three KPIs and a campaign progress bar
INTERACTION
- Amber is reserved for donate; KPIs count up once on view; the bar fills to 72%.
TECHNICAL
- React, Tailwind CSS, shadcn/ui