@extends('layouts.vpm-mobile-app', ['active' => 'fund'])

@section('title', 'Buy crypto')

@section('content')
<div class="vpm-fund-account">
    <div class="vpm-fund-account__intro">
        <h2 class="vpm-fund-account__title">Buy crypto</h2>
        <div class="vpm-fund-account__links">
            <a href="{{ route('app.fund') }}" class="vpm-fund-account__link">Fund account</a>
            <a href="{{ route('app.pricing') }}" class="vpm-fund-account__link">View pricing</a>
        </div>
    </div>

    <section class="vpm-fund-account__card">
        <div class="vpm-fund-account__card-body">
            <p class="vpm-fund-account__copy">
                Purchase crypto through your preferred exchange, then deposit to your trading balance using the fund account flow.
            </p>
            <a href="{{ route('app.fund') }}" class="vpm-btn vpm-btn--primary vpm-btn--block">Go to fund account</a>
        </div>
    </section>
</div>
@endsection