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

@section('title', 'Contact Center Omnichanel')
@section('description', 'Satu solusi untuk melayani informasi dan pengaduan publik dari semua channel berup telepon, Whatsapp, Media Sosial, Play Store, dll')

<!-- /header -->
<section class="section-frame mx-xxl-11 overflow-hidden mt-10">
    <div class="wrapper image-wrapper bg-cover rounded-5 bg-gray bg-soft-blue-light">
        <div class="container py-8 py-sm-4 py-md-10 position-relative">
    <div class="row align-items-center">
      <div class="col-lg-6 position-relative mb-8 order-lg-2">
        <img src="{{asset('assets/img/illustrations/gambar-marsel/prospect.webp')}}" alt="omnichannel" class="w-100">

      </div>
      <div class="col-lg-6">
        <div class="tt-el-caption">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{url('/')}}" title="Beranda">Beranda</a></li>
              <li class="breadcrumb-item"><a href="#" title="Produk">Produk</a></li>
              <li class="breadcrumb-item active" aria-current="page">Contact Center</li>
            </ol>
          </nav>
          <h1 class="display-2 m-0"><span style="color: #3a9dc2 ;">Contact Center</span></h1>
          <h1 class="display-2 mb-0 mx-sm-n2 mx-md-0 mt-1">Solusi Layanan Publik Omnichannel</h1>

        </div>
        <p class="mb-4 text-justify">Satu solusi untuk melayani informasi dan pengaduan publik dari semua channel berup telepon, Whatsapp, Media Sosial, Play Store, Google Review dan channel lainnya dalam satu layar platform yang terintegrasi
        </p>
      </div>
    </div>
    </div>
  </div>
  </div>
</section>


<section class="manfaatprod-wrapper bg-light">
  <div class="container py-4 py-md-13">
    <div class="row justify-content-between">
      <div class="col-md-9 col-lg-7 col-xl-8 col-xxl-9 mx-auto text-center">
        <div class="tt-el-caption text-center mb-1">
          {{-- <h4 class="display-7 mb-3">Kanal Layanan yang terintegrasi</h4> --}}
          <h2 class="display-4 text-center mb-0">Optimalkan produktivitas dengan interaksi yang cepat dan mudah. Onebox
            memungkinkan dalam mempersonalisasi pengalaman pelanggan, membangun
            loyalitas, dan pendapatan.</h2>
        </div>
      </div>

      <section class="benefit-wrapper mt-10 mb-12" id="demos">
        <div class="container">
          <div class="row mb-8">
            <div class="col-md-9 col-lg-7 col-xl-8 col-xxl-9 mx-auto text-center">
              <div class="tt-el-caption">
                <h2 class="display-4 mb-3 text-center mb-0">Manfaat</h2>
                <h4 class="display-7">Solusi Omnichannel untuk membangun <span>loyalitas pelanggan </span>dalam satu layar</h4>

              </div>
            </div>
            <!-- /column -->
          </div>
          <!-- /.row -->
          <div class="benefit-sec">
            <div class="row service-group solusi">
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/service.webp" alt="layanan" data-width="37px" loading="lazy">
                        </div>
                        <h6>Kinerja Cepat</h6>
                        <p>
                            Melayani lebih baik, bekerja lebih cepat dan mudah
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/feedback.webp" alt="feedback" data-width="40px" loading="lazy">
                        </div>
                        <h6>Feedback</h6>
                        <p>Feedback pelanggan, Peta masalah, dan layanan lebih terukur</p>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/layar.webp" alt="kanal" data-width="50px" loading="lazy">
                        </div>
                        <h6>Satu Layar</h6>
                        <p>
                            Melayani berbagai kanal layanan dalam satu layar
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/kinerja.webp" alt="kinerja" data-width="50px" loading="lazy">
                        </div>
                        <h6>Riwayat Profile</h6>
                        <p>
                            Mengenali lebih dalam profile dan riwayat pelanggan
                        </p>
                    </div>
                </div>
            </div>

            <div class="row service-group solusi">
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/diluar.webp" alt="operasional" data-width="50px"
                                loading="lazy">
                        </div>
                        <h6>Fleksibel</h6>
                        <p>
                            Operasional layanan lebih hemat dan dapat bekerja diluar kantor
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/profil=0p-pp.webp" alt="profile" data-width="50px"
                                loading="lazy">
                        </div>
                        <h6>Produktif</h6>
                        <p>Meningkatkan Produktivitas melalui Pengukuran Kinerja Agen dan Unit Layanan
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/integrasi.webp" alt="integrasi" data-width="50px"
                                loading="lazy">
                        </div>
                        <h6>Terintegrasi</h6>
                        <p>
                            Terintegrasi dengan knowledge, profile pelanggan, dan task manajemen
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="tt-el-service">
                        <div class="icon-layanan mb-3">
                            <img src="../assets/img/icons/branding.webp" alt="branding" data-width="50px" loading="lazy">
                        </div>
                        <h6>Branding</h6>
                        <p>
                            Membantu <strong>bisnis bertumbuh </strong>dalam layanan, branding dan penjualan
                        </p>
                    </div>
                </div>

            </div>
            <!-- /.project -->
        </div>
        </div>
      </section>

      <section class="foto-produk mb-10">
        <div class="container">
          <div class="row">
            <div class="img-produk">
              <img src="{{asset('assets/img/illustrations/screen-img.webp')}}" alt="onebox" style="width:100%;" loading="lazy">
            </div>
          </div>
        </div>
      </section>

      <section class="dashboard mt-10" style="background-color: #469bbb17;padding: 40px 20px;">
        <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-6">
              <img src="{{asset('assets/img/illustrations/gambar-marsel/prospect.webp')}}" alt="integrasi" class="w-100">
            </div>
            <div class="col-lg-5">
              <div class="ttt-el-caption text-left mb-3">
                <h3>Manfaat Produk</h3>
              </div>
              <div class="manfaat-produk">
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">1</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Meningkatkan tingkat layanan (response time dan resolution time)</p>
                  </div>
                </div>
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">2</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Melihat aktivitas dan produktivitas agent</p>
                  </div>
                </div>
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">3</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Pemetaan dan penyelesaian masalah berdasarkan kanal, kategori masalah, produk,unit kerja, dan wilayah</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="dashboard mt-10">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-lg-5">
              <div class="ttt-el-caption text-left mb-3">
                <h3>Manfaat Produk</h3>
              </div>
              <div class="manfaat-produk">
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">1</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Menangani ticket dari berbagai channel dalam satu screen</p>
                  </div>
                </div>
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">2</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Terintegrasi dengan data pelanggan, core system, informasi produk dan layanan lainnya</p>
                  </div>
                </div>
                <div class="d-flex flex-row mb-3">
                  <div>
                    <span class="icon btn btn-circle btn-soft-primary disabled me-2"><span class="number fs-18">3</span></span>
                  </div>
                  <div>
                    <p class="mb-0">Kemudahan eskalasi, kolaborasi dengan unit lain dalam melakukan penyelesaian layanan</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <img src="{{asset('assets/img/illustrations/gambar-marsel/prospect.webp')}}" alt="integrasi" class="w-100">
            </div>

          </div>
        </div>
      </section>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</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 bg-soft-blue-light 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 class=" text-justify">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