jeffemmett
/
jefflix-website
mirror of https://github.com/Jeff-Emmett/jefflix-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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>
This commit is contained in:
Jeff Emmett 2025-12-19 16:54:38 -05:00
parent 2852ad78f5
commit 737de72645
1 changed files with 75 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
app/page.tsx
View File

@ -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">