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

@section('title', 'Signals')

@section('content')
<div class="vpm-pricing vpm-signals">
    <h2 class="vpm-signals__title">Signals</h2>

    <ul class="vpm-pricing__grid">
        @foreach ($plans as $plan)
            <x-vpm.pricing-card
                :badge="$plan['badge']"
                :name="$plan['name']"
                :subtitle="$plan['subtitle'] ?? null"
                :price="$plan['price']"
                :currency="$plan['currency'] ?? 'USD'"
                :cta-label="$plan['cta_label']"
                :fund-url="$plan['fund_url']"
            />
        @endforeach
    </ul>
</div>
@endsection