@extends('layouts.app')
@section('content')
    <main class="main">

        <div class="hero-section">
            <div class="hero-single" style="background: url({{asset('assets/img/hero/hero-2.jpg')}})">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12 mx-auto">
                            <div class="hero-content text-center">
                                <div class="hero-content-wrapper">
                                    <h1 class="hero-title">جهان را با هم کاوش کنید</h1>
                                    <p>پایین ترین کرایه ها را برای مقصد خود جستجو کنید و راه بهتری برای سفر بیابید</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="search-area">
            <div class="container">
                <div class="search-wrapper">

                    <div class="search-box flight-search">
                        <div class="search-form">
                            <form action="#">

                                <div class="flight-type">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" checked value="one-way" name="flight-type" id="flight-type1">
                                        <label class="form-check-label" for="flight-type1">
                                            یک طرفه
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" value="round-way" name="flight-type" id="flight-type2">
                                        <label class="form-check-label" for="flight-type2">
                                            راه دور
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" value="multi-city" name="flight-type" id="flight-type3">
                                        <label class="form-check-label" for="flight-type3">
                                            چند شهر
                                        </label>
                                    </div>
                                </div>


                                <div class="flight-search-wrapper">
                                    <div class="flight-search-content">

                                        <div class="flight-search-item">
                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>از</label>
                                                        <div class="form-group-icon">
                                                            <input type="text" name="from-destination" class="form-control swap-from" value="نیو یورک">
                                                            <i class="fal fa-plane-departure"></i>
                                                        </div>
                                                        <p>جفک - فرودگاه بین المللی جان اف کندی
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <div class="search-form-swap"><i class="far fa-repeat"></i>
                                                        </div>
                                                        <label>به</label>
                                                        <div class="form-group-icon">
                                                            <input type="text" name="to-destination" class="form-control swap-to" value="لوس آنجلس">
                                                            <i class="fal fa-plane-arrival"></i>
                                                        </div>
                                                        <p>لکس - فرودگاه بین المللی لس آنجلس</p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <div class="search-form-date">
                                                            <div class="search-form-journey">
                                                                <label>تاریخ سفر</label>
                                                                <div class="form-group-icon">
                                                                    <input type="text" name="journey-date" class="form-control date-picker journey-date">
                                                                    <i class="fal fa-calendar-days"></i>
                                                                </div>
                                                                <p class="journey-day-name"></p>
                                                            </div>
                                                            <div class="search-form-return">
                                                                <label>زمان بازگشت</label>
                                                                <div class="form-group-icon">
                                                                    <input type="text" name="return-date" class="form-control date-picker return-date">
                                                                </div>
                                                                <p class="return-day-name"></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group dropdown passenger-box">
                                                        <div class="passenger-class" role="menu" data-bs-toggle="dropdown" aria-expanded="false">
                                                            <label>مسافر، کلاس</label>
                                                            <div class="form-group-icon">
                                                                <div class="passenger-total"><span class="passenger-total-amount">2</span>
                                                                    Passenger
                                                                </div>
                                                                <i class="fal fa-user-plus"></i>
                                                            </div>
                                                            <p class="passenger-class-name">کسب و کار</p>
                                                        </div>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <div class="dropdown-item">
                                                                <div class="passenger-item">
                                                                    <div class="passenger-info">
                                                                        <h6>بزرگسالان</h6>
                                                                        <p>12+ سال</p>
                                                                    </div>
                                                                    <div class="passenger-qty">
                                                                        <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                                        <input type="text" name="adult" class="qty-amount passenger-adult" value="2" readonly>
                                                                        <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="dropdown-item">
                                                                <div class="passenger-item">
                                                                    <div class="passenger-info">
                                                                        <h6>بچه ها</h6>
                                                                        <p>2-12 سال</p>
                                                                    </div>
                                                                    <div class="passenger-qty">
                                                                        <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                                        <input type="text" name="children" class="qty-amount passenger-children" value="0" readonly>
                                                                        <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="dropdown-item">
                                                                <div class="passenger-item">
                                                                    <div class="passenger-info">
                                                                        <h6>نوزاد</h6>
                                                                        <p>زیر 2 سال</p>
                                                                    </div>
                                                                    <div class="passenger-qty">
                                                                        <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                                        <input type="text" name="infant" class="qty-amount passenger-infant" value="0" readonly>
                                                                        <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="dropdown-item">
                                                                <h6 class="mb-3 mt-2">کلاس کابین</h6>
                                                                <div class="passenger-class-info">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="radio" value="Economy" name="cabin-class" id="cabin-class1">
                                                                        <label class="form-check-label" for="cabin-class1">
                                                                            اقتصادی
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" checked type="radio" value="Business" name="cabin-class" id="cabin-class2">
                                                                        <label class="form-check-label" for="cabin-class2">
                                                                            کسب و کار
                                                                        </label>
                                                                    </div>
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="radio" value="First Class" name="cabin-class" id="cabin-class3">
                                                                        <label class="form-check-label" for="cabin-class3">
                                                                            فرست کلس
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="flight-search-item flight-multicity-item have-to-clone">
                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>از</label>
                                                        <div class="form-group-icon">
                                                            <input type="text" name="from-destination" class="form-control swap-from" value="نیو یورک">
                                                            <i class="fal fa-plane-departure"></i>
                                                        </div>
                                                        <p>جفک - فرودگاه بین المللی جان اف کندی
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <div class="search-form-swap"><i class="far fa-repeat"></i>
                                                        </div>
                                                        <label>به</label>
                                                        <div class="form-group-icon">
                                                            <input type="text" name="to-destination" class="form-control swap-to" value="لوس آنجلس">
                                                            <i class="fal fa-plane-arrival"></i>
                                                        </div>
                                                        <p>لکس - فرودگاه بین المللی لس آنجلس</p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <div class="search-form-date">
                                                            <div class="search-form-journey">
                                                                <label>تاریخ سفر</label>
                                                                <div class="form-group-icon">
                                                                    <input type="text" name="journey-date" class="form-control date-picker journey-date">
                                                                    <i class="fal fa-calendar-days"></i>
                                                                </div>
                                                                <p class="journey-day-name"></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <div class="multicity-btn">
                                                            <i class="fal fa-plus-circle"></i> Add
                                                            Another Flight
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="search-btn">
                                        <button type="submit" class="theme-btn"><span class="far fa-search"></span>جستجو کردن</button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div class="feature-area pt-120">
            <div class="container">
                <div class="feature-wrapper">
                    <div class="row">
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                                <div class="feature-icon">
                                    <i class="flaticon-aeroplane"></i>
                                </div>
                                <h4 class="feature-title">Easy & Quick Booking</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                                <div class="feature-icon">
                                    <i class="flaticon-price"></i>
                                </div>
                                <h4 class="feature-title">بهترین گارانتی قیمت</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                                <div class="feature-icon">
                                    <i class="flaticon-customer-service"></i>
                                </div>
                                <h4 class="feature-title">خدمات مشتریان 24/7</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="flight-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">پرواز</span>
                            <h2 class="site-title">محبوب ترین پروازهای ما</h2>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/01.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-1.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <span class="badge">ویژه</span>
                                <img src="assets/img/flight/02.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-2.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/03.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-3.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/04.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-4.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/05.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-5.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <span class="badge badge-discount">ذخیره 25%</span>
                                <img src="assets/img/flight/06.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-6.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/07.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-1.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="flight-item">
                            <div class="flight-img">
                                <img src="assets/img/flight/08.jpg" alt>
                                <a href="#" class="add-wishlist"><i class="far fa-heart"></i></a>
                            </div>
                            <div class="flight-content">
                                <div class="flight-title">
                                    <div class="flight-title-info">
                                        <img src="assets/img/flight/airline-2.png" alt>
                                        <h4><a href="#">نیو یورک <i class="far fa-exchange"></i> لوس آنجلس</a></h4>
                                    </div>
                                    <p class="flight-date"><i class="far fa-calendar-days"></i>01 مهر 1402 - 30 مهر 1402</p>
                                </div>
                                <div class="flight-bottom">
                                    <div class="flight-price">
                                        از <span>500 تومان </span>
                                    </div>
                                    <div class="flight-text-btn">
                                        <a href="#">نمایش جزئیات <i class="fas fa-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-center mt-3">
                        <a href="#" class="theme-btn">بیشتر پیدا کن<i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
            </div>
        </div>


        <div class="cta-area pb-120">
            <div class="container">
                <div class="cta-wrapper">
                    <div class="row">
                        <div class="col-lg-7 mx-auto text-center">
                            <div class="cta-text">
                                <h1>برنامه های سفر انعطاف پذیر خود را رزرو کنید</h1>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان است. </p>
                            </div>
                            <a href="#" class="theme-btn mt-30">اکنون تماس بگیرید <i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="destination-area bg py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">مقصد</span>
                            <h2 class="site-title">محبوب ترین مقاصد ما</h2>
                        </div>
                    </div>
                </div>
                <div class="destination-slider owl-carousel owl-theme" dir="ltr">
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/img/destination/02.jpg" alt>
                        </div>
                        <div class="destination-info" dir="rtl">
                            <h4>شهر نیو یورک</h4>
                            <div class="destination-rate">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fal fa-star"></i>
                                <span>(2.5k بررسی)</span>
                            </div>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-earth-americas"></i>پکیج 30 تور</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn"><i class="far fa-arrow-left"></i></a>
                    </div>
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/img/destination/03.jpg" alt>
                        </div>
                        <div class="destination-info" dir="rtl">
                            <h4>سن فرانسیسکو</h4>
                            <div class="destination-rate">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fal fa-star"></i>
                                <span>(2.5k بررسی)</span>
                            </div>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-earth-americas"></i>پکیج 30 تور</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn"><i class="far fa-arrow-left"></i></a>
                    </div>
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/img/destination/05.jpg" alt>
                        </div>
                        <div class="destination-info" dir="rtl">
                            <h4>لوس آنجلس</h4>
                            <div class="destination-rate">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fal fa-star"></i>
                                <span>(2.5k بررسی)</span>
                            </div>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-earth-americas"></i>پکیج 30 تور</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn"><i class="far fa-arrow-left"></i></a>
                    </div>
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/img/destination/07.jpg" alt>
                        </div>
                        <div class="destination-info" dir="rtl">
                            <h4>سیدنی</h4>
                            <div class="destination-rate">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fal fa-star"></i>
                                <span>(2.5k بررسی)</span>
                            </div>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-earth-americas"></i>پکیج 30 تور</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn"><i class="far fa-arrow-left"></i></a>
                    </div>
                    <div class="destination-item">
                        <div class="destination-img">
                            <img src="assets/img/destination/08.jpg" alt>
                        </div>
                        <div class="destination-info" dir="rtl">
                            <h4>هنگ گنگ</h4>
                            <div class="destination-rate">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fal fa-star"></i>
                                <span>(2.5k بررسی)</span>
                            </div>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-earth-americas"></i>پکیج 30 تور</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn"><i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
            </div>
        </div>


        <div class="deal-area deal-1 py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">معامله سفر</span>
                            <h2 class="site-title">محبوب ترین تخفیف های سفر ما</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">نیو یورک</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">هنگ گنگ</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">سن فرانسیسکو</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">لاس وگاس</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">لوس آنجلس</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">سیدنی</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">نیواورلان</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                        <div class="deal-item">
                            <div class="deal-info">
                                <h5 class="deal-title">Australia</h5>
                                <span class="deal-price"> 720 تومان </span>
                            </div>
                            <a href="#" class="theme-btn">اکنون ثبت کن</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="testimonial-area bg py-120">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading">
                            <span class="site-title-tagline">توصیه ها و گواهینامه</span>
                            <h2 class="site-title">لورم ایپسوم متن ساختگی با تولید سادگی است.</h2>
                            <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع و بسیار زیادی در این مورد است.</p>
                            <a href="#" class="theme-btn mt-30">کاوش کردن بیشتر<i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="testimonial-slider owl-carousel owl-theme wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s" dir="ltr">
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/01.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>سیلویا اچ گرین</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/02.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>گوردو نواک</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/03.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>مایکل جکسون</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/04.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>برایان جیمز</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/05.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>بندیکت کمبریچ</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="blog-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">وبلاگ ما</span>
                            <h2 class="site-title">آخرین وبلاگ و اخبار ما</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                            <div class="blog-item-img">
                                <img src="assets/img/blog/01.jpg" alt="Thumb">
                            </div>
                            <div class="blog-item-info">
                                <div class="blog-item-meta">
                                    <ul>
                                        <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                        <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                    </ul>
                                </div>
                                <h4 class="blog-title">
                                    <a href="#">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و ساده است.</a>
                                </h4>
                                <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                            <div class="blog-item-img">
                                <img src="assets/img/blog/02.jpg" alt="Thumb">
                            </div>
                            <div class="blog-item-info">
                                <div class="blog-item-meta">
                                    <ul>
                                        <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                        <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                    </ul>
                                </div>
                                <h4 class="blog-title">
                                    <a href="#">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و ساده است.</a>
                                </h4>
                                <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                            <div class="blog-item-img">
                                <img src="assets/img/blog/03.jpg" alt="Thumb">
                            </div>
                            <div class="blog-item-info">
                                <div class="blog-item-meta">
                                    <ul>
                                        <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                        <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                    </ul>
                                </div>
                                <h4 class="blog-title">
                                    <a href="#">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و ساده است.</a>
                                </h4>
                                <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
@endsection