blah-mcp

"use client"; import React from 'react'; interface FeatureCardProps { title: string; description: string; icon: string; } function FeatureCard({ title, description, icon }: FeatureCardProps) { return ( <div className="feature-card" data-title={title}> <div className="feature-content"> <div className="feature-icon">{icon}</div> <h3 className="feature-title">{title}</h3> <p className="feature-description">{description}</p> </div> </div> ); } export function FeatureCards() { return ( <div className="feature-cards-section"> <div className="container"> <h2 className="feature-section-title">Why Use BLAH?</h2> <div className="feature-cards-grid"> <FeatureCard icon="🔄" title="Universal Adapter" description="Write tools once, use them across any agent framework. Supports MCP, SLOP, and more without refactoring your codebase." /> <FeatureCard icon="🌐" title="Remote Servers" description="Access AI tools and capabilities from any device through secure remote connections - no local setup required." /> <FeatureCard icon="🧩" title="Composable Flows" description="Chain tools together into powerful workflows using a simple JSON manifest. Mix and match capabilities!" /> <FeatureCard icon="🛠️" title="Developer-Friendly" description="Simple CLI commands to start servers, with full TypeScript support and hot-reload for rapid development." /> </div> </div> </div> ); }