@extends('layouts.app')
@section('content')
    <div class="hero-section">
        <div class="hero-single" style="background: url({{asset('assets/img/hero/hero-4.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="feature-area py-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-climbing"></i>
                            </div>
                            <h4 class="feature-title">3,000 + راهنما محلی</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="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="activity-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">
                        <a href="{{route('tour.index')}}">
                            <span class="site-title-tagline">تور ها</span>

                        </a>
                        <h2 class="site-title">اخرین تور های ما</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach($tours as $card)
                    @include('components.tourcard' , ['tour' => $card])
                @endforeach


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


    <div class="destination-area destination-2 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">
                        <a href="{{route('flight.index')}}">

                            <span class="site-title-tagline">پرواز ها</span>
                        </a>
                        <h2 class="site-title">اخرین پرواز ها</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach($flights as $card)
                    @include('components.flightcard' , ['flight' => $card])
                @endforeach
            </div>
        </div>
    </div>




@endsection