@extends('Frontend.Layouts.app')
@section('page_title', 'Blog page Template')

@section('content')
    @include('Frontend.Header.header')
    
    @php 
        $title = "Our Blog";
        $desc = "Discover The blog where luxury, comfort, and adventure come together.";
    @endphp
    @include('Frontend.Components.page-hero',compact('title','desc'))

    <!-- blog -->
    <div class="rts__section section__padding">
        <div class="container">
            <div class="row g-30 sticky-wrap">
                <div class="col-lg-7 col-xl-8">
                    <div class="blog__list__item ">
                        <!-- single blog item -->
                        <div class="single__blog">
                            <div class="single__blog__thumb">
                                <a href="{{route('blog-details')}}">
                                    <img src="{{asset('assets/images/pages/blog/1.webp')}}" height="490" width="760" alt="">
                                </a>
                            </div>
                            <div class="single__blog__meta">
                                <a href="#" class="category">Luxury Hotel</a>
                                <a href="{{route('blog-details')}}" class="h5">Discover Luxury: A Journey Through Our Hotel's Unique Offerings</a>
                                <p>In today's ever-evolving business landscape, staying ahead of the curve is essential for success. Whether you're a seasoned entrepreneur or just starting out, the key to thriving in this dynamic environment lies in adaptability and innovation.</p>
                                <div class="single__blog__meta__main">
                                    <div class="author__meta">
                                        <a href="#"><img src="{{asset('assets/images/author/3.webp')}}" height="40" width="40" alt="">Madison Roy</a>
                                        <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                    </div>
                                    <div class="readmore">
                                        <a href="{{route('blog-details')}}">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- single blog item end -->
                        <!-- single blog item -->
                        <div class="single__blog">
                            <div class="single__blog__thumb">
                                <a href="{{route('blog-details')}}">
                                    <img src="{{asset('assets/images/pages/blog/2.webp')}}" height="490" width="760" alt="">
                                </a>
                            </div>
                            <div class="single__blog__meta">
                                <a href="#" class="category">Luxury Hotel</a>
                                <a href="{{route('blog-details')}}" class="h5">Exclusive Deals: How to Make the Most of Your Stay at Bokinn</a>
                                <p>In today's ever-evolving business landscape, staying ahead of the curve is essential for success. Whether you're a seasoned entrepreneur or just starting out, the key to thriving in this dynamic environment lies in adaptability and innovation.</p>
                                <div class="single__blog__meta__main">
                                    <div class="author__meta">
                                        <a href="#"><img src="{{asset('assets/images/author/5.webp')}}" height="40" width="40" alt="">Alice Roy</a>
                                        <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                    </div>
                                    <div class="readmore">
                                        <a href="{{route('blog-details')}}">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- single blog item end -->
                        <!-- single blog item -->
                        <div class="single__blog">
                            <div class="single__blog__thumb">
                                <a href="{{route('blog-details')}}">
                                    <img src="{{asset('assets/images/pages/blog/3.webp')}}" height="490" width="760" alt="">
                                </a>
                            </div>
                            <div class="single__blog__meta">
                                <a href="#" class="category">Luxury Hotel</a>
                                <a href="{{route('blog-details')}}" class="h5">Indulge in Luxury: A Guide to Bokinn Premium Amenities</a>
                                <p>In today's ever-evolving business landscape, staying ahead of the curve is essential for success. Whether you're a seasoned entrepreneur or just starting out, the key to thriving in this dynamic environment lies in adaptability and innovation.</p>
                                <div class="single__blog__meta__main">
                                    <div class="author__meta">
                                        <a href="#"><img src="{{asset('assets/images/author/4.webp')}}" height="40" width="40" alt="">Madison Roy</a>
                                        <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                    </div>
                                    <div class="readmore">
                                        <a href="{{route('blog-details')}}">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- single blog item end -->
                        <!-- single blog item -->
                        <div class="single__blog">
                            <div class="single__blog__thumb">
                                <a href="{{route('blog-details')}}">
                                    <img src="{{asset('assets/images/pages/blog/4.webp')}}" height="490" width="760" alt="">
                                </a>
                            </div>
                            <div class="single__blog__meta">
                                <a href="#" class="category">Luxury Hotel</a>
                                <a href="{{route('blog-details')}}" class="h5">Exclusive Deals: How to Make the Most of Your Stay at Bokinn</a>
                                <p>In today's ever-evolving business landscape, staying ahead of the curve is essential for success. Whether you're a seasoned entrepreneur or just starting out, the key to thriving in this dynamic environment lies in adaptability and innovation.</p>
                                <div class="single__blog__meta__main">
                                    <div class="author__meta">
                                        <a href="#"><img src="{{asset('assets/images/author/5.webp')}}" height="40" width="40" alt="">Madison Roy</a>
                                        <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                    </div>
                                    <div class="readmore">
                                        <a href="{{route('blog-details')}}">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- single blog item end -->

                        <div class="load__more__link">
                            <a href="#">Load More</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-5 sticky-item">
                    <div class="blog__sidebar__section  ">
                        <h6 class="mb-3">Search</h6>
                        <form action="#" class="search__form">
                            <input type="text" name="search" placeholder="Search">
                            <i class="flaticon-search-1"></i>
                        </form>
                        <h6 class="mb-4">category</h6>
                        <div class="search__item__list">
                            <div class="d-flex align-items-center justify-content-between list">
                                <div class="d-flex gap-2 align-items-center checkbox is__small">
                                    <input type="checkbox" name="web" id="web">
                                    <label for="web">Adventure Stays</label>
                                </div>
                                <span>(130)</span>
                            </div>
                            <div class="d-flex align-items-center justify-content-between list">
                                <div class="d-flex gap-2 align-items-center checkbox  is__small">
                                    <input type="checkbox" name="design" id="design">
                                    <label for="design">Wellness & Relaxation</label>
                                </div>
                                <span>(80)</span>
                            </div>
                            <div class="d-flex align-items-center justify-content-between list">
                                <div class="d-flex gap-2 align-items-center checkbox is__small">
                                    <input type="checkbox" name="ux" id="ux">
                                    <label for="ux">Cultural Stays</label>
                                </div>
                                <span>(45)</span>
                            </div>
                            <div class="d-flex align-items-center justify-content-between list">
                                <div class="d-flex gap-2 align-items-center checkbox is__small">
                                    <input type="checkbox" name="dev" id="dev">
                                    <label for="dev">Historic Hotels</label>
                                </div>
                                <span>(100)</span>
                            </div>
                            <div class="d-flex align-items-center justify-content-between list">
                                <div class="d-flex gap-2 align-items-center checkbox is__small">
                                    <input type="checkbox" name="business" id="business">
                                    <label for="business">Pet-Friendly Hotels</label>
                                </div>
                                <span>(80)</span>
                            </div>
                        </div>
                        <h6 class="mb-4">Latest Post</h6>
                        <div class="latest__post mb-30">

                            <div class="single__post">
                                <div class="single__post__thumb">
                                    <a href="{{route('blog-details')}}">
                                        <img src="{{asset('assets/images/pages/blog/r-1.webp')}}" height="106" width="110" alt="">
                                    </a>
                                </div>
                                <div class="single__post__meta">
                                    <a href="#" class="font-sm">Top 10 Reasons Guests Love                               Staying at Bokinn</a>
                                    <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                </div>
                            </div>
                            <div class="single__post">
                                <div class="single__post__thumb">
                                    <a href="{{route('blog-details')}}">
                                        <img src="{{asset('assets/images/pages/blog/r-2.webp')}}" height="106" width="110" alt="">
                                    </a>
                                </div>
                                <div class="single__post__meta">
                                    <a href="#" class="font-sm">Top 10 Reasons Guests Love                               Staying at Bokinn</a>
                                    <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                </div>
                            </div>
                            <div class="single__post">
                                <div class="single__post__thumb">
                                    <a href="{{route('blog-details')}}">
                                        <img src="{{asset('assets/images/pages/blog/r-3.webp')}}" height="106" width="110" alt="">
                                    </a>
                                </div>
                                <div class="single__post__meta">
                                    <a href="#" class="font-sm">Top 10 Reasons Guests Love                               Staying at Bokinn</a>
                                    <span><img src="{{asset('assets/images/icon/clock.svg')}}" alt=""> 10 Min Read</span>
                                </div>
                            </div>

                        </div>
                        <h6 class="mb-4">Tags</h6>
                        <div class="tag__list">
                            <div class="tags__list">
                                <a href="#">Hotel Stay</a>
                                <a href="#">Travel Blog</a>
                                <a href="#">Guest Experience</a>
                                <a href="#"> Hotel Guide</a>
                                <a href="#">Hotel Review</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- blog end -->

    @include('Frontend.Footer.footer__common')
@endsection