@foreach ($data['section'] as $section)
    @if ($section['type'] == 'banner')
        <section class="banner">
            <div class="bg_banner" style="background-image: url('{{ asset('landingpage/img/' . $section['image']) }}')">
                <div class="container">
                    <h1>{{ $section['title'] }}</h1>
                </div>
            </div>
        </section>
    @endif

    @if ($section['type'] == 'break_text')
        <section class="break_text">
            <div class="container">
                <h2>{{ $section['title'] }}</h2>
            </div>
        </section>
    @endif

    @if ($section['type'] == 'paragraph')
        <section class="paragraph">
            <div class="container">
                {!! $section['description'] !!}
            </div>
        </section>
    @endif

    @if ($section['type'] == 'paragraph_text_left')
        <section class="paragraph_text_left">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2>{{ $section['title'] }}</h2>
                        {!! $section['description'] !!}
                    </div>
                    <div class="col-md-6 my-auto">
                        <img src="{{ asset('landingpage/img/' . $section['image']) }}" alt="">
                    </div>
                </div>
                <hr>
            </div>
        </section>
    @endif

    @if ($section['type'] == 'paragraph_text_right')
        <section class="paragraph_text_right">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 my-auto">
                        <img src="{{ asset('landingpage/img/' . $section['image']) }}" alt="">
                    </div>
                    <div class="mt-3 mt-md-0 col-md-6">
                        <h2>{{ $section['title'] }}</h2>
                        {!! $section['description'] !!}
                    </div>
                </div>
                <hr>
            </div>
        </section>
    @endif
@endforeach

<section class="contact">
    <div class="container">
        <h5>Get in Touch</h5>
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card_header">
                        <h2>OUR OFFICES</h2>
                    </div>
                    <div class="card-body">
                        <div class="items__">
                            <img src="{{ asset('landingpage/img/contact/Phone.png') }}" alt="">
                            <p>0815-6776- 1442-2887</p>
                        </div>
                        <div class="items__">
                            <img src="{{ asset('landingpage/img/contact/Email.png') }}" alt="">
                            <p>support@jsd.com</p>
                        </div>
                        <div class="items__">
                            <img src="{{ asset('landingpage/img/contact/building.png') }}" alt="">
                            <p>Jl. BSD Grand Boulevard No.1, Pagedangan, Kec. Pagedangan.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mt-5 mt-md-auto">
                <div class="mb-3">
                    <input type="text" class="form-control" placeholder="Nama*">
                </div>
                <div class="mb-3">
                    <input type="email" class="form-control" placeholder="Email*">
                </div>
                <div class="">
                    <textarea class="form-control " placeholder="Sampaikan pesan anda" rows="7"></textarea>
                </div>
            </div>
        </div>
        <div class="text-md-end mt-3">
            <button type="button" class="btn btn_buyticket" >Kirim</button>
        </div>
    </div>
</section>