@extends('frontend.layouts.main')
@section('content')
    <div class="newsInfo" id="newsInfo">
        <i class="icon-speaker"></i>
        <marquee class="marquee"> SELAMAT DATANG !!! DI {{ general()->title }} SITUS GAME SLOT ONLINE TERLENGKAP DAN
            TERPERCAYA
            SEJAGAD RAYA INDONESIA</marquee>
        <i class="icon-navigate-next"></i>
    </div>

    <div class="main-header-title">
        <h3>Promosi</h3>
    </div>

    <div class="promotions-container">
        <div class="promotions-list">
            <div class="promotions-wrap" data-wrap="outer_wrap">
                <header class="mb-4">
                    <!-- Promotion title-->
                    <h4 class="fw-bolder text-center mb-3" style="color:black">{{ $now->judul }}</h4>
                </header>
                <div class="promotion-title">
                    <img src="{{ env('AWS_URL') }}{{ $now->gambar }}" alt="{{ $now->judul }}">
                </div>
                <div class="promotions-info" data-wrap="info_wrap">
                    <div class="promotions-info-content">
                        {!! $now->text !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('desktop')
    <div class="middle promotion">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <article class="p-4 mt-4">
                        <header class="mb-4">
                            <h4 class="fw-bolder text-center mb-1">{{ $now->judul }}</h4>
                        </header>
                        <figure class="mb-4">
                            <img class="img-fluid rounded"
                                src="{{ env('AWS_URL') }}{{ $now->gambar }}"
                                alt="{{ $now->judul }}" />
                        </figure>
                        <section class="pt-4 mb-5">
                            {!! $now->text !!}
                        </section>
                    </article>
                </div>
            </div>
        </div>
    </div>
@endsection