@extends('website.layout.master')

@section('title')
    Subsciptions
@endsection

@section('content')
    <style>
        .nice-select .list{
            height: 250px !important;
            overflow-y: auto !important;
        }
    </style>
    <!-- Inner Banner -->
    <div class="inner-banner inner-bg8">
        <div class="container">
            <div class="inner-title text-center">
                <h3>Subsciptions</h3>
                <ul>
                    <li>
                        <a href="{{route('home')}}">Home</a>
                    </li>
                    <li>
                        <i class='bx bx-chevron-right'></i>
                    </li>
                    <li>Subsciptions</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Inner Banner End -->

    <!-- Pricing Area -->
    <section class="pricing-area ptb-100 pb-70">
        <div class="container">
            <div class="section-title text-center">
                <span>Pricing</span>
                <h2>Choose Your Plan</h2>
                <p>Register, showcase your profile, and connect with potential clients or employers.</p>
            </div>
            <div class="row pt-45">
                <div class="col-lg-4 col-md-6">
                    <div class="price-card">
                        <div class="content">
                            <i class="flaticon-deal"></i>
                            <h3>Starter Plan</h3>
                            <h2><sup>$</sup>29</h2>
                            <span>Billed Monthly</span>
                        </div>
                        <ul>
                            <li>1 Listing</li>
                            <li>Visible for 30 Days</li>
                            <li>Standard Listing</li>
                            <li>Email Support</li>
                        </ul>
                        <a href="{{route('uploaddata')}}" class="default-btn border-radius">
                            Get Started
                            <i class='bx bx-plus'></i>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="price-card">
                        <div class="content">
                            <i class="flaticon-megaphone"></i>
                            <h3>Professional Plan</h3>
                            <h2><sup>$</sup>79</h2>
                            <span>Billed Quarterly</span>
                        </div>
                        <ul>
                            <li>5 Listings</li>
                            <li>Visible for 90 Days</li>
                            <li>Featured in Search Results</li>
                            <li>Priority Support</li>
                        </ul>
                        <a href="{{route('uploaddata')}}" class="default-btn border-radius">
                            Get Started
                            <i class='bx bx-plus'></i>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="price-card">
                        <div class="content">
                            <i class="flaticon-diamond"></i>
                            <h3>Elite Plan</h3>
                            <h2><sup>$</sup>149</h2>
                            <span>Billed Annually</span>
                        </div>
                        <ul>
                            <li>Unlimited Listings</li>
                            <li>Lifetime Visibility</li>
                            <li>Premium Featured Placement</li>
                            <li>24/7 VIP Support</li>
                        </ul>
                        <a href="{{route('uploaddata')}}" class="default-btn border-radius">
                            Get Started
                            <i class='bx bx-plus'></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Pricing Area End -->



@endsection

@section('script')
    <script src="{{ URL::asset('website/js/vendor/waypoints.js') }}"></script>

@endsection