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
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
---
import Link from '@docusaurus/Link';
import BrowserOnly from '@docusaurus/BrowserOnly';
<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',
padding: '80px 24px 100px',
padding: '80px 24px 120px',
textAlign: 'center',
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' }}>
<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 }}>
<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' }} />
<div style={{ position: 'relative', zIndex: 1, maxWidth: 860, margin: '0 auto' }}>
<img src="/img/logo-full.png" alt="Rug Munch Media" style={{ maxWidth: 520, width: '100%', height: 'auto', marginBottom: 32 }} />
<p style={{ fontSize: '1.1rem', color: '#00FF88', fontWeight: 500, marginBottom: 16, letterSpacing: '-0.01em' }}>
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 style={{ fontSize: '0.95rem', color: '#888899', maxWidth: 560, margin: '0 auto 44px', 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. Wyoming-built. Self-funded. No VC.
</p>
<div style={{ display: 'flex', gap: 14, justifyContent: 'center', flexWrap: 'wrap', marginBottom: 60 }}>
<Link to="/products/rmi" style={{
display: 'inline-block', background: '#00FF88', color: '#0A0A0F', fontWeight: 700,
padding: '12px 28px', borderRadius: 6, textDecoration: 'none', fontSize: '0.9rem',
fontFamily: 'Inter', letterSpacing: '-0.01em'
}}>Rug Munch Intelligence →</Link>
<Link to="/about" style={{
display: 'inline-block', background: 'transparent', color: '#888899', fontWeight: 500,
padding: '12px 28px', borderRadius: 6, border: '1px solid #222233', textDecoration: 'none',
fontSize: '0.9rem', fontFamily: 'Inter'
}}>Read Our Story</Link>
<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>
{/* ── 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' }}>
What We Build
<h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
Products
</h2>
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 560, margin: '0 auto 48px' }}>
Every product protects retail investors. Everything is open-source. Everything runs on your own hardware if you want.
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 560, margin: '0 auto 52px', lineHeight: 1.6 }}>
Every product serves one mission: protect retail investors and make crypto a better place. Open-source. Self-hostable. No vendor lock-in.
</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' }}>
<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
<img src="/img/rmi-logo.png" alt="Rug Munch Intelligence" style={{ height: 26, marginBottom: 14 }} />
<div style={{
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/>
<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.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
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 style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
Token scanner and wallet forensics. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Scan before you ape. Free. Forever.
</p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>Explore RMI →</p>
</div>
</Link>
{/* DegenFeed */}
{/* ── DegenFeed ────────────────────────────────────────────── */}
<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' }}>
<img src="/img/degenfeed-logo.png" alt="DegenFeed" style={{ height: 26, marginBottom: 14 }} />
<div style={{
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/>
<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 }}>
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.
</p>
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
degenfeed.xyz ↗
<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.
</p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>degenfeed.xyz ↗</p>
</div>
</a>
{/* Pry */}
<Link to="/products/pry" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
<img src="/img/pry-logo.png" alt="Pry" style={{ height: 26, marginBottom: 14 }} />
{/* ── Pry ──────────────────────────────────────────────────── */}
<a href="https://pryscraper.com" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
<div style={{
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/>
<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.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
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 →
<span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
<p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
Open-source web scraping and browser automation. Cloudflare bypass. 190+ endpoints. MCP server for AI agents. One docker run. Self-hosted.
</p>
<p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>pryscraper.com ↗</p>
</div>
</Link>
</a>
{/* WalletPress */}
<Link to="/products/walletpress" style={{ textDecoration: 'none' }}>
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
<img src="/img/walletpress-logo.png" alt="WalletPress" style={{ height: 26, marginBottom: 14 }} />
{/* ── WalletPress ──────────────────────────────────────────── */}
<a href="https://walletpress.cc" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
<div style={{
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/>
<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.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
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.
<span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
<p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
Multi-chain wallet generation across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin. Your keys, your infra.
</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 →
</p>
</div>
</Link>
</Link>
</div>
{/* $CRM v2 Banner */}
<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' }}>
<p style={{ fontSize: '0.7rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.12em', color: '#00FF88', marginBottom: 8 }}>In Development</p>
<h3 style={{ fontSize: '1.4rem', fontWeight: 700, marginBottom: 10, color: '#E8E8ED' }}>$CRM v2 — The DAO</h3>
<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
{/* ── Our Network ───────────────────────────────────────────── */}
<div style={{ marginTop: 72 }}>
<h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
Network
</h2>
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 500, margin: '0 auto 40px' }}>
See what we're building across the web.
<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 480, margin: '0 auto 44px' }}>
Our code lives on our own git, mirrored to three backup hosts. No single point of failure.
</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' }}>
<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 10, padding: 20, textAlign: 'center' }}>
<div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>⊞</div>
<div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>Our Git</div>
<div style={{ fontSize: '0.72rem', color: '#555566' }}>All source code. 17 repos.</div>
<div style={{
background: '#111118', border: '1px solid rgba(0,255,136,0.25)', borderRadius: 12, padding: 24, textAlign: 'center',
transition: 'all 0.2s',
}}>
<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>
</a>
{[
{ name: 'DegenFeed', url: 'https://degenfeed.xyz', desc: 'Social aggregator live site', icon: '◇' },
{ name: 'rugmunch.io', url: 'https://rugmunch.io', desc: 'Rug Munch Intelligence portal', icon: '◎' },
{ name: 'Telegram Bot', url: 'https://t.me/rugmunchbot', desc: 'Scan tokens from Telegram', 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: '⬡' },
{ name: 'GitLab Mirror', url: 'https://gitlab.com/cryptorugmuncher', icon: '⎔' },
{ name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', icon: '⛰' },
{ name: 'Radicle P2P', url: 'https://radicle.network/nodes/iris.radicle.network/rad:z4WHF6sDhmfqQvmigQSPYezNgy9c6', icon: '⬡' },
].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: 10, padding: 20, textAlign: 'center' }}>
<div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>{site.icon}</div>
<div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>{site.name}</div>
<div style={{ fontSize: '0.72rem', color: '#555566' }}>{site.desc}</div>
<div style={{
background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 24, textAlign: 'center',
transition: 'all 0.2s',
}}>
<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>
</a>
))}
@ -168,20 +239,21 @@ import Link from '@docusaurus/Link';
</div>
{/* ── Footer ────────────────────────────────────────────────── */}
<div style={{ marginTop: 80, paddingTop: 40, borderTop: '1px solid #222233', textAlign: 'center' }}>
<p style={{ fontSize: '0.78rem', color: '#555566', marginBottom: 6 }}>
<div style={{ marginTop: 80, paddingTop: 36, borderTop: '1px solid rgba(0,255,136,0.06)', textAlign: 'center' }}>
<p style={{ fontSize: '0.82rem', color: '#555566', marginBottom: 6 }}>
Rug Munch Media LLC · Cheyenne, Wyoming
</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.
</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="/privacy">Privacy</Link>
<Link to="/legal">Legal</Link>
<Link to="/security">Security</Link>
<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>