feat: add 'Redirect Your Subscriptions' section

Adds new section before footer encouraging users to support real artists
instead of extractive corporate gatekeepers:
- Filmworkers Unions (strike funds, worker cooperatives)
- Local Arts Funds (theaters, galleries, indie creators)
- Direct to Artists (Patreon, Bandcamp, Ko-fi)

Includes callout with streaming cost breakdown ($180/year to corporations)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/page.tsx

@@ -1,6 +1,6 @@
 import { Button } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
-import { Film, Music, Server, Users, Heart, Rocket, Tv, Home, FolderGitIcon as SolidarityFistIcon } from "lucide-react"
+import { Film, Music, Server, Users, Heart, Rocket, Tv, Home, FolderGitIcon as SolidarityFistIcon, HandHeart, Landmark, Palette } from "lucide-react"
 import { JefflixLogo } from "@/components/jefflix-logo"
 
 export default function JefflixPage() {
@@ -238,6 +238,80 @@ export default function JefflixPage() {
         </div>
       </section>
 
+      {/* Support Real Artists Section */}
+      <section className="py-16 md:py-24 border-t border-border">
+        <div className="container mx-auto px-4">
+          <div className="max-w-5xl mx-auto">
+            <div className="text-center mb-12">
+              <div className="inline-block p-6 bg-yellow-100 dark:bg-yellow-900/30 rounded-full mb-6">
+                <HandHeart className="h-12 w-12 text-yellow-600 dark:text-yellow-400" strokeWidth={2.5} />
+              </div>
+              <h2 className="text-3xl md:text-3xl font-black text-balance mb-4 font-marker">Redirect Your Subscriptions</h2>
+              <p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
+                Your streaming dollars mostly feed corporate executives and shareholders—not the artists creating the work you love.
+                Cancel the middlemen. Support creators directly.
+              </p>
+            </div>
+
+            <div className="grid md:grid-cols-3 gap-8 mb-12">
+              <div className="bg-card p-8 rounded-lg border-2 border-border shadow-sm hover:shadow-md transition-shadow">
+                <div className="flex flex-col items-center text-center space-y-4">
+                  <div className="p-4 bg-orange-100 dark:bg-orange-900/30 rounded-full">
+                    <Landmark className="h-8 w-8 text-orange-600 dark:text-orange-400" strokeWidth={2.5} />
+                  </div>
+                  <h3 className="text-xl font-bold">Filmworkers Unions</h3>
+                  <p className="text-muted-foreground leading-relaxed">
+                    Support strike funds, mutual aid networks, and worker-owned cooperatives fighting for fair wages in Hollywood and beyond.
+                  </p>
+                </div>
+              </div>
+
+              <div className="bg-card p-8 rounded-lg border-2 border-border shadow-sm hover:shadow-md transition-shadow">
+                <div className="flex flex-col items-center text-center space-y-4">
+                  <div className="p-4 bg-pink-100 dark:bg-pink-900/30 rounded-full">
+                    <Palette className="h-8 w-8 text-pink-600 dark:text-pink-400" strokeWidth={2.5} />
+                  </div>
+                  <h3 className="text-xl font-bold">Local Arts Funds</h3>
+                  <p className="text-muted-foreground leading-relaxed">
+                    Fund artists in your community creating real work—theaters, galleries, independent filmmakers, and musicians who need it most.
+                  </p>
+                </div>
+              </div>
+
+              <div className="bg-card p-8 rounded-lg border-2 border-border shadow-sm hover:shadow-md transition-shadow">
+                <div className="flex flex-col items-center text-center space-y-4">
+                  <div className="p-4 bg-red-100 dark:bg-red-900/30 rounded-full">
+                    <Heart className="h-8 w-8 text-red-600 dark:text-red-400" strokeWidth={2.5} />
+                  </div>
+                  <h3 className="text-xl font-bold">Direct to Artists</h3>
+                  <p className="text-muted-foreground leading-relaxed">
+                    Patreon, Bandcamp, Ko-fi, or just Venmo your favorite indie creators. Cut out the platform rent-seekers entirely.
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-muted/50 p-8 rounded-lg border-2 border-border">
+              <div className="max-w-3xl mx-auto text-center space-y-4">
+                <p className="text-lg text-muted-foreground leading-relaxed">
+                  <span className="font-bold text-foreground">The math is simple:</span> A single Netflix subscription costs ~$15/month.
+                  That's $180/year going to a corporation that pays artists pennies per stream, cancels beloved shows for tax write-offs,
+                  and fights against fair labor practices.
+                </p>
+                <p className="text-lg text-muted-foreground leading-relaxed">
+                  Imagine if that money went directly to your local theater company, a struggling musician's Patreon,
+                  or the SAG-AFTRA Foundation instead. <span className="font-bold text-foreground">Real solidarity means real redistribution.</span>
+                </p>
+                <p className="text-lg font-medium text-foreground pt-4">
+                  Stop feeding extractive corporate gatekeepers. Fund the people actually making art.
+                </p>
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </section>
+
       {/* Footer */}
       <footer className="border-t border-border bg-muted/50">
         <div className="container mx-auto px-4 py-12">