> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trady.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Trady Learn Center

> Guides and tutorials to take you from your first trade to cross-chain alpha.

## Popular quickstarts

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '20px', marginBottom: '64px'}}>
  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Create Trady Account" icon="building" iconType="duotone" horizontal href="/create-trady-account">
      Explore how to create your Trady account.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Withdraw" icon="arrow-down-to-bracket" iconType="duotone" horizontal href="/withdraw">
      Explore how to withdraw funds from your account.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Deposit" icon="angles-up" iconType="duotone" horizontal href="/deposit">
      Explore how to deposit with Trady.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Portfolio" icon="wallet" iconType="duotone" horizontal href="/portfolio">
      Explore how to manage your portfolio.
    </Card>
  </div>
</div>

<div style={{width: '100%', height: '1px', background: 'linear-gradient(to right, transparent, rgba(127, 224, 127, 0.3), transparent)', marginBottom: '64px'}} />

## Trady Architecture

<div style={{display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '20px', marginBottom: '64px'}}>
  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Architecture" icon="archway" iconType="duotone" horizontal href="/architecture">
      Seamless cross-chain trading with modular architecture.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Aggregated Assets" icon="chart-line" iconType="duotone" horizontal href="/aggregated-assets">
      Unified assets, gasless cross-chain trading.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Transaction Lifecycle" icon="recycle" iconType="duotone" horizontal href="/transaction-cycle">
      Four-phase secure, optimized cross-chain execution.
    </Card>
  </div>
</div>

<div style={{width: '100%', height: '1px', background: 'linear-gradient(to right, transparent, rgba(127, 224, 127, 0.3), transparent)', marginBottom: '64px'}} />

## Markets & Insights

<div style={{display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '20px', marginBottom: '64px'}}>
  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Highlights" icon="lightbulb" iconType="duotone" horizontal href="/highlights">
      Track top movers, trending tokens, and market sentiment.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Market Overview" icon="chart-mixed" iconType="duotone" horizontal href="/market-overview">
      Real-time market data and comprehensive analytics.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Copy Trades" icon="copy" iconType="duotone" horizontal href="/copy">
      Verified on-chain trader rankings and analytics.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Wallet Tracker" icon="flag-swallowtail" iconType="duotone" horizontal href="/wallet-tracker">
      Get notified when wallets you care about move.
    </Card>
  </div>

  <div style={{background: 'transparent', borderRadius: '12px', transition: 'all 0.2s', minHeight: '160px'}} onMouseEnter={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid #7fe07f'; card.style.boxShadow = '0 4px 12px rgba(127, 224, 127, 0.2)'; card.style.transform = 'translateY(-2px)'; } }} onMouseLeave={(e) => { const card = e.currentTarget.querySelector('.card, a[class*="card"]'); if (card) { card.style.border = '2px solid transparent'; card.style.boxShadow = 'none'; card.style.transform = 'translateY(0)'; } }}>
    <Card title="Leaderboard" icon="chess-board" iconType="duotone" horizontal href="/leaderboard">
      On-chain verified trader rankings and analytics.
    </Card>
  </div>
</div>