@extends('front.include.app')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <section class="inner-banner p-0">
        <img src="{{ asset('front/images/inner-bg.webp') ?? ''}}" alt="image" class="img-fluid">
        <div class="container">
            <div class="inner-banner__content">
                <h1>Packages</h1>
                <ul>
                    <li><a href="">Home</a></li>
                    <li><span>//</span></li>
                    <li><a href="">Packages</a></li>
                </ul>
            </div>
        </div>
    </section>
    <section class="training-main">
        <div class="container">
            <div class="training__title text-center mb-5">
                <h5 class="subhead">training prices</h5>
                <h2 class="mainhead">Book Your Trainings</h2>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="training__card">
                        <div class="training__card--title text-center">
                            <h5>Single Training</h5>
                            <h3><sup>$</sup>19</h3>
                        </div>
                        <ul class="training__card--list">
                            <li><i class="fas fa-check"></i> 1 hour individual training</li>
                            <li><i class="fas fa-check"></i> Personal trainings plan creation</li>
                            <li><i class="fas fa-times"></i> Meal and diet plan creation</li>
                            <li><i class="fas fa-times"></i> Free support and advice</li>
                            <li><i class="fas fa-times"></i> Health monitoring</li>
                        </ul>
                        <div class="training__card--btn text-center">
                            <a href="" class="themeBtn"><em>Get Now</em></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="training__card">
                        <div class="training__card--title text-center">
                            <h5>Weekly</h5>
                            <h3><sup>$</sup>50</h3>
                        </div>
                        <ul class="training__card--list">
                            <li><i class="fas fa-check"></i> 1 hour individual training</li>
                            <li><i class="fas fa-check"></i> Personal trainings plan creation</li>
                            <li><i class="fas fa-times"></i> Meal and diet plan creation</li>
                            <li><i class="fas fa-times"></i> Free support and advice</li>
                            <li><i class="fas fa-times"></i> Health monitoring</li>
                        </ul>
                        <div class="training__card--btn text-center">
                            <a href="" class="themeBtn"><em>Get Now</em></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="training__card">
                        <div class="training__card--choice">
                            best choice
                        </div>
                        <div class="training__card--title text-center">
                            <h5>Single Training</h5>
                            <h3><sup>$</sup>149</h3>
                        </div>
                        <ul class="training__card--list">
                            <li><i class="fas fa-check"></i> 1 hour individual training</li>
                            <li><i class="fas fa-check"></i> Personal trainings plan creation</li>
                            <li><i class="fas fa-times"></i> Meal and diet plan creation</li>
                            <li><i class="fas fa-times"></i> Free support and advice</li>
                            <li><i class="fas fa-times"></i> Health monitoring</li>
                        </ul>
                        <div class="training__card--btn text-center">
                            <a href="" class="themeBtn"><em>Get Now</em></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection