@extends("layouts.front.main")
@section("content")
         <!-- page title area start -->
         <section class="page-title-area pt-160 pb-160" data-overlay="8" data-background="../renovation-construction/img/bg/page-title-bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="page-title text-center">
                            <div class="border-title">
                                <h1>Blog</h1>
                            </div>
                            <h1>Blog Details</h1>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb justify-content-center">
                                    <li class="breadcrumb-item">
                                        <a href="{{ route('front') }}">Home</a>
                                    </li>
                                    <li class="breadcrumb-item active" aria-current="page">Blog Details</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- page title area end -->

        <!-- Blog start -->
        <section class="blog-content-area pt-120 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-10 col-md-10">
                        <div class="blog-wrapper">
                            <article>
                                <div class="post-item mb-40">
                                    <div class="post-inner">
                                        <div class="post-thumb">
                                            <img src="{{ $post->getFirstMediaUrl('post','mainthumb') }}" alt="blog">
                                        </div>
                                        <div class="post-content">

                                            <h4 class="post-title">{{ $post->name }}
                                            </h4>
                                            <div class="post-text">

                                                {!! $post->description !!}



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


                    </div>

                </div>
            </div>
        </section>
        <!-- Blog end -->
@endsection