@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/about/umrah_banner.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Umrah Package</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>Umrah Package</li>
                </ul>
            </div>
        </div>
    </div>





    {{-- Umrah content --}}


    {{-- Umrah content --}}





    {{-- Umrah Package --}}



    <section class="overflow-hidden space arrow-wrap" id="blog-sec">
        <div class="container">
            <div class="mb-30 text-center text-md-center">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-12">
                        <div class="title-area mb-md-0">
                            <h2 class="sec-title">Umrah Packages Highlights</h2>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row">


                <div class="col-xxl-12 col-lg-12">
                    <div class="tour-page-single">
                      
                        <div class="page-content">
                           
                            <h2 class="box-title">Highlights</h2>
                            <p class="recent-post-meta mb-20">We offer a range of Umrah packages designed to suit every need and budget. Whether you're traveling with family, friends, or as part of a group, our packages cover all aspects of your journey, including travel, accommodation, and guided tours.</p>
                            
                            <h2 class="box-title mb-20">Why Choose Us</h2>
                            <div class="destination-checklist mb-40">
                                <div class="checklist style2">
                                    <ul class="checklist12">
                                        <li>Expert Travel Planners:</li>
                                        <li>Affordable Packages:</li>
                                        <li>Quality Accommodation:</li>
                                        <li>Guided Tours:</li>
                                        <li>Visa Assistance:</li>
                                       
                                    </ul>
                                </div>
                                <div class="checklist style2">
                                    <ul>
                                        <li>With years of experience, we provide seamless travel experiences.</li>
                                        <li>Tailored packages to fit various budgets without compromising on comfort.</li>
                                        <li>Partnering with the best hotels near Masjid al-Haram and Masjid al-Nabawi.</li>
                                        <li>Knowledgeable guides ensuring you get the most out of your spiritual experience.</li>
                                        <li>Complete visa processing assistance to make your journey hassle-free.</li>
                                    </ul>
                                </div>
                            </div>


                            <h2 class="box-title mb-20">Our Umrah Services</h2>
                            <div class="destination-checklist mb-50">
                                <div class="checklist style2">
                                    <ul class="checklist12">
                                        <li>Visa Processing:</li>
                                        <li>Flight Booking:</li>
                                        <li>Accommodation:</li>
                                        <li>Transportation:</li>
                                        <li>Guided Umrah Tours:</li>
                                        <li>24/7 Support:</li>
                                       
                                    </ul>
                                </div>
                                <div class="checklist style2">
                                    <ul>
                                        <li>We handle all the paperwork for your Umrah visa to ensure a smooth and timely process.</li>
                                        <li>Choose from a variety of flights with flexible options for departure dates and times.</li>
                                        <li>Stay in close proximity to the holy mosques in Makkah and Madinah with a range of 3-star to 5-star options.</li>
                                        <li>Comfortable and reliable transport options for easy transfers between the holy cities and airports.</li>
                                        <li>Benefit from experienced local guides who will help you with all the rituals and provide insights into the history of the holy cities.</li>
                                        <li>Our team is available around the clock to assist you with any questions or emergencies during your journey.</li>
                                    </ul>
                                </div>
                            </div>
                           
                        </div>
                    </div>
                </div>



                {{-- <div class="col-lg-12 col-md-12">

                    <div class="widget">
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Introduction:</h4>
                                    <div class="recent-post-meta">We offer a range of Umrah packages designed to suit every
                                        need and budget. Whether you're traveling with family, friends, or as part of a
                                        group, our packages cover all aspects of your journey, including travel,
                                        accommodation, and guided tours.</div>
                                </div>
                            </div>
                            <h3 class="widget_title">Why Choose Us</h3>
                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-body">
                                        <h4 class="post-title">Expert Travel Planners</h4>
                                        <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                            With years of experience, we provide seamless travel experiences.</div>
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-body">
                                        <h4 class="post-title">Affordable Packages</h4>
                                        <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Tailored packages
                                            to fit various budgets without compromising on comfort.</div>
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-body">
                                        <h4 class="post-title">Quality Accommodation</h4>
                                        <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Partnering with the
                                            best hotels near Masjid al-Haram and Masjid al-Nabawi.</div>
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-body">
                                        <h4 class="post-title">Guided Tours</h4>
                                        <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Knowledgeable
                                            guides ensuring you get the most out of your spiritual experience.</div>
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-body">
                                        <h4 class="post-title">Visa Assistance</h4>
                                        <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Complete visa
                                            processing assistance to make your journey hassle-free.</div>
                                        <br>
                                        <br>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <h3 class="widget_title">Our Umrah Services</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">

                                <div class="media-body">
                                    <h4 class="post-title">Visa Processing</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>We handle all the
                                        paperwork for your Umrah visa to ensure
                                        a smooth and timely process.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Flight Booking</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Choose from a variety
                                        of flights with flexible options
                                        for departure dates and times.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Accommodation</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Stay in close proximity
                                        to the holy mosques in Makkah and
                                        Madinah with a range of 3-star to 5-star options.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Transportation</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Comfortable and
                                        reliable transport options for easy
                                        transfers between the holy cities and airports.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Guided Umrah Tours</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Benefit from
                                        experienced local guides who will help you
                                        with all the rituals and provide insights into the history of the holy cities.</div>
                                </div>
                            </div>


                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">24/7 Support</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Our team is available
                                        around the clock to assist you with
                                        any questions or emergencies during your journey.</div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div> --}}

                {{-- <div class="col-lg-6 col-md-12">
                    <div class="widget">
                        <h3 class="widget_title">Our Umrah Services</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">

                                <div class="media-body">
                                    <h4 class="post-title">Visa Processing</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>We handle all the paperwork for your Umrah visa to ensure
                                        a smooth and timely process.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Flight Booking</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Choose from a variety of flights with flexible options
                                        for departure dates and times.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Accommodation</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Stay in close proximity to the holy mosques in Makkah and
                                        Madinah with a range of 3-star to 5-star options.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Transportation</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Comfortable and reliable transport options for easy
                                        transfers between the holy cities and airports.</div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Guided Umrah Tours</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Benefit from experienced local guides who will help you
                                        with all the rituals and provide insights into the history of the holy cities.</div>
                                </div>
                            </div>


                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">24/7 Support</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Our team is available around the clock to assist you with
                                        any questions or emergencies during your journey.</div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div> --}}


            </div>
            <div class="row align-items-center justify-content-center">
                <div class="space-top mb-4 text-center text-md-center">
                    <div class="col-md-12">
                        <div class="title-area mb-md-0">
                            <h2 class="sec-title">Umrah Packages</h2>

                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12">
                    <div class="row">
                        @foreach ($umrah_package as $show)
                        <div class="col-lg-4 col-md-12 mb-5">
                            <div class="tour-box th-ani">
                                <div class="tour-box_img global-img">
                                    <img src="{{ asset('dashboard_assets/umrah_package') }}/{{ $show->image }}" alt="image">
                                </div>
                                <div class="tour-content">
                                    <h3 class="currency"><a href="#">{{ $show->name}}</a>
                                    </h3>
                                    <div class="tour-rating">
                                        <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                            <span style="width:100%">Rated <strong class="rating">5.00</strong>
                                                out of 5 based on <span class="rating">4.8</span>(4.8
                                                Rating)</span>
                                        </div><a href="#" class="woocommerce-review-link">(<span
                                                class="count">4.8</span>
                                            Rating)</a>
                                    </div>
                                    <h4 class="tour-box_price">{{ $show->description }}</h4>
                                    <div class="tour-action"><span><i class="fa-light fa-clock"></i>{{ $show->days }}</span> <a href="#" class="th-btn style4 th-icon">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach

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

        </div>
    </section>



    {{-- Umrah Package --}}
@endsection