{{-- @include('layouts.inc.home.header')
<!-- ======= Hero Section ======= -->
  <section id="hero">
    <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url(assets_home/images/slider-01.jpg);">
          <div class="carousel-container">

          </div>
        </div>

        <!-- Image -->
        <div class="carousel-item" style="background-image: url(assets_home/images/1.jpeg);">
        <div class="carousel-container">

        </div>
        </div>

      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
      </a>

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Us Section ======= -->
    <section id="about-us" class="about-us">
      <div class="container" data-aos="fade-up">

        <div class="row content m-3">
          <div class="col-lg-6 col-md-6 col-sm-6" data-aos="fade-right"  style="background-image: url(assets_home/images/1.jpeg);">
          </div>
        <div class="col-lg-6 col-md-6 pt-4 pt-lg-0" data-aos="fade-left">
            <livewire:home.about.right-side />
          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->
    
    <!-- ======= Services Section ======= -->
    <livewire:home.posts.latest />

  <!-- ======= Footer ======= -->
@include('layouts.inc.home.footer')
  <!-- End Footer -->
@include('layouts.inc.home.scripts') --}}


@extends('layouts.home_layout')
@section('home')
    @include('layouts.inc.home.hero_wrap')

    <livewire:home.about.right-side />

    <livewire:home.services />

    <livewire:home.posts.latest />
@endsection