<x-pricing-section>
    <x-pricing-plan
        name="{{ $plans['first-tier']['name'] }}"
        price="{{ formatPrice(Number::currency(extractNumbers($plans['first-tier']['price_formatted']), in: $plans['first-tier']['currency'], locale: config('app.locale'))) }}<span class='text-sm font-normal'>{{ __('/month') }}</span>"
        :features="[
            '✅ Feature 1',
            '✅ Feature 2',
            '✅ Feature 3',
        ]"
        wire-click="subscribeToPlan"
        cta-action="#"
        cta-btn-text="{{ __('Choose Plan') }}"
        plan-id="{{ $plans['first-tier']['plan_id'] }}"
    />

    <x-pricing-plan
        name="{{ $plans['second-tier']['name'] }}"
        price="{{ formatPrice(Number::currency(extractNumbers($plans['second-tier']['price_formatted']), in: $plans['second-tier']['currency'], locale: config('app.locale'))) }}<span class='text-sm font-normal'>{{ __('/month') }}</span>"
        :features="[
            '✅ All Starter features',
            '✅ Feature 4',
            '✅ Feature 5',
        ]"
        :highlighted="true"
        wire-click="subscribeToPlan"
        cta-action="#"
        cta-btn-text="<b>{{ __('Choose Plan') }}</b>"
        plan-id="{{ $plans['second-tier']['plan_id'] }}"
    />

    <x-pricing-plan
        name="{{ $plans['third-tier']['name'] }}"
        price="{{ formatPrice(Number::currency(extractNumbers($plans['third-tier']['price_formatted']), in: $plans['third-tier']['currency'], locale: config('app.locale'))) }}<span class='text-sm font-normal'>{{ __('/month') }}</span>"
        :features="[
            '✅ All Advanced features',
            '✅ Feature 6',
            '✅ Feature 7',
        ]"
        wire-click="subscribeToPlan"
        cta-action="#"
        cta-btn-text="{{ __('Choose Plan') }}"
        plan-id="{{ $plans['third-tier']['plan_id'] }}"
    />
</x-pricing-section>
