ONEDeFi MCP Server

{% extends "base.html" %} {% block title %}ONEDeFi Server - Award-Winning AI-Powered DeFi Platform{% endblock %} {% block content %} <!-- Hero Section with Award Badge --> <div class="hero-section"> <div class="container"> <div class="row"> <div class="col-lg-10 mx-auto text-center hero-content"> <!-- Award Badge --> <div class="mb-4 fade-in-up"> <div class="award-badge"> <span>🏆 International Hackathon Winner - $1,000 Prize</span> </div> </div> <div class="mb-4 fade-in-up" style="animation-delay: 0.1s;"> <i data-feather="zap" class="text-primary" style="width: 64px; height: 64px; stroke-width: 2;"></i> </div> <h1 class="display-3 fw-bold mb-4 fade-in-up" style="animation-delay: 0.2s;"> <span class="gradient-text">ONEDeFi</span> Server </h1> <p class="lead mb-4 fade-in-up" style="animation-delay: 0.3s; font-size: 1.3rem; color: var(--text-secondary); max-width: 800px; margin: 0 auto;"> The world's first <strong class="text-gradient">AI-powered DeFi assistant</strong> that acts like your personal financial advisor. Get portfolio health checkups, custom investment strategies, and plain-English explanations of complex DeFi operations across <strong>Ethereum</strong>, <strong>Polygon</strong>, and <strong>Solana</strong>. </p> <div class="d-grid gap-3 d-sm-flex justify-content-sm-center mt-5 fade-in-up" style="animation-delay: 0.4s;"> <a href="{{ url_for('ai_features') }}" class="btn btn-primary btn-lg px-5"> <i data-feather="brain" class="me-2"></i> Try AI Features </a> <a href="{{ url_for('dashboard') }}" class="btn btn-outline-primary btn-lg px-5"> <i data-feather="activity" class="me-2"></i> Open Dashboard </a> <a href="{{ url_for('api_docs') }}" class="btn btn-outline-secondary btn-lg px-5"> <i data-feather="book" class="me-2"></i> API Docs </a> </div> </div> </div> </div> </div> <div class="container py-5"> <!-- Features Grid --> <div class="row g-4 mb-5"> <div class="col-md-4"> <div class="card feature-card h-100"> <div class="card-body text-center p-4"> <div class="feature-icon"> <i data-feather="shuffle" style="width: 40px; height: 40px; color: white;"></i> </div> <h5 class="card-title fw-bold mb-3">Cross-chain Trading</h5> <p class="card-text" style="color: var(--text-secondary);"> Execute token swaps across Ethereum, Polygon, and Solana using leading DEX protocols like Uniswap, QuickSwap, and Raydium. </p> </div> </div> </div> <div class="col-md-4"> <div class="card feature-card h-100"> <div class="card-body text-center p-4"> <div class="feature-icon"> <i data-feather="trending-up" style="width: 40px; height: 40px; color: white;"></i> </div> <h5 class="card-title fw-bold mb-3">Lending & Borrowing</h5> <p class="card-text" style="color: var(--text-secondary);"> Lend assets to earn yield or borrow against collateral using protocols like Aave and Compound with automated position management. </p> </div> </div> </div> <div class="col-md-4"> <div class="card feature-card h-100"> <div class="card-body text-center p-4"> <div class="feature-icon"> <i data-feather="layers" style="width: 40px; height: 40px; color: white;"></i> </div> <h5 class="card-title fw-bold mb-3">Yield Farming</h5> <p class="card-text" style="color: var(--text-secondary);"> Provide liquidity to earn trading fees and farm rewards across multiple DeFi protocols with intelligent position optimization. </p> </div> </div> </div> </div> <!-- Supported Blockchains --> <div class="row mb-5"> <div class="col-12"> <h2 class="text-center mb-5 gradient-text fw-bold">Supported Blockchains</h2> <div class="row g-4"> <div class="col-md-4"> <div class="card feature-card text-center h-100"> <div class="card-body p-4"> <div class="mb-3"> <div class="feature-icon mx-auto" style="background: linear-gradient(135deg, #627eea 0%, #764ba2 100%);"> <i data-feather="hexagon" style="width: 40px; height: 40px; color: white;"></i> </div> </div> <h5 class="card-title fw-bold mb-2">Ethereum</h5> <p class="card-text small" style="color: var(--text-secondary);"> Uniswap, SushiSwap, Aave, Compound </p> <span class="badge bg-success px-3 py-2">Active</span> </div> </div> </div> <div class="col-md-4"> <div class="card feature-card text-center h-100"> <div class="card-body p-4"> <div class="mb-3"> <div class="feature-icon mx-auto" style="background: linear-gradient(135deg, #8247e5 0%, #a855f7 100%);"> <i data-feather="triangle" style="width: 40px; height: 40px; color: white;"></i> </div> </div> <h5 class="card-title fw-bold mb-2">Polygon</h5> <p class="card-text small" style="color: var(--text-secondary);"> QuickSwap, SushiSwap, Aave </p> <span class="badge bg-success px-3 py-2">Active</span> </div> </div> </div> <div class="col-md-4"> <div class="card feature-card text-center h-100"> <div class="card-body p-4"> <div class="mb-3"> <div class="feature-icon mx-auto" style="background: linear-gradient(135deg, #00d4aa 0%, #00f5a0 100%);"> <i data-feather="sun" style="width: 40px; height: 40px; color: white;"></i> </div> </div> <h5 class="card-title fw-bold mb-2">Solana</h5> <p class="card-text small" style="color: var(--text-secondary);"> Raydium, Orca, Jupiter </p> <span class="badge bg-success px-3 py-2">Active</span> </div> </div> </div> </div> </div> </div> <!-- Quick Start --> <div class="row mb-5"> <div class="col-lg-8 mx-auto"> <div class="card"> <div class="card-header"> <h4 class="card-title mb-0"> <i data-feather="play-circle" class="me-2"></i> Quick Start Guide </h4> </div> <div class="card-body"> <div class="row g-4"> <div class="col-md-6"> <div class="d-flex"> <div class="flex-shrink-0"> <span class="badge bg-primary rounded-pill">1</span> </div> <div class="flex-grow-1 ms-3"> <h6>Generate API Key</h6> <p class="text-muted small mb-0"> Create an API key to authenticate requests to the MCP server. </p> </div> </div> </div> <div class="col-md-6"> <div class="d-flex"> <div class="flex-shrink-0"> <span class="badge bg-primary rounded-pill">2</span> </div> <div class="flex-grow-1 ms-3"> <h6>Connect Wallets</h6> <p class="text-muted small mb-0"> Add your blockchain wallets to start executing DeFi operations. </p> </div> </div> </div> <div class="col-md-6"> <div class="d-flex"> <div class="flex-shrink-0"> <span class="badge bg-primary rounded-pill">3</span> </div> <div class="flex-grow-1 ms-3"> <h6>Execute Operations</h6> <p class="text-muted small mb-0"> Use the API endpoints to perform swaps, lending, and farming. </p> </div> </div> </div> <div class="col-md-6"> <div class="d-flex"> <div class="flex-shrink-0"> <span class="badge bg-primary rounded-pill">4</span> </div> <div class="flex-grow-1 ms-3"> <h6>Monitor Portfolio</h6> <p class="text-muted small mb-0"> Track your positions and portfolio performance in real-time. </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- API Endpoints Preview --> <div class="row"> <div class="col-12"> <h2 class="text-center mb-4">API Endpoints</h2> <div class="row g-3"> <div class="col-md-6 col-lg-3"> <div class="card"> <div class="card-body text-center"> <i data-feather="shuffle" class="text-primary mb-2"></i> <h6 class="card-title">Swap Tokens</h6> <code class="small">POST /api/v1/swap</code> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card"> <div class="card-body text-center"> <i data-feather="trending-up" class="text-success mb-2"></i> <h6 class="card-title">Lend Assets</h6> <code class="small">POST /api/v1/lend</code> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card"> <div class="card-body text-center"> <i data-feather="layers" class="text-warning mb-2"></i> <h6 class="card-title">Farm Yield</h6> <code class="small">POST /api/v1/farm</code> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card"> <div class="card-body text-center"> <i data-feather="pie-chart" class="text-info mb-2"></i> <h6 class="card-title">Portfolio</h6> <code class="small">GET /api/v1/portfolio</code> </div> </div> </div> </div> </div> </div> </div> {% endblock %} {% block extra_scripts %} <script> // Initialize feather icons after page load document.addEventListener('DOMContentLoaded', function() { feather.replace(); // Add fade-in animations on scroll const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const observer = new IntersectionObserver(function(entries) { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; } }); }, observerOptions); // Observe all cards for animation document.querySelectorAll('.card, .feature-card').forEach(card => { card.style.opacity = '0'; card.style.transform = 'translateY(20px)'; card.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(card); }); }); </script> {% endblock %}