@extends('layouts.app')

@section('title', 'Pricing Page')

@section('content')
<div id="kt_app_content" class="app-content  flex-column-fluid ">

    <!--begin::Content container-->
    <div id="kt_app_content_container" class="app-container  container-xxl ">

        <!--begin::Pricing card-->
        <div class="card" id="kt_pricing">
            <!--begin::Card body-->
            <div class="card-body p-lg-17">
                <!--begin::Plans-->
                <div class="d-flex flex-column">
                    <!--begin::Heading-->
                    <div class="mb-13 text-center">
                        <h1 class="fs-2hx fw-bold mb-5">Checkout</h1>

                        <div class="text-gray-600 fw-semibold fs-5">
                            We use this info to prevent spam and verify your account.</br> Your card will not be charged for 14 days and you can cancel at any time.</a>.
                        </div>
                    </div>
                    <!--end::Heading-->


                    <!--begin::Row-->
                   @livewire('checkout')
                    <!--end::Row-->
                </div>
                <!--end::Plans-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Pricing card-->
    </div>
    <!--end::Content container-->
</div>
@endsection

@section('script')

@endsection