@extends('layouts.home_layout')
@section('home')
    <section class="hero-wrap hero-wrap-2" style="background-image: url({{ asset('home_assets/images/slider-01.jpg') }});"
        data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row no-gutters slider-text align-items-end">
                <div class="col-md-9 ftco-animate pb-5">
                    <p class="breadcrumbs mb-2"><span class="mr-2"><a href="/">Home <i
                                    class="ion-ios-arrow-forward"></i></a></span> <span class="mr-2"><a
                                href="{{ route('posts.home') }}">Blog <i class="ion-ios-arrow-forward"></i></a></span></p>
                    <h1 class="mb-0 bread">Blogs</h1>
                </div>
            </div>
        </div>
    </section>
    <section class="ftco-section ftco-degree-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 ftco-animate">
                    <livewire:posts.home-post />
                </div>
            </div> <!-- .col-md-12 -->
        </div>
        </div>
    </section> <!-- .section -->
@endsection