@extends('template.master')
@section('body')

<section id="about" style="padding-top:70px !important">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-7 col-xl-8 col-xxl-9 mx-auto text-center">
                <div class="tt-el-caption mb-0">
                    <h3 class="mb-10"><span class="underline-3 style-3 green">Panduan</span>Pengguna Onebox</span>
                    </h3>
                    <form class="search-form">
                        <div class="form-floating mb-0">
                            <input id="search-form" type="text" class="form-control" placeholder="Search"
                                fdprocessedid="ahtl7i">
                            <label for="search-form">Apa yang ingin kamu cari?</label>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="produk-bantuan">
    <div class="container py-15">
        <div class="row">
            @if (!empty($pusat_bantuan))
                @foreach ($pusat_bantuan as $item)
                    <div class="col-lg-4">
                        <div class="service-featured">
                            <div class="service-featured_content">
                                <div class="shape-icon">
                                <img src="https://cms.ciptadrasoft.com/upload/{!! $item->lampiran !!}" alt="" class="w-100">
                                    <span class="dots"></span>
                                </div>
                                <h3 class="box-title">
                                    <a href="service-details.html">{{ $item->title }}</a>
                                </h3>
                                <p class="service-featured_text">{{ $item->Author }}</p>
                                    <a href="service-details.html" class="icon-btn"><i class='bx bx-right-arrow-alt' ></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>

</section>

<section class="card-prom wrapper cta-wrapper">
    <div class="container py-md-2">
        <div class="row align-items-center">
            <div class="card-pad container py-md-2">
                <div class="card-solusi bg-gray rounded-4">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-lg-6">
                            <h5>Transformasikan Bisnis Anda dengan Solusi Omnichannel Terintegrasi</h5>
                            <p>Diskusikan dengan tim kami untuk memberikan solusi yang tepat untuk bisnis Anda</p>

                            <div class="justify-content-center justify-content-lg-start mt-5" data-cues="slideInDown"
                                data-group="page-title-buttons" data-delay="200">
                                <a class="feature-button"
                                    href="https://wa.me/{{$profil[0]->Telp ?? ''}}?text=Halo Tim Onebox, Saya ingin mengajukan beberapa pertanyaan"
                                    target="_blank"><i class='bx bxl-whatsapp me-2' ></i>Hubungi Whatsapp Kami</a>
                            </div>
                        </div>

                        <div class="col-lg-6 text-end">
                            <img src="{{asset('assets/img/illustrations/img-cta.png')}}" alt="cta-onebox">
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--/.row -->

        <!--/.row -->
    </div>
</section>
@endsection

<!--/#about-->