---
# https://vitepress.dev/reference/default-theme-home-page
layout: home

hero:
  name: "<img src='/dexorder_full_darkmode.svg'/>                             "
#  text: Advanced DeFi Orders
  tagline: Power up Uniswap with limit orders, stoplosses, DCA's, breakout orders, and more. 100% noncustodial and EVM-native.
  actions:
    - theme: brand
      text: Launch App
      link: https://app.dexorder.com/
      target: dexorder-app
    - theme: alt
      text: Documentation
      link: /introduction
#  image: /dexorder-diag-hero.png
#    light: /dexorder_full_lightmode.svg
#    dark: /dexorder_full_darkmode.svg

features:
  - title: Supports Uniswap v3
    details: Dexorder connects to the existing liquidity pools you know and love.
    icon:
      src: https://upload.wikimedia.org/wikipedia/commons/e/e7/Uniswap_Logo.svg
  - title: Limits & Diagonals
    details: Place limit orders and NEW diagonal limit lines to trade trends
    icon:
      src: /limit-ico.png
  - title: DCA & TWAP
    details: Split orders across time to average your price or manage big orders.
    icon:
      src: /dca-ico.png
  - title: Breakout Orders
    details: Jump on fresh trends and buy when the price breaks <i>above</i> your level.
    icon:
      src: /breakout-ico.png
  - title: Stop-loss & Take-profit
    details: Automatically exit your postions in a 24/7 market<br/>(Coming Soon)
    icon: '±%'
  - title: Fast and Cheap
    icon:
      light: /arb1-dark.svg
      dark: /arb1-light.svg
    details: Running on Arbitrum One means orders trade fast with cheap gas. More L2's coming soon.
    
---

<style>
a.VPButton-medium-brand {
    border-color: var(--vp-button-brand-border);
    color: var(--vp-button-brand-text);
    background-color: var(--vp-button-brand-bg);
    border-radius: 20px;
    padding: 0 20px;
    line-height: 38px;
    font-size: 14px;
    display: inline-block;
    /*border: 1px solid transparent;*/
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s;
    text-decoration: none;
}

a.VPButton-medium-brand:hover {
    border-color: var(--vp-button-brand-hover-border);
    color: var(--vp-button-brand-hover-text);
    background-color: var(--vp-button-brand-hover-bg);
}
</style>

<div style="text-align: center; margin-top: 2rem;">
  <a class="VPButton-medium-brand" href="https://dexorder.com/" target="dexorder-app">Launch App</a>
</div>

