@extends('partials.layouts')

@section('body_class', 'aa')

{{-- @push('scripts')
    <script src="{{ asset('resources/js/home.js') }}"></script>
@endpush --}}

<div class="banner-container">
    <div class="slick-slider">
      <!-- Slide 1 -->
      <div class="slick-slide">
        <div class="banner-bg" style="background-image: url('https://bootstrapmade.com/content/demo/BizLand/assets/img/hero-bg.jpg');"></div>
        <div id="particles-js"></div>
        <div class="banner-content">
          <h1><span class="typewriter" id="typewriter-text1"></span></h1>
          <p>Beautiful nature with interactive particles</p>
          <button class="cta-button">Explore Nature</button>
        </div>
      </div>

      <!-- Slide 2 -->
      <div class="slick-slide">
        <div class="banner-bg" style="background-image: url('https://bootstrapmade.com/content/demo/Baker/assets/img/hero-bg.jpg');"></div>
        <div class="banner-content">
          <h1><span class="typewriter" id="typewriter-text2"></span></h1>
          <p>Urban landscapes with stunning views</p>
          <button class="cta-button">Discover Cities</button>
        </div>
      </div>

      <!-- Slide 3 -->
      <div class="slick-slide">
        <div class="banner-bg" style="background-image: url('https://bootstrapmade.com/content/demo/BizLand/assets/img/hero-bg.jpg');"></div>
        <div class="banner-content">
          <h1><span class="typewriter" id="typewriter-text3"></span></h1>
          <p>Cutting-edge technology showcase</p>
          <button class="cta-button">View Tech</button>
        </div>
      </div>
    </div>
</div>

<div class="container-fluid container-xl position-relative align-items-center">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            asd
        </div>
    </div>
</div>
</div>



          {{-- <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
            <img src="{{ asset('images/about.jpg') }}" class="img-fluid" alt="">
          </div> --}}