feat: homepage redesign — stats bar, gradient cards, live sites, product landing pages

- Stats bar: 6 products, 17 repos, 55 chains, 3 months
- Gradient product cards with hover effects + product logos
- Live sites grid (DegenFeed, Pry, WalletPress, Telegram)
- walletpress.cc coming soon page deployed
- pryscraper.com coming soon page deployed (terminal aesthetic)
- Both domains DNS updated to Pages
This commit is contained in:
Crypto Rug Munch 2026-07-09 20:17:55 +07:00
parent 605dc3efa0
commit e31ce709fa

View file

@ -1,166 +1,237 @@
--- ---
title: Rug Munch Media title: Rug Munch Media
description: Wyoming-built open-source AI + Web3 tools protecting retail crypto investors. description: Wyoming-built open-source Web3 + AI infrastructure. Protecting retail investors.
hide_table_of_contents: true hide_table_of_contents: true
--- ---
import Link from '@docusaurus/Link'; import Link from '@docusaurus/Link';
import BrowserOnly from '@docusaurus/BrowserOnly';
<div style={{ <div style={{
background: 'linear-gradient(180deg, #0A0A0F 0%, #0A1010 40%, #0A0A0F 100%)', background: 'radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,255,136,0.08) 0%, transparent 60%), radial-gradient(ellipse 40% 30% at 80% 80%, rgba(0,255,136,0.04) 0%, transparent 50%), #0A0A0F',
minHeight: '100vh', minHeight: '100vh',
padding: '80px 24px 100px', padding: '80px 24px 120px',
textAlign: 'center', textAlign: 'center',
position: 'relative', position: 'relative',
overflow: 'hidden', overflow: 'hidden'
}}> }}>
<div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, background: 'radial-gradient(ellipse at 50% 0%, rgba(0,255,136,0.06) 0%, transparent 70%)', pointerEvents: 'none' }} />
<div style={{ position: 'relative', zIndex: 1, maxWidth: 800, margin: '0 auto' }}> <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, opacity: 0.03, pointerEvents: 'none', backgroundImage: 'linear-gradient(rgba(0,255,136,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(0,255,136,0.3) 1px, transparent 1px)', backgroundSize: '60px 60px' }} />
<img src="/img/logo-full.png" alt="Rug Munch Media" style={{ maxWidth: 400, height: 'auto', marginBottom: 24 }} />
<p style={{ fontSize: '1rem', color: '#00FF88', fontWeight: 500, marginBottom: 24 }}>
Open-source tools that protect retail crypto investors.
</p>
<p style={{ fontSize: '0.9rem', color: '#888899', maxWidth: 520, margin: '0 auto 40px', lineHeight: 1.7 }}>
We build the scanner that catches rug pulls before you ape, the feed that
unifies every social protocol, the wallet engine that works across 55 chains —
and we give it all away. Open-source. Self-hostable. No catch.
</p>
<div style={{ display: 'flex', gap: 14, justifyContent: 'center', flexWrap: 'wrap', marginBottom: 60 }}> <div style={{ position: 'relative', zIndex: 1, maxWidth: 860, margin: '0 auto' }}>
<Link to="/products/rmi" style={{ <img src="/img/logo-full.png" alt="Rug Munch Media" style={{ maxWidth: 520, width: '100%', height: 'auto', marginBottom: 32 }} />
display: 'inline-block', background: '#00FF88', color: '#0A0A0F', fontWeight: 700,
padding: '12px 28px', borderRadius: 6, textDecoration: 'none', fontSize: '0.9rem', <p style={{ fontSize: '1.1rem', color: '#00FF88', fontWeight: 500, marginBottom: 16, letterSpacing: '-0.01em' }}>
fontFamily: 'Inter', letterSpacing: '-0.01em' Open-source tools that protect retail crypto investors.
}}>Rug Munch Intelligence →</Link> </p>
<Link to="/about" style={{
display: 'inline-block', background: 'transparent', color: '#888899', fontWeight: 500, <p style={{ fontSize: '0.95rem', color: '#888899', maxWidth: 560, margin: '0 auto 44px', lineHeight: 1.7 }}>
padding: '12px 28px', borderRadius: 6, border: '1px solid #222233', textDecoration: 'none', We build the scanner that catches rug pulls before you ape, the feed that unifies every social protocol,
fontSize: '0.9rem', fontFamily: 'Inter' the wallet engine that works across 55 chains — and we give it all away. Wyoming-built. Self-funded. No VC.
}}>Read Our Story</Link> </p>
</div>
<div style={{ display: 'flex', gap: 14, justifyContent: 'center', flexWrap: 'wrap' }}>
<Link to="/products/rmi" className="rmi-btn rmi-btn--primary">Rug Munch Intelligence →</Link>
<Link to="/about" className="rmi-btn rmi-btn--secondary">Read Our Story</Link>
</div>
</div>
</div>
{/* ── Stats Bar ─────────────────────────────────────────────── */}
<div style={{ background: '#0A0A0F', borderTop: '1px solid rgba(0,255,136,0.06)', borderBottom: '1px solid rgba(0,255,136,0.06)', padding: '40px 0' }}>
<div style={{ maxWidth: 900, margin: '0 auto', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: 20, padding: '0 24px', textAlign: 'center' }}>
{[
{ value: '6', label: 'Products Shipping' },
{ value: '17', label: 'Public Repos' },
{ value: '55', label: 'Chains Supported' },
{ value: '3', label: 'Months Building' },
].map(s => (
<div key={s.label}>
<div style={{ fontSize: '2rem', fontWeight: 800, color: '#00FF88', letterSpacing: '-0.02em' }}>{s.value}</div>
<div style={{ fontSize: '0.78rem', color: '#888899', marginTop: 4 }}>{s.label}</div>
</div>
))}
</div> </div>
</div> </div>
{/* ── Products ──────────────────────────────────────────────── */} {/* ── Products ──────────────────────────────────────────────── */}
<div style={{ background: '#0A0A0F', padding: '60px 24px 80px', maxWidth: 1000, margin: '0 auto' }}> <div style={{ background: '#0A0A0F', padding: '80px 24px', maxWidth: 1100, margin: '0 auto' }}>
<h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}> <h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
What We Build Products
</h2> </h2>
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 560, margin: '0 auto 48px' }}> <p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 560, margin: '0 auto 52px', lineHeight: 1.6 }}>
Every product protects retail investors. Everything is open-source. Everything runs on your own hardware if you want. Every product serves one mission: protect retail investors and make crypto a better place. Open-source. Self-hostable. No vendor lock-in.
</p> </p>
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 20 }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 24 }}>
{/* RMI */} {/* ── RMI ──────────────────────────────────────────────────── */}
<Link to="/products/rmi" style={{ textDecoration: 'none' }}> <Link to="/products/rmi" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}> <div style={{
<img src="/img/rmi-logo.png" alt="Rug Munch Intelligence" style={{ height: 26, marginBottom: 14 }} /> background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
border: '1px solid rgba(0,255,136,0.20)',
borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
}}>
<div style={{ position: 'absolute', top: -20, right: -20, width: 120, height: 120, background: 'radial-gradient(circle, rgba(0,255,136,0.08) 0%, transparent 70%)', borderRadius: '50%' }} />
<img src="/img/rmi-logo.png" alt="RMI" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
<br/> <br/>
<span className="rmi-badge rmi-badge--coming">Delivering Soon</span> <span className="rmi-badge rmi-badge--coming">Delivering Soon</span>
<h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>Rug Munch Intelligence</h3> <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
<p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}> Token scanner and wallet forensics. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Scan before you ape. Free. Forever.
The token scanner that tells you if a contract is a honeypot, rug pull, or slow bleed — BEFORE you invest. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Free. Forever.
</p>
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
Learn more →
</p> </p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>Explore RMI →</p>
</div> </div>
</Link> </Link>
{/* DegenFeed */} {/* ── DegenFeed ────────────────────────────────────────────── */}
<a href="https://degenfeed.xyz" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}> <a href="https://degenfeed.xyz" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}> <div style={{
<img src="/img/degenfeed-logo.png" alt="DegenFeed" style={{ height: 26, marginBottom: 14 }} /> background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
border: '1px solid #222233',
borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
}}>
<div style={{ position: 'absolute', top: -30, left: -30, width: 140, height: 140, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
<img src="/img/degenfeed-logo.png" alt="DegenFeed" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
<br/> <br/>
<span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span> <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
<p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0, marginTop: 14 }}> <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys. No algorithm. No platform can deplatform your community. One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys. No algorithm.
</p>
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
degenfeed.xyz ↗
</p> </p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>degenfeed.xyz ↗</p>
</div> </div>
</a> </a>
{/* Pry */} {/* ── Pry ──────────────────────────────────────────────────── */}
<Link to="/products/pry" style={{ textDecoration: 'none' }}> <a href="https://pryscraper.com" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}> <div style={{
<img src="/img/pry-logo.png" alt="Pry" style={{ height: 26, marginBottom: 14 }} /> background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
border: '1px solid #222233',
borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
}}>
<div style={{ position: 'absolute', bottom: -30, right: -30, width: 120, height: 120, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
<img src="/img/pry-logo.png" alt="Pry" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
<br/> <br/>
<span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live</span> <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
<h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>Pry</h3> <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
<p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}> Open-source web scraping and browser automation. Cloudflare bypass. 190+ endpoints. MCP server for AI agents. One docker run. Self-hosted.
Open-source web scraping and browser automation. Cloudflare bypass. One `docker run` command. Self-hosted. No monthly SaaS bill. Powers the data pipeline behind RMI.
</p>
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
Learn more →
</p> </p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>pryscraper.com ↗</p>
</div> </div>
</Link> </a>
{/* WalletPress */} {/* ── WalletPress ──────────────────────────────────────────── */}
<Link to="/products/walletpress" style={{ textDecoration: 'none' }}> <a href="https://walletpress.cc" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}> <div style={{
<img src="/img/walletpress-logo.png" alt="WalletPress" style={{ height: 26, marginBottom: 14 }} /> background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
border: '1px solid #222233',
borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
}}>
<div style={{ position: 'absolute', top: -30, left: -30, width: 140, height: 140, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
<img src="/img/walletpress-logo.png" alt="WalletPress" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
<br/> <br/>
<span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live</span> <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
<h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>WalletPress</h3> <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
<p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}> Multi-chain wallet generation across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin. Your keys, your infra.
Multi-chain wallet generation and management across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin. Your keys, your infrastructure.
</p> </p>
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}> <p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>walletpress.cc ↗</p>
</div>
</a>
</div>
{/* ── $CRM v2 ───────────────────────────────────────────────── */}
<div style={{
marginTop: 48,
background: 'linear-gradient(135deg, rgba(0,255,136,0.04), rgba(0,0,0,0.3))',
border: '1px solid rgba(0,255,136,0.12)',
borderRadius: 16, padding: 48, textAlign: 'center',
boxShadow: '0 4px 32px rgba(0,0,0,0.3)',
}}>
<p style={{ fontSize: '0.7rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.14em', color: '#00FF88', marginBottom: 10 }}>
In Development
</p>
<h3 style={{ fontSize: '1.6rem', fontWeight: 800, marginBottom: 12, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
$CRM v2 — The DAO
</h3>
<p style={{ color: '#888899', maxWidth: 540, margin: '0 auto 24px', lineHeight: 1.7, fontSize: '0.95rem' }}>
Community-governed DAO. Wyoming DAO LLC. Anti-manipulation mechanics built into the contract.
Treasury funding the tools above. $CRM v1 holders on Solana and $cryptorugmunch holders on Zora —
bridge details with DAO launch.
</p>
<Link to="/products/crm" style={{ display: 'inline-block', color: '#00FF88', fontSize: '0.88rem', fontWeight: 600, textDecoration: 'none' }}>
Learn more → Learn more →
</p> </Link>
</div>
</Link>
</div> </div>
{/* $CRM v2 Banner */} {/* ── Our Network ───────────────────────────────────────────── */}
<div style={{ background: 'linear-gradient(135deg, rgba(0,255,136,0.05), rgba(0,0,0,0.3))', border: '1px solid #222233', borderRadius: 16, padding: 44, marginTop: 40, textAlign: 'center' }}> <div style={{ marginTop: 72 }}>
<p style={{ fontSize: '0.7rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.12em', color: '#00FF88', marginBottom: 8 }}>In Development</p> <h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
<h3 style={{ fontSize: '1.4rem', fontWeight: 700, marginBottom: 10, color: '#E8E8ED' }}>$CRM v2 — The DAO</h3> Network
<p style={{ color: '#888899', maxWidth: 500, margin: '0 auto 20px', lineHeight: 1.6, fontSize: '0.9rem' }}>
Community-governed DAO. Wyoming DAO LLC. Anti-manipulation mechanics. Treasury funding the tools above. $CRM v1 holders on Solana and $cryptorugmunch holders on Zora — bridge details with DAO launch.
</p>
<Link to="/products/crm" style={{ display: 'inline-block', color: '#00FF88', fontSize: '0.85rem', fontWeight: 600, textDecoration: 'none' }}>Learn more →</Link>
</div>
{/* ── Our Sites ────────────────────────────────────────────── */}
<div style={{ marginTop: 60 }}>
<h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}>
Our Network
</h2> </h2>
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 500, margin: '0 auto 40px' }}> <p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 480, margin: '0 auto 44px' }}>
See what we're building across the web. Our code lives on our own git, mirrored to three backup hosts. No single point of failure.
</p> </p>
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 16 }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))', gap: 16 }}>
<a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}> <a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 10, padding: 20, textAlign: 'center' }}> <div style={{
<div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>⊞</div> background: '#111118', border: '1px solid rgba(0,255,136,0.25)', borderRadius: 12, padding: 24, textAlign: 'center',
<div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>Our Git</div> transition: 'all 0.2s',
<div style={{ fontSize: '0.72rem', color: '#555566' }}>All source code. 17 repos.</div> }}>
<div style={{ fontSize: '1.5rem', marginBottom: 10, color: '#00FF88' }}>⊞</div>
<div style={{ fontSize: '0.9rem', fontWeight: 700, color: '#E8E8ED', marginBottom: 4 }}>Our Git</div>
<div style={{ fontSize: '0.73rem', color: '#555566' }}>All source code. 17 repos.</div>
</div> </div>
</a> </a>
{[ {[
{ name: 'DegenFeed', url: 'https://degenfeed.xyz', desc: 'Social aggregator live site', icon: '◇' }, { name: 'GitLab Mirror', url: 'https://gitlab.com/cryptorugmuncher', icon: '⎔' },
{ name: 'rugmunch.io', url: 'https://rugmunch.io', desc: 'Rug Munch Intelligence portal', icon: '◎' }, { name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', icon: '⛰' },
{ name: 'Telegram Bot', url: 'https://t.me/rugmunchbot', desc: 'Scan tokens from Telegram', icon: '✈' }, { name: 'Radicle P2P', url: 'https://radicle.network/nodes/iris.radicle.network/rad:z4WHF6sDhmfqQvmigQSPYezNgy9c6', icon: '⬡' },
{ name: 'GitLab Mirror', url: 'https://gitlab.com/cryptorugmuncher', desc: 'External mirror', icon: '⎔' },
{ name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', desc: 'External mirror', icon: '⛰' },
{ name: 'Radicle P2P', url: 'https://radicle.network/nodes/iris.radicle.network/rad:z4WHF6sDhmfqQvmigQSPYezNgy9c6', desc: 'Decentralized backup', icon: '⬡' },
].map(site => ( ].map(site => (
<a key={site.name} href={site.url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}> <a key={site.name} href={site.url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 10, padding: 20, textAlign: 'center' }}> <div style={{
<div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>{site.icon}</div> background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 24, textAlign: 'center',
<div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>{site.name}</div> transition: 'all 0.2s',
<div style={{ fontSize: '0.72rem', color: '#555566' }}>{site.desc}</div> }}>
<div style={{ fontSize: '1.3rem', marginBottom: 10, color: '#00FF88' }}>{site.icon}</div>
<div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 4 }}>{site.name}</div>
<div style={{ fontSize: '0.7rem', color: '#555566' }}>Decentralized backup</div>
</div>
</a>
))}
</div>
</div>
{/* ── Live Sites ────────────────────────────────────────────── */}
<div style={{ marginTop: 72 }}>
<h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 44, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
Live
</h2>
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))', gap: 16 }}>
{[
{ name: 'DegenFeed', url: 'https://degenfeed.xyz', desc: 'Social aggregator' },
{ name: 'Pry', url: 'https://pryscraper.com', desc: 'Web intelligence' },
{ name: 'WalletPress', url: 'https://walletpress.cc', desc: 'Wallet engine' },
{ name: 'Telegram Bot', url: 'https://t.me/rugmunchbot', desc: 'Scan tokens' },
].map(site => (
<a key={site.name} href={site.url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
<div style={{
background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 22, textAlign: 'center',
transition: 'all 0.2s',
}}>
<div style={{ fontSize: '0.9rem', fontWeight: 700, color: '#E8E8ED', marginBottom: 4 }}>{site.name}</div>
<div style={{ fontSize: '0.73rem', color: '#555566' }}>{site.desc}</div>
<div style={{ fontSize: '0.7rem', color: '#00FF88', marginTop: 8, fontWeight: 600 }}>{new URL(site.url).hostname}</div>
</div> </div>
</a> </a>
))} ))}
@ -168,20 +239,21 @@ import Link from '@docusaurus/Link';
</div> </div>
{/* ── Footer ────────────────────────────────────────────────── */} {/* ── Footer ────────────────────────────────────────────────── */}
<div style={{ marginTop: 80, paddingTop: 40, borderTop: '1px solid #222233', textAlign: 'center' }}> <div style={{ marginTop: 80, paddingTop: 36, borderTop: '1px solid rgba(0,255,136,0.06)', textAlign: 'center' }}>
<p style={{ fontSize: '0.78rem', color: '#555566', marginBottom: 6 }}> <p style={{ fontSize: '0.82rem', color: '#555566', marginBottom: 6 }}>
Rug Munch Media LLC · Cheyenne, Wyoming Rug Munch Media LLC · Cheyenne, Wyoming
</p> </p>
<p style={{ fontSize: '0.72rem', color: '#444455', marginBottom: 12 }}> <p style={{ fontSize: '0.74rem', color: '#444455', marginBottom: 14 }}>
Open-source AI + Web3 infrastructure. Built in Wyoming. Deployed globally. Open-source AI + Web3 infrastructure. Built in Wyoming. Deployed globally.
</p> </p>
<div style={{ fontSize: '0.72rem', display: 'flex', gap: 16, justifyContent: 'center', flexWrap: 'wrap', color: '#555566' }}> <div style={{ fontSize: '0.74rem', display: 'flex', gap: 18, justifyContent: 'center', flexWrap: 'wrap', color: '#555566' }}>
<Link to="/terms">Terms</Link> <Link to="/terms">Terms</Link>
<Link to="/privacy">Privacy</Link> <Link to="/privacy">Privacy</Link>
<Link to="/legal">Legal</Link> <Link to="/legal">Legal</Link>
<Link to="/security">Security</Link> <Link to="/security">Security</Link>
<a href="https://x.com/cryptorugmunch" target="_blank" rel="noopener">X</a> <a href="https://x.com/cryptorugmunch" target="_blank" rel="noopener">X</a>
<a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener">Forgejo</a> <a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener">Git</a>
<a href="https://degenfeed.xyz" target="_blank" rel="noopener">DegenFeed</a>
</div> </div>
</div> </div>