From 47f20c009bc69c6421276c6979f6c68e067b9e83 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Thu, 5 Mar 2026 15:02:50 -0800 Subject: [PATCH] Add hero illustration and structural addiction section - New Gemini-generated hero image: mushrooms decomposing money and shells into fertile soil (used as both OG thumbnail and hero section image) - New "Addicted to Extraction" section bridging systemic critique to mycoeconomics: war, oil, exploitation, and extractive finance vs open protocols of redistribution - Updated OG/Twitter metadata descriptions - Removed stale @vercel/analytics import Co-Authored-By: Claude Opus 4.6 --- app/layout.tsx | 12 +- app/page.tsx | 2 + components/hero-section.tsx | 13 ++ components/structural-addiction-section.tsx | 103 ++++++++++++++ pnpm-lock.yaml | 142 +++++++++----------- public/hero-mushrooms.png | Bin 0 -> 763452 bytes public/og-image.jpg | Bin 14628 -> 155369 bytes 7 files changed, 183 insertions(+), 89 deletions(-) create mode 100644 components/structural-addiction-section.tsx create mode 100644 public/hero-mushrooms.png diff --git a/app/layout.tsx b/app/layout.tsx index 051f99b..626504c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,7 +2,6 @@ import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" -import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import "./globals.css" @@ -10,22 +9,22 @@ export const metadata: Metadata = { metadataBase: new URL("https://trippinballs.lol"), title: "TrippinBalls.lol - Post-Capitalist Alternatives", description: - "Exploring mycoeconomics, permaculture currencies, and post-capitalist alternatives to neoliberalism. Society is trippin balls on extraction - let's find better ways.", + "Society is trippin balls — addicted to war, oil, and exploitation through extractive financial institutions. Mushrooms have been running open protocols of redistribution for a billion years. Let's learn from them.", generator: "v0.app", - keywords: "mycoeconomics, permaculture, post-capitalism, alternative economics, mutual aid, degrowth, commons", + keywords: "mycoeconomics, permaculture, post-capitalism, alternative economics, mutual aid, degrowth, commons, extractive finance, open protocols, redistribution", openGraph: { type: "website", locale: "en_US", url: "https://trippinballs.lol", title: "TrippinBalls.lol - Post-Capitalist Alternatives", - description: "Exploring mycoeconomics and post-capitalist alternatives to neoliberalism", + description: "Addicted to war, oil, and exploitation — structurally. Mushrooms have been running open redistribution protocols for a billion years. Let's learn from them.", siteName: "TrippinBalls.lol", images: [ { url: "/og-image.jpg", width: 1200, height: 630, - alt: "TrippinBalls.lol - Post-Capitalist Alternatives", + alt: "Society is Trippin Balls - A mushroom decomposing money and tank shells into new growth", }, ], }, @@ -33,7 +32,7 @@ export const metadata: Metadata = { card: "summary_large_image", title: "TrippinBalls.lol - Post-Capitalist Alternatives", description: - "Exploring mycoeconomics, permaculture currencies, and post-capitalist alternatives to neoliberalism. Society is trippin balls on extraction - let's find better ways.", + "Society is trippin balls — addicted to war, oil, and exploitation through extractive financial institutions. Mushrooms have been running open protocols of redistribution for a billion years. Let's learn from them.", images: ["/og-image.jpg"], }, icons: { @@ -50,7 +49,6 @@ export default function RootLayout({ {children} - ) diff --git a/app/page.tsx b/app/page.tsx index deacd4a..22d034e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,6 +2,7 @@ import { HeroSection } from "@/components/hero-section" import { MycoeconomicsSection } from "@/components/mycoeconomics-section" import { AlternativesSection } from "@/components/alternatives-section" import { CritiqueSection } from "@/components/critique-section" +import { StructuralAddictionSection } from "@/components/structural-addiction-section" import { CompostCapitalismSection } from "@/components/compost-capitalism-section" import { PostAppitalismSection } from "@/components/post-appitalism-section" import { ActionSection } from "@/components/action-section" @@ -14,6 +15,7 @@ export default function HomePage() { + diff --git a/components/hero-section.tsx b/components/hero-section.tsx index 0cff6d0..6ddc570 100644 --- a/components/hero-section.tsx +++ b/components/hero-section.tsx @@ -1,5 +1,6 @@ "use client" +import Image from "next/image" import { Button } from "@/components/ui/button" import { ArrowDown, Sparkles } from "lucide-react" @@ -35,6 +36,18 @@ export function HeroSection() { {" inspired by nature's wisdom."}

+ {/* Hero illustration */} +
+ Mushrooms growing from decomposing money and shell casings, transforming extraction into regeneration +
+