import { Button } from "@/components/ui/button" import { DollarSign, TrendingUp, Zap, Globe, ArrowRight, BarChart3 } from "lucide-react" const MonetizeSection = () => { return (
{/* Background grid pattern */}
Revenue Streams

Monetize Your Creations

Turn your MCPs into profitable APIs. Create disposable apps that live and die per use. Build the future of AI-powered commerce.

{/* Revenue Models */}

Per-Use Pricing

Charge users each time they access your MCP. Perfect for high-value, specialized tools.

Typical range: $0.01 - $50
Revenue share: 85% to you

Subscription Series

Monthly recurring revenue from your Everyday Series. Build loyal audiences that pay regularly.

Monthly pricing: $2.99 - $99
Revenue share: 90% to you

Disposable Apps

Lightweight apps that serve one purpose, then disappear. Zero maintenance, pure profit.

App lifespan: 1 use - 24 hours
Revenue share: 85% to you
{/* Network Effect Visualization */}

The MCP Network Effect

{/* Central hub */}
YOU
{/* Connection lines */}
{/* Animated connection lines */} {[0, 45, 90, 135, 180, 225, 270, 315].map((angle, index) => (
))}
{/* Network nodes */}
AI Agents
+$2.4k/mo
Users
8.2k active
Apps
150+ deployed
Revenue
$45k total
APIs
24/7 uptime
Analytics
Real-time
Global CDN
Edge compute
Scaling
Auto-scale

Your MCPs become nodes in a global AI network. Every connection multiplies your earning potential. Build once, earn everywhere.

) } export default MonetizeSection