@extends('frontend.layouts.master')
@section('title') {{$title}} @endsection
@section('content')
@php
    $banner_bg = "";
    if($banner != null){
        $banner_bg = 'style="background-image:url('.asset($banner->value).')"';
    }
@endphp

<section class="banner smallest-banner" {!!$banner_bg !!}>
    @include('frontend.partials.navbar')
    <div class="banner-content">
        <h1 class="text-capitalize" data-aos="fade-right">{{$title}}</h1>
    </div>

</section>
<section class="content" data-aos="fade-up" data-aos-delay="400">
    @if($content != null)
    {!! $content->value !!}
    @endif
</section>
@if($title == 'services')
<section class="services container-fluid">
    <h2 data-aos="fade-right">Our Services</h2>
    <div class="row">
        <div class="col-md-4">
            <div class="service-card" data-aos="fade-up">
                GC7 Games
            </div>
        </div>
        <div class="col-md-4">
            <div class="service-card" data-aos="fade-up" data-aos-delay="300">
                Tournament Games
            </div>
        </div>
        <div class="col-md-4">
            <div class="service-card" data-aos="fade-up" data-aos-delay="500">
                FREE GAMES & LUCKY WHEEL
            </div>
        </div>
    </div>
    @if(get_page_settings_images('service_background', \App\Models\PageSettings::HOME) != null)
    <div class="bg-img" data-aos="fade-left" data-aos-delay="800">
        <img src="{{ asset('') . get_page_settings_images('service_background', \App\Models\PageSettings::HOME)[0]->value }}" alt="" class="img-fluid">
    </div>
    @endif
</section>
@endif
@endsection
@section('script')
<script>
  $(function () {

  });
</script>
@endsection