@php
$data = get_setting('home_banner');
// dump($data);
@endphp
@if (@$data['on_banner'])
<section id="or-offer" class="or-offer-section position-relative">
 <div class="container">
  <div class="row">
   <div class="col-lg-12">
    <div class="headline text-center mb-15 w-100">
     <h2>{!! @$data['title_banner'] !!}</h2>
     {{-- <p>{!! @$data['sub_title'] !!}</p> --}}
    </div>
   </div>
  </div>
  <div class="or-offer-content">
   <div class="row">
    <div class="col-12">
     <div class="or-shop-banner-innerbox position-relative">
      <div class="or-shop-banner-text headline-2 pera-content">
       {{-- <h3>{!! @$data['title_home1'] !!}</h3>
       <p>{!! @$data['subtitle_home1'] !!}</p> --}}
       <div class="or-btn-2">
        <a class="d-flex justify-content-center align-items-center" href="{!! asset(@$data['url_home1'] ?? '#') !!}">{!!
         @$data['url_home1_title'] !!}</a>
       </div>
      </div>
      <div class="or-shop-banner-img-wrapper">
       <div class="or-shop-banner-img-1 ">
        <img src="{!! asset(@$data['image_home1']) !!}" alt="{!! @$data['title_home1'] !!}">
       </div>
       <div class="or-shop-banner-img-2 ">
        <!-- <img src="img/shop/sbs3.png" alt="Image"> -->
       </div>
      </div>
     </div>
    </div>

   </div>
   <br>
<div class="row">
    <div class="col-12">
     <div class="or-shop-banner-innerbox position-relative">
      <div class="or-shop-banner-text headline-2 pera-content">
       {{-- <h3>{!! @$data['title_home2'] !!}</h3>
       <p>{!! @$data['subtitle_home2'] !!}</p> --}}
       <div class="or-btn-2">
        <a class="d-flex justify-content-center align-items-center" href="{!! asset(@$data['url_home2'] ?? '#') !!}">{!!
         @$data['url_home2_title'] !!}</a>
       </div>
      </div>
      <div class="or-shop-banner-img-wrapper">
       <div class="or-shop-banner-img-1 ">
        <img src="{!! asset(@$data['image_home2']) !!}" alt="{!! @$data['title_home2'] !!}">
       </div>
       <div class="or-shop-banner-img-2 ">
        <!-- <img src="img/shop/sbs3.png" alt="Image"> -->
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</section>
@endif
<section id="or-cta" class="or-cta-section">
 <div class="container">
  <a href="{{ @$data['url_home3'] ?? '#' }}">
   <div class="or-cta-content" data-background="{!! asset(@$data['image_home3']) !!}">
    <div class="or-cta-text text-center headline pera-content">
     <p></p>
     <h3></h3>
     <!-- <a class="d-flex justify-content-center align-items-center" href="">Contact Us</a> -->
    </div>
   </div>
  </a>
 </div>
</section>