@extends('layouts.layout5')
@php
    $title = 'Pricing Plan';
    $subtitle = 'Our Pricing';
@endphp
@section('title', 'Pricing Plan || Transwide || Professional Transportation & Logistics Laravel Template')
@section('content')

    <section class="pricing-one section-space">
        <div class="container">
            <div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
                <div class="sec-title__top">
                    <h6 class="sec-title__tagline">Pricing Plan</h6><!-- /.sec-title__tagline -->
                    <img src="{{ asset("/assets/images/shapes/sec-title-shape-1-1.png") }}" alt="Pricing Plan" class="sec-title__shape">
                </div><!-- /.sec-title__top -->
                <h3 class="sec-title__title">Choose Your Plan <br> According To You Need</h3><!-- /.sec-title__title -->
            </div><!-- /.sec-title -->
            <div class="row gutter-y-30">
                <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                    <div class="pricing-one__card">
                        <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                        </svg>
                        <h3 class="pricing-one__card__category">Free</h3><!-- /.pricing-category -->
                        <div class="pricing-one__card__content">
                            <h2 class="pricing-one__card__price">Free</h2><!-- /.pricing-price -->
                            <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                            <ul class="pricing-one__card__list list-unstyled">
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    1 Warehouse
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    100% Insurance
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    50 Freight Shipment
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Real Time Tracking
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Custom Business
                                </li>
                            </ul><!-- /.pricing-list -->
                        </div><!-- /.pricing-one__card__content -->
                    </div><!-- /.pricing-card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                    <div class="pricing-one__card">
                        <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                        </svg>
                        <h3 class="pricing-one__card__category">Premium</h3><!-- /.pricing-category -->
                        <div class="pricing-one__card__content">
                            <h2 class="pricing-one__card__price">
                                <span class="pricing-one__card__price__dollar">$</span>
                                <span>30.00</span>
                            </h2><!-- /.pricing-price -->
                            <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                            <ul class="pricing-one__card__list list-unstyled">
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    1 Warehouse
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    100% Insurance
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    50 Freight Shipment
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Real Time Tracking
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Custom Business
                                </li>
                            </ul><!-- /.pricing-list -->
                        </div><!-- /.pricing-one__card__content -->
                    </div><!-- /.pricing-card -->
                </div><!-- /.col-xl-4 col-md-6 -->
                <div class="col-xl-4 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                    <div class="pricing-one__card">
                        <svg class="pricing-one__card__category-bg" viewBox="0 0 311 457" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M0 0H311V457H45V183.647C45 179.473 42.9954 175.552 39.6114 173.108L5.38862 148.392C2.00456 145.948 0 142.027 0 137.853V0Z" />
                        </svg>
                        <h3 class="pricing-one__card__category">Golden</h3><!-- /.pricing-category -->
                        <div class="pricing-one__card__content">
                            <h2 class="pricing-one__card__price">
                                <span class="pricing-one__card__price__dollar">$</span>
                                <span>60.00</span>
                            </h2><!-- /.pricing-price -->
                            <p class="pricing-one__card__duration">Per month</p><!-- /.pricing-duration -->
                            <ul class="pricing-one__card__list list-unstyled">
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    1 Warehouse
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    100% Insurance
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    50 Freight Shipment
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Real Time Tracking
                                </li>
                                <li>
                                    <span class="pricing-one__card__list__icon">
                                        <i class="icon-check"></i>
                                    </span>
                                    Custom Business
                                </li>
                            </ul><!-- /.pricing-list -->
                        </div><!-- /.pricing-one__card__content -->
                    </div><!-- /.pricing-card -->
                </div><!-- /.col-xl-4 col-md-6 -->
            </div><!-- /.row gutter-y-30 -->
        </div><!-- /.container -->
    </section><!-- /.pricing-one section-space -->

    <x-footer />
    <x-mobileMenu />
    <x-searchPopup />
    <x-scroll-to-top />
@endsection