@if(isset($data) && is_array($data) && !empty($data))
<div class="scene" data-radius="650">
  <h2 class="scene__title" data-speed="0.7">
    <a href="{{ $data['scene_link'] }}">
      <span>{{ $data['scene_bg_title'] }}</span>
    </a>
  </h2>
  <h2 class="scene_marquee">{{ $data['scene_title'] }}</h2>
  <div class="carousel">
    @foreach($data['scene_items'] as $scene_item)
    <div class="carousel__cell">
      <div class="card" style="--img: url({{ asset($scene_item['scene_image']) }})">
        <div class="card__face card__face--front"></div>
        <div class="card__face card__face--back"></div>
      </div>
    </div>
    @endforeach
  </div>
</div>

@section('scripts')
  <script src="{{ asset(env('THEME_FOLDER') . '/assets/js/urunlerimiz/ScrollSmoother.min.js') }}"></script>
  <script src="{{ asset(env('THEME_FOLDER') . '/assets/js/urunlerimiz/ScrollToPlugin.min.js') }}"></script>
  <script src="{{ asset(env('THEME_FOLDER') . '/assets/js/urunlerimiz/SplitText.min.js') }}"></script>
  <script src="{{ asset(env('THEME_FOLDER') . '/assets/js/urunlerimiz/index.js') }}" type="module"></script>
  <script type="text/javascript" src="{{ asset(env('THEME_FOLDER') . '/assets/js/main.js') }}"></script>
@endsection
@endif