Feat: Rebrand project to CoopCoins with friendly messaging

This commit is contained in:
Your Name
2026-04-18 01:20:38 +00:00
parent 61bbca2e5d
commit 2c89bf3e18
2 changed files with 16 additions and 18 deletions
+14 -16
View File
@@ -18,7 +18,7 @@ export default function LandingPage() {
<div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center transition-transform group-hover:rotate-12">
<Tv className="w-5 h-5 text-primary-foreground" />
</div>
<span className="font-bold text-xl tracking-tight">CoopCredits</span>
<span className="font-bold text-xl tracking-tight">CoopCoins</span>
</div>
<nav className="hidden md:flex items-center gap-8">
@@ -44,17 +44,15 @@ export default function LandingPage() {
<div className="max-w-4xl mx-auto text-center space-y-8">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary/10 text-primary text-xs font-bold uppercase tracking-widest border border-primary/20 animate-in fade-in slide-in-from-bottom-4 duration-500">
<Zap className="w-3 h-3" />
Live on Solana Devnet
Powered by Solana!
</div>
<h1 className="text-5xl md:text-7xl font-extrabold tracking-tighter leading-[1.1] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-100">
Turn your <span className="text-primary italic">Watch Time</span> <br />
into Digital Assets
Earn CoopCoins for Your Watch Time!
</h1>
<p className="text-xl text-muted-foreground max-w-2xl mx-auto animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-200">
Earn $COOP tokens automatically while watching content on Plex.
Spend them to request new movies or TV shows on Overseer.
Earn CoopCoins ($COOP) automatically for enjoying shows on Plex. Then, use them to request new favorites on Overseer!
</p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4 animate-in fade-in slide-in-from-bottom-16 duration-1000 delay-300">
@@ -87,7 +85,7 @@ export default function LandingPage() {
</div>
<h3 className="text-xl font-bold">Watch to Earn</h3>
<p className="text-muted-foreground leading-relaxed">
Every minute you watch on Plex is tracked via Tautulli and converted into $COOP tokens. No extra steps required.
Every minute you watch on Plex earns you CoopCoins ($COOP)! No extra steps, just enjoy.
</p>
</div>
@@ -97,7 +95,7 @@ export default function LandingPage() {
</div>
<h3 className="text-xl font-bold">Solana Powered</h3>
<p className="text-muted-foreground leading-relaxed">
Your rewards are minted on the Solana blockchain, ensuring full transparency, security, and low-latency transactions.
Your CoopCoins are securely handled on the Solana blockchain all transparent and super fast.
</p>
</div>
@@ -107,7 +105,7 @@ export default function LandingPage() {
</div>
<h3 className="text-xl font-bold">Spend Credits</h3>
<p className="text-muted-foreground leading-relaxed">
Accumulate enough $COOP and use them to request new content on Overseer. You're the one in control of the library.
Got enough CoopCoins ($COOP)? Use them to request new movies or shows on Overseer. You help shape our library!
</p>
</div>
</div>
@@ -120,7 +118,7 @@ export default function LandingPage() {
<div className="max-w-3xl mx-auto space-y-16">
<div className="text-center space-y-4">
<h2 className="text-3xl md:text-5xl font-bold tracking-tight">Simple. Transparent. Fun.</h2>
<p className="text-muted-foreground text-lg italic">"A new way to experience your media library."</p>
<p className="text-muted-foreground text-lg italic">"Our way of saying thanks for being part of the Hoboken Chicken family!"</p>
</div>
<div className="space-y-12">
@@ -128,7 +126,7 @@ export default function LandingPage() {
<div className="flex-none w-10 h-10 rounded-full bg-primary flex items-center justify-center font-bold text-primary-foreground">1</div>
<div className="space-y-2 pt-1">
<h4 className="text-xl font-bold">Connect your Plex Account</h4>
<p className="text-muted-foreground">Sign in with Plex to link your account. We'll automatically generate a Solana wallet for you.</p>
<p className="text-muted-foreground">Just log in with Plex. We'll set up your Solana wallet automatically in the background.</p>
</div>
</div>
@@ -136,7 +134,7 @@ export default function LandingPage() {
<div className="flex-none w-10 h-10 rounded-full bg-primary flex items-center justify-center font-bold text-primary-foreground">2</div>
<div className="space-y-2 pt-1">
<h4 className="text-xl font-bold">Watch your Favorite Content</h4>
<p className="text-muted-foreground">Enjoy your movies and shows as usual. Tautulli reports your activity, and credits are minted to your wallet.</p>
<p className="text-muted-foreground">Enjoy movies and shows as usual. Tautulli tracks your fun, and CoopCoins ($COOP) land in your wallet.</p>
</div>
</div>
@@ -144,15 +142,15 @@ export default function LandingPage() {
<div className="flex-none w-10 h-10 rounded-full bg-primary flex items-center justify-center font-bold text-primary-foreground">3</div>
<div className="space-y-2 pt-1">
<h4 className="text-xl font-bold">Redeem and Repeat</h4>
<p className="text-muted-foreground">Use your $COOP to request new additions to the server via our Overseer integration.</p>
<p className="text-muted-foreground">Spend your CoopCoins ($COOP) to pick new things for the server via our Overseer integration. Happy requesting!</p>
</div>
</div>
</div>
<div className="bg-card border p-8 rounded-3xl flex flex-col md:flex-row items-center gap-8 shadow-2xl shadow-primary/5">
<div className="flex-1 space-y-4 text-center md:text-left">
<h3 className="text-2xl font-bold">Ready to join the ecosystem?</h3>
<p className="text-muted-foreground">Join hundreds of other users earning rewards for their watch time.</p>
<h3 className="text-2xl font-bold">Ready to start earning?</h3>
<p className="text-muted-foreground">Come join our family and friends earning rewards for their watch time!</p>
</div>
<Link href="/login">
<Button size="lg" className="rounded-full px-8 h-12">Start Now</Button>
@@ -169,7 +167,7 @@ export default function LandingPage() {
<div className="flex flex-col md:flex-row justify-between items-center gap-8">
<div className="flex items-center gap-2 grayscale opacity-50">
<Tv className="w-5 h-5" />
<span className="font-bold">CoopCredits</span>
<span className="font-bold">CoopCoins</span>
</div>
<div className="text-sm text-muted-foreground text-center md:text-right">