Your bank, your brand.
Crypto-native infrastructure beneath.

import { createAdapter, PerpsAdapterProvider } from '@perpsstudio/perps-sdk'
import { useTrading, useMarkPrice } from '@perpsstudio/perps-sdk/hooks'

const adapter = createAdapter({
  provider: 'hyperliquid',   // or 'aster'
  account:  userAddress,
})

function Trade() {
  const { placeMarketOrder } = useTrading()
  const { price } = useMarkPrice('BTC-PERP')

  return (
    <PerpsAdapterProvider adapter={adapter}>
      <button onClick={() => placeMarketOrder({
        symbol:   'BTC-PERP',
        side:     'long',
        size:     '0.05',
        leverage: 10,
      })}>
        Long BTC at {price}
      </button>
    </PerpsAdapterProvider>
  )
}