@extends('front.layout')
@section('header')
    @php
        $content = changeForm(@$page->body);
    @endphp
    <link rel="stylesheet" href="/front/assets/css/pages/about.css" />
    <link rel="stylesheet" href="/front/assets/css/pages/contact.css" />
    <title>{{ @$page->seo_title }}</title>
    <meta name="description" content="{{ @$page->meta_description }}">
    <meta name="keyword" content="{{ @$page->meta_keyword }}">
    <link rel="canonical" href="{{ @$page->canonical ?: str_replace('http://', 'https://', Request::url()) }}">
    <style>
        .order-sec{
            font-size: 16px;
            font-weight: 300;
            color: #1E1E1E;
            line-height: 32px;
        }
        @media screen and (min-width: 1024px) {
            .order-sec{
                margin: 0 150px;
            }

        }

        @media screen and (min-width: 768px) {
            .image-banner{
                margin-top: 100px;
            }

            .image-banner img{
                height: 400px;
                object-fit: cover;
            }
        }
        p{
            font-size: 16px;
            font-weight: 300;
            color: #1E1E1E;
            line-height: 32px;
        }

        .bout-hero__content h1 {
            font-weight: 800;
            font-size: 32px;
            line-height: 40px;
            border-bottom: 3px solid #FF9A1E;
            padding-bottom: 8px;
            display: inline-block;
        }

        .bout-hero__content h2 {
            font-weight: 600;
            font-size: 28px;
            line-height: 30px;
            border-bottom: 3px solid #FF9A1E;
            padding-bottom: 8px;
            display: inline-block;
        }

        .section-title h1 {
            font-weight: 800;
            font-size: 32px;
            line-height: 40px;
            border-bottom: 3px solid #FF9A1E;
            padding-bottom: 8px;
            display: inline-block;
        }

        .section-title h2 {
            font-weight: 600;
            font-size: 28px;
            line-height: 30px;
            border-bottom: 3px solid #FF9A1E;
            padding-bottom: 8px;
            display: inline-block;
        }

        .breadcrumbs {
            padding: 0 5px 0 5px;
            border-radius: 2px;
            margin-bottom: 15px;
            display: flex !important;
        }

        @media only screen and (max-width: 768px) {
            .section-title {
                span {
                    font-size: 11px !important;
                }
            }
        }
        .bout-hero__content img{
            width: 100% !important;
            height: auto !important;
        }
        .main-menu > ul > li {
            > a {
                color: white;
            }
        }
        .contact-us-ways__content header img{
            width: 38px !important;
            height: 38px !important;
        }

        .simple-text h2{
            font-size: 32px;
            font-weight: 800;
            margin-top: 60px;
            margin-bottom: 60px;
            color: #1E1E1E;
            text-align: center;
            display: block;
            border-bottom: unset !important;
        }
    </style>
@endsection
@section('content')
    <div class="image-banner">
        <img  src="/front/assets/images/about-banners.jpg" class="d-block w-100" alt="title" />
        <div>
            <h1>
                <div class="container">معرفی خدمات</div>
            </h1>
        </div>
    </div>
    <div class="container p-2 pt-0">
        <div class="bout-hero__content px-3">
            <div class="mt-4">
                <br>
                <h1>حمل و نقل بین المللی و ترانزیت</h1>
                <br>
                <br>
                <p>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
                </p>
                <p>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
                </p>
                <br>
                <br>
                <br>
                <div class="d-flex justify-content-center">
                    <h1>
                        سفارشات خود را به ما بسپارید
                    </h1>
                </div>
                <br>
                <p style="text-align: center">
                    این شرکت در حمل و نقل بین المللی کالا، خدماتی از قبیل انجام تشریفات گمرکی مرز سرخس و اینچه برون، ارائه بن تضمین گمرکی، اخذ مناسب ترین نرخ حمل و کد کرایه مسیر از اکسپیدتور طرف قرارداد خود، رهگیری و تریسینگ واگنها در قلمرو کشورهای آسیای میانه بصورت روزانه، صدور بارنامه بین المللی SMGS و عملیات فورواردری در قلمرو کشور ایران را ارائه مینماید.
                    در این راستا شرکت، آمادگی انعقاد قراردادهای حمل ریلی از مبدا ایران به کشورهای CIS و بالعکس با تضمین تامین انواع واگن مورد نیاز را دارد. صاحبان کالا می توانند برای صادرات، واردات و ترانزیت محصولاتشان به صورت درازمدت و بدون وقفه، برنامه ریزی نموده و با اطمینان خاطر نسبت به انعقاد قرارداد بین المللی اقدام نمایند.
                </p>

                <br>
                <br>
                <img src="/front/images/should-delete/map.png" width="100%" alt="">
                <br>
                <br>
                <br>
                <br>
                <div class="d-flex justify-content-center">
                    <h1>
                        سفارش خود را به راحتی ثبت کنید
                    </h1>
                </div>
                <br>
                <p style="text-align: center">
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
                </p>
                <br>
                <br>
                <br>

                <div class="row">
                    <div class="col-md-3 col-sm-6 col-6 px-4">
                        <div class="d-grid justify-content-center">
                            <img  src="/front/images/box-search.png" style="width: 36px !important;" class="d-block " alt="title" />
                        </div>
                        <span style="font-weight: 700;font-size: 18px;color: #1E1E1E" class="d-grid justify-content-center">
                            مرحله شماره یک
                        </span>
                        <p class="d-grid justify-content-center" style="font-weight: 300;font-size: 14px;color: #606060">
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
                        </p>
                    </div>

                    <div class="col-md-3 col-sm-6 col-6 px-4" style="margin-top: 60px">
                        <div class="d-grid justify-content-center">
                            <img  src="/front/images/moneys.png" style="width: 36px !important;" class="d-block " alt="title" />
                        </div>
                        <span style="font-weight: 700;font-size: 18px;color: #1E1E1E" class="d-grid justify-content-center">
                            مرحله شماره یک
                        </span>
                        <p class="d-grid justify-content-center" style="font-weight: 300;font-size: 14px;color: #606060">
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
                        </p>
                    </div>


                    <div class="col-md-3 col-sm-6 col-6 px-4">
                        <div class="d-grid justify-content-center">
                            <img  src="/front/images/3d-cube-scan.png" style="width: 36px !important;" class="d-block " alt="title" />
                        </div>
                        <span style="font-weight: 700;font-size: 18px;color: #1E1E1E" class="d-grid justify-content-center">
                            مرحله شماره یک
                        </span>
                        <p class="d-grid justify-content-center" style="font-weight: 300;font-size: 14px;color: #606060">
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
                        </p>
                    </div>


                    <div class="col-md-3 col-sm-6 col-6 px-4" style="margin-top: 60px">
                        <div class="d-grid justify-content-center">
                            <img  src="/front/images/truck-fast.png" style="width: 36px !important;" class="d-block " alt="title" />
                        </div>
                        <span style="font-weight: 700;font-size: 18px;color: #1E1E1E" class="d-grid justify-content-center">
                            مرحله شماره یک
                        </span>
                        <p class="d-grid justify-content-center" style="font-weight: 300;font-size: 14px;color: #606060">
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
                        </p>
                    </div>
                </div>



            </div>
        </div>
        <div class="request-form-section">
            <img src="/front/assets/images/should-delete/banner4.jpg" class="d-block w-100" alt="title" />
            <div class="request-form-section__inner">
                <div class="row align-items-end justify-content-between">
                    <div class="col-12 col-md-8">
                        <h3>
                            {{ trans('translate.request_form_title') }}
                        </h3>
                        <p>
                            {{ trans('translate.request_form_desc') }}
                        </p>
                    </div>

                    <div class="col-12 col-md-3 d-flex justify-content-end">
                        <a class="site-btn" href="{{ getFirstSegment() }}{{ trans('translate.request_form_btn_link') }}" style="color: black">
                            {{ trans('translate.request_form_btn_title') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <section class="home-links">
            <header class="section-title">
                <div class="d-flex align-items-center justify-content-center">
                    <h2>
                        {{ trans('translate.related_links') }}
                    </h2>
                </div>
            </header>

            <div class="home-links__contents">
                <div class="owl-carousel link-owl-carousel owl-theme">
                    @foreach($related as $item)
                        <div class="item">
                            <div class="d-flex align-items-center flex-column justify-content-center">
                                <a href="{{ $item->link }}" class="home-links__content">
                                    <img src="/{{ $item->src }}" width="72" class="d-block" />
                                    <span>{{ $item->title }}</span>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>

    </div>
@endsection