feat: complete site redesign — black + neon green, terminal aesthetic
- Full color palette swap: #FFD600 → #00FF88 (neon green) - Terminal-style hero with green-on-black logo - Product cards with retail-friendly descriptions - External links to degenfeed.xyz, rugmunch.io, Forgejo - 'Our Network' section linking all live sites + mirror repos - Clean MDX homepage replacing complex TSX component - Green CRM favicon with glow effect
This commit is contained in:
parent
4071bb7e62
commit
72c22c066a
8 changed files with 200 additions and 264 deletions
|
|
@ -1,5 +1,5 @@
|
|||
/* ── Rug Munch Media — Dark Theme ─────────────────────────────── */
|
||||
/* Colors: bg=#0A0A0F, card=#111118, text=#E8E8ED, yellow=#FFD600, green=#00FF88, red=#FF3355 */
|
||||
/* Colors: bg=#0A0A0F, card=#111118, text=#E8E8ED, green=#00FF88, alt=#00FF88, red=#FF3355 */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
--rmi-text-primary: #E8E8ED;
|
||||
--rmi-text-secondary: #888899;
|
||||
--rmi-text-muted: #555566;
|
||||
--rmi-accent-yellow: #FFD600;
|
||||
--rmi-accent-yellow: #00FF88;
|
||||
--rmi-accent-green: #00FF88;
|
||||
--rmi-accent-red: #FF3355;
|
||||
--rmi-accent-blue: #3399FF;
|
||||
|
|
@ -67,7 +67,7 @@ a {
|
|||
transition: color 0.15s ease;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--rmi-accent-green);
|
||||
color: var(--rmi-accent-yellow);
|
||||
}
|
||||
|
||||
/* Headings */
|
||||
|
|
@ -98,7 +98,7 @@ code {
|
|||
border: 1px solid var(--rmi-border);
|
||||
border-radius: 4px;
|
||||
padding: 2px 6px;
|
||||
color: var(--rmi-accent-green);
|
||||
color: var(--rmi-accent-yellow);
|
||||
}
|
||||
|
||||
/* Cards */
|
||||
|
|
@ -221,7 +221,7 @@ tbody tr:last-child td {
|
|||
position: absolute;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
background:
|
||||
radial-gradient(ellipse at 30% 20%, rgba(255,214,0,0.06) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 30% 20%, rgba(0,255,136,0.06) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 70% 80%, rgba(0,255,136,0.04) 0%, transparent 50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
@ -271,7 +271,7 @@ tbody tr:last-child td {
|
|||
.rmi-product-card:hover {
|
||||
border-color: var(--rmi-accent-yellow);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 32px rgba(255,214,0,0.06);
|
||||
box-shadow: 0 8px 32px rgba(0,255,136,0.06);
|
||||
}
|
||||
|
||||
.rmi-product-card--coming-soon {
|
||||
|
|
@ -298,15 +298,15 @@ tbody tr:last-child td {
|
|||
}
|
||||
|
||||
.rmi-badge--live {
|
||||
background: rgba(0,255,136,0.12);
|
||||
color: var(--rmi-accent-green);
|
||||
border: 1px solid rgba(0,255,136,0.25);
|
||||
background: rgba(0,255,136,0.08);
|
||||
color: var(--rmi-accent-yellow);
|
||||
border: 1px solid rgba(0,255,136,0.20);
|
||||
}
|
||||
|
||||
.rmi-badge--coming {
|
||||
background: rgba(255,214,0,0.12);
|
||||
background: rgba(0,255,136,0.08);
|
||||
color: var(--rmi-accent-yellow);
|
||||
border: 1px solid rgba(255,214,0,0.25);
|
||||
border: 1px solid rgba(0,255,136,0.20);
|
||||
}
|
||||
|
||||
.rmi-product-card p {
|
||||
|
|
@ -411,7 +411,7 @@ tbody tr:last-child td {
|
|||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: var(--rmi-accent-green);
|
||||
background: var(--rmi-accent-yellow);
|
||||
border-radius: 50%;
|
||||
margin-right: 6px;
|
||||
animation: pulse-green 2s ease-in-out infinite;
|
||||
|
|
|
|||
188
src/pages/index.mdx
Normal file
188
src/pages/index.mdx
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
---
|
||||
title: Rug Munch Media
|
||||
description: Wyoming-built open-source AI + Web3 tools protecting retail crypto investors.
|
||||
hide_table_of_contents: true
|
||||
---
|
||||
|
||||
import Link from '@docusaurus/Link';
|
||||
|
||||
<div style={{
|
||||
background: 'linear-gradient(180deg, #0A0A0F 0%, #0A1010 40%, #0A0A0F 100%)',
|
||||
minHeight: '100vh',
|
||||
padding: '80px 24px 100px',
|
||||
textAlign: 'center',
|
||||
position: 'relative',
|
||||
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' }}>
|
||||
<p style={{ fontFamily: '"JetBrains Mono", monospace', fontSize: '0.8rem', color: 'rgba(0,255,136,0.4)', marginBottom: 8 }}>
|
||||
cryptorugmunch@wyoming:~$
|
||||
</p>
|
||||
<h1 style={{ fontSize: '3rem', fontWeight: 800, letterSpacing: '-0.03em', margin: '0 0 8px', color: '#E8E8ED' }}>
|
||||
RUG MUNCH MEDIA
|
||||
</h1>
|
||||
<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 }}>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* ── Products ──────────────────────────────────────────────── */}
|
||||
<div style={{ background: '#0A0A0F', padding: '60px 24px 80px', maxWidth: 1000, margin: '0 auto' }}>
|
||||
|
||||
<h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}>
|
||||
What We Build
|
||||
</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>
|
||||
|
||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 20 }}>
|
||||
|
||||
{/* RMI */}
|
||||
<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={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
|
||||
Delivering Soon
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* 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' }}>
|
||||
<div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
|
||||
Live ↗
|
||||
</div>
|
||||
<h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>DegenFeed</h3>
|
||||
<p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
|
||||
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>
|
||||
</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' }}>
|
||||
<div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
|
||||
Live
|
||||
</div>
|
||||
<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 →
|
||||
</p>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* WalletPress */}
|
||||
<Link to="/products/walletpress" style={{ textDecoration: 'none' }}>
|
||||
<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
|
||||
<div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
|
||||
Live
|
||||
</div>
|
||||
<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.
|
||||
</p>
|
||||
<p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
|
||||
Learn more →
|
||||
</p>
|
||||
</div>
|
||||
</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
|
||||
</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>
|
||||
|
||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 16 }}>
|
||||
{[
|
||||
{ name: 'Forgejo', url: 'https://git.rugmunch.io/RugMunchMedia', desc: 'All source code. Every commit.', icon: '⊞' },
|
||||
{ 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 git mirror', icon: '⎔' },
|
||||
{ name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', desc: 'External git mirror', 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',
|
||||
transition: 'border-color 0.15s'
|
||||
}}>
|
||||
<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>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* ── Footer ────────────────────────────────────────────────── */}
|
||||
<div style={{ marginTop: 80, paddingTop: 40, borderTop: '1px solid #222233', textAlign: 'center' }}>
|
||||
<p style={{ fontSize: '0.78rem', color: '#555566', marginBottom: 6 }}>
|
||||
Rug Munch Media LLC · Cheyenne, Wyoming
|
||||
</p>
|
||||
<p style={{ fontSize: '0.72rem', color: '#444455', marginBottom: 12 }}>
|
||||
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' }}>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -1,252 +0,0 @@
|
|||
import Layout from '@theme/Layout';
|
||||
import Link from '@docusaurus/Link';
|
||||
import BrowserOnly from '@docusaurus/BrowserOnly';
|
||||
|
||||
function AnimatedBackground() {
|
||||
return (
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: 0, left: 0, right: 0, bottom: 0,
|
||||
background: `
|
||||
radial-gradient(ellipse at 20% 30%, rgba(255,214,0,0.04) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 80% 70%, rgba(0,255,136,0.03) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 50% 50%, rgba(51,153,255,0.02) 0%, transparent 60%)
|
||||
`,
|
||||
pointerEvents: 'none',
|
||||
overflow: 'hidden',
|
||||
}}>
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: '15%', left: '10%',
|
||||
width: '4px', height: '4px',
|
||||
background: '#FFD600',
|
||||
borderRadius: '50%',
|
||||
opacity: 0.6,
|
||||
animation: 'pulse-green 3s ease-in-out infinite',
|
||||
}} />
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: '25%', right: '20%',
|
||||
width: '3px', height: '3px',
|
||||
background: '#00FF88',
|
||||
borderRadius: '50%',
|
||||
opacity: 0.5,
|
||||
animation: 'pulse-green 4s ease-in-out infinite 1s',
|
||||
}} />
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
bottom: '30%', left: '30%',
|
||||
width: '3px', height: '3px',
|
||||
background: '#FFD600',
|
||||
borderRadius: '50%',
|
||||
opacity: 0.4,
|
||||
animation: 'pulse-green 3.5s ease-in-out infinite 0.5s',
|
||||
}} />
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: '40%', left: '70%',
|
||||
width: '2px', height: '2px',
|
||||
background: '#3399FF',
|
||||
borderRadius: '50%',
|
||||
opacity: 0.4,
|
||||
animation: 'pulse-green 5s ease-in-out infinite 2s',
|
||||
}} />
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
bottom: '20%', right: '15%',
|
||||
width: '3px', height: '3px',
|
||||
background: '#00FF88',
|
||||
borderRadius: '50%',
|
||||
opacity: 0.3,
|
||||
animation: 'pulse-green 4.5s ease-in-out infinite 0.8s',
|
||||
}} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const products = [
|
||||
{
|
||||
title: 'Rug Munch Intelligence',
|
||||
status: 'coming',
|
||||
statusText: 'Delivering Soon',
|
||||
desc: 'Token risk scanner and wallet forensics platform. Honeypot detection, liquidity analysis, holder concentration, MEV alerts, wallet labeling. Scan before you ape.',
|
||||
link: '/products/rmi',
|
||||
},
|
||||
{
|
||||
title: 'DegenFeed',
|
||||
status: 'live',
|
||||
statusText: 'Live',
|
||||
desc: 'One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys, your feed. No single platform controls your community.',
|
||||
link: '/products/degenfeed',
|
||||
},
|
||||
{
|
||||
title: 'Pry',
|
||||
status: 'live',
|
||||
statusText: 'Live',
|
||||
desc: 'Open-source web scraping and browser automation. Cloudflare bypass. One docker run command. Self-hosted. No monthly SaaS bill. No vendor lock-in. Your data, your infra.',
|
||||
link: '/products/pry',
|
||||
},
|
||||
{
|
||||
title: 'WalletPress',
|
||||
status: 'live',
|
||||
statusText: 'Live',
|
||||
desc: 'Non-custodial crypto payment infrastructure for WordPress. x402 protocol. No middleman taking 2%. Wallet to wallet. Accept crypto on your terms.',
|
||||
link: '/products/walletpress',
|
||||
},
|
||||
];
|
||||
|
||||
const repos = [
|
||||
{ name: 'rmi-backend', desc: 'FastAPI + SQLAlchemy + Redis' },
|
||||
{ name: 'rmi-frontend', desc: 'React 19 + Vite + Tailwind' },
|
||||
{ name: 'degenfeed-web', desc: 'Next.js multi-protocol aggregator' },
|
||||
{ name: 'pryscraper', desc: 'Python CLI + API' },
|
||||
{ name: 'walletpress', desc: 'Python + WordPress plugin' },
|
||||
{ name: 'fleet-infra', desc: 'Nginx, systemd, compose' },
|
||||
{ name: 'fleet-template', desc: 'Scaffold for new repos' },
|
||||
{ name: 'standards', desc: 'Fleet docs + conventions' },
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<Layout description="Rug Munch Media LLC — Wyoming-built open-source AI + Web3 infrastructure. Protecting retail investors.">
|
||||
{/* Hero */}
|
||||
<header className="rmi-hero">
|
||||
<BrowserOnly>{() => <AnimatedBackground />}</BrowserOnly>
|
||||
<div style={{ position: 'relative', zIndex: 1, padding: '0 24px' }}>
|
||||
<p style={{
|
||||
fontSize: '0.85rem',
|
||||
fontWeight: 600,
|
||||
textTransform: 'uppercase',
|
||||
letterSpacing: '0.15em',
|
||||
color: 'var(--rmi-accent-yellow)',
|
||||
marginBottom: 16,
|
||||
}}>
|
||||
Wyoming · Self-Funded · Open-Source
|
||||
</p>
|
||||
<h1 className="rmi-hero-title">
|
||||
Protecting Retail Investors
|
||||
</h1>
|
||||
<h2 className="rmi-hero-subtitle">
|
||||
RUG MUNCH MEDIA
|
||||
</h2>
|
||||
<p className="rmi-hero-tagline">
|
||||
We build open-source AI and Web3 tools that protect retail investors,
|
||||
unify decentralized social media, and make crypto a better place to be.
|
||||
</p>
|
||||
<div style={{ marginTop: 40, display: 'flex', gap: 16, justifyContent: 'center', flexWrap: 'wrap' }}>
|
||||
<Link to="/products/rmi" className="rmi-btn rmi-btn--primary">
|
||||
Explore RMI →
|
||||
</Link>
|
||||
<Link to="/about" className="rmi-btn rmi-btn--secondary">
|
||||
Read Our Story
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style={{ maxWidth: 1100, margin: '0 auto', padding: '0 24px 80px' }}>
|
||||
|
||||
{/* Products */}
|
||||
<section style={{ marginTop: 60 }}>
|
||||
<h2 style={{ textAlign: 'center', marginBottom: 8 }}>Our Products</h2>
|
||||
<p style={{
|
||||
textAlign: 'center',
|
||||
color: 'var(--rmi-text-secondary)',
|
||||
maxWidth: 600,
|
||||
margin: '0 auto 40px',
|
||||
fontSize: '1rem',
|
||||
lineHeight: 1.6,
|
||||
}}>
|
||||
Every tool we build serves one mission: protect retail investors and make
|
||||
crypto a better place. Open-source. Self-hostable. No vendor lock-in.
|
||||
</p>
|
||||
<div className="rmi-grid">
|
||||
{products.map((p) => (
|
||||
<Link to={p.link} key={p.title} style={{ textDecoration: 'none' }}>
|
||||
<div className={`rmi-product-card ${p.status === 'coming' ? 'rmi-product-card--coming-soon' : ''}`}>
|
||||
<span className={`rmi-badge rmi-badge--${p.status === 'live' ? 'live' : 'coming'}`}>
|
||||
{p.status === 'live' && <span className="rmi-status-live" />}
|
||||
{p.statusText}
|
||||
</span>
|
||||
<h3>{p.title}</h3>
|
||||
<p>{p.desc}</p>
|
||||
<span className="rmi-btn rmi-btn--ghost">
|
||||
{p.title} →
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* $CRM v2 */}
|
||||
<section style={{
|
||||
marginTop: 60,
|
||||
background: 'linear-gradient(135deg, rgba(255,214,0,0.06), rgba(0,255,136,0.03))',
|
||||
border: '1px solid var(--rmi-border)',
|
||||
borderRadius: 16,
|
||||
padding: 48,
|
||||
textAlign: 'center',
|
||||
}}>
|
||||
<p style={{
|
||||
fontSize: '0.8rem',
|
||||
fontWeight: 700,
|
||||
textTransform: 'uppercase',
|
||||
letterSpacing: '0.12em',
|
||||
color: 'var(--rmi-accent-yellow)',
|
||||
marginBottom: 12,
|
||||
}}>In Development</p>
|
||||
<h2 style={{ fontSize: '2rem', marginBottom: 12 }}>$CRM v2 — The DAO</h2>
|
||||
<p style={{
|
||||
color: 'var(--rmi-text-secondary)',
|
||||
maxWidth: 600,
|
||||
margin: '0 auto 20px',
|
||||
lineHeight: 1.7,
|
||||
}}>
|
||||
Not a token relaunch. A community-governed DAO. Wyoming DAO LLC. Anti-manipulation
|
||||
mechanics. Treasury funding the tools that protect retail investors. $CRM v1 holders
|
||||
on Solana and $cryptorugmunch holders on Zora — early believers get a seat.
|
||||
</p>
|
||||
<Link to="/products/crm" className="rmi-btn rmi-btn--secondary">
|
||||
Learn More
|
||||
</Link>
|
||||
</section>
|
||||
|
||||
{/* Build With Us */}
|
||||
<section style={{ marginTop: 60 }}>
|
||||
<h2 style={{ textAlign: 'center', marginBottom: 8 }}>Built in the Open</h2>
|
||||
<p style={{
|
||||
textAlign: 'center',
|
||||
color: 'var(--rmi-text-secondary)',
|
||||
maxWidth: 600,
|
||||
margin: '0 auto 32px',
|
||||
}}>
|
||||
Every line of code is public. Audit it. Fork it. Run your own. Four-way decentralized
|
||||
backup across Forgejo, GitLab, Codeberg, and Radicle P2P.
|
||||
</p>
|
||||
<div className="rmi-grid">
|
||||
{repos.map((r) => (
|
||||
<a
|
||||
key={r.name}
|
||||
href={`https://git.rugmunch.io/RugMunchMedia/${r.name}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="rmi-repo-link"
|
||||
style={{ textDecoration: 'none', display: 'block' }}
|
||||
>
|
||||
<h4 style={{ color: 'var(--rmi-text-primary)', marginBottom: 4 }}>{r.name}</h4>
|
||||
<span>{r.desc}</span>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
<div style={{ textAlign: 'center', marginTop: 32 }}>
|
||||
<Link to="/build" className="rmi-btn rmi-btn--primary">
|
||||
Build With Us →
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 13 KiB |
Loading…
Add table
Add a link
Reference in a new issue