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

@section('title', 'Produk Omnichanel')
@section('description', 'Semua Produk Onebox Contact Center Omnichanel')

<!-- /header -->
<section class="contact-wrapper position-relative pt-2 d-lg-flex align-items-center">
  <div class="container">
    <div class="row mt-5 mb-5 align-items-center">
      {{-- <div class="col-lg-6 position-relative mt-0 order-lg-2">
        <img src="https://cms.ciptadrasoft.com/upload/" alt="omnichannel">

      </div> --}}
      <div class="col-lg-12">
        <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 active" aria-current="page">Solusi</li>
            </ol>
          </nav>
          <div class="titlee">
            <h4 class="mb-0 text-primary" style="color: #343f52 !important;">Solusi Omnichannel untuk membangun loyalitas pelanggan dalam satu layar</h4>
          </div>
          {{-- <h1 class="display-2 m-0"><span style="color: #3a9dc2 ;">{!! $contactCenter[0]['sumber_informasi'] !!}</span></h1> --}}
          {{-- <h1 class="display-2 mb-0 mx-sm-n2 mx-md-0 text-center">Customer Service Omnichannel hadir dengan sistem yang dirancang untuk membantu organisasi dalam menyediakan pelayanan yang terpadu dan konsisten melalui berbagai saluran komunikasi. </h1> --}}

        </div>
        {{-- <p class="mb-4">{!! $contactCenter[0]['content'] !!}</p> --}}
      </div>
    </div>
  </div>
  </div>
</section>

{{-- @if (!empty($menu))
@foreach ($menu as $item) --}}
<section class="manfaatprod-wrapper bg-light">
  <div class="container py-2 py-md-13">
    <div class="row gx-lg-8 gx-xl-12 gy-6 px-xl-5">

      <div class="col-lg-4">
        <a href="{{url('/solusi/telekomunikasi')}}" title="Telekomunikasi" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-headphone"></i>
              </div>
            </div>
            <div>
              <h4>Telekomunikasi</h4>
              <p>Handle pengaduan terhubung dengan data pelanggan,
                billing serta otomasi work order.</p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="{{url('/solusi/pemerintahan')}}" title="Pemerintahan" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-building"></i>
              </div>
            </div>
            <div>
              <h4>Pemerintahan</h4>
              <p>Integrasi dengan portal layanan publik untuk
                memudahkan pengaduan dan aspirasi publik.</p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="{{url('/solusi/rumah-sakit')}}" title="Rumah Sakit" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-clinic"></i>
              </div>
            </div>
            <div>
              <h4>Rumah Sakit</h4>
              <p>Kemudahan integrasi dengan data pasien, jadwal praktek dokter serta informasi produk dan layanan RS.</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-lg-4">
        <a href="{{url('/solusi/finansial-asuransi')}}" title="Fintech dan Asuransi" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-heart"></i>
              </div>
            </div>
            <div>
              <h4>Fintech dan Asuransi</h4>
              <p>Integrasi data nasabah, survey, informasi simulasi
                premi, interaksi & notifikasi via whatsapp business.
              </p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="{{url('/solusi/retail')}}" title="Retail" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-water"></i>
              </div>
            </div>
            <div>
              <h4>Retail</h4>
              <p>Integrasi data pelanggan, eksternal system, dan
                informasi billing via whatsapp bot.</p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="{{url('/solusi/organisasi-nonprofit')}}" title="Non-Profit Organization" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-cctv"></i>
              </div>
            </div>
            <div>
              <h4>Non-Profit Organization</h4>
              <p>Sosialisasi program dimudahkan dengan whatsapp
                business dan interaksi semua channel direspon dengan
                cepat.</p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="{{url('/solusi/multilevel-marketing')}}" title="Multilevel Marketing" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-buildings"></i>
              </div>
            </div>
            <div>
              <h3>Multilevel Marketing</h3>
              <p>Melayani pengaduan dan laporan pelanggan dari
                berbagai channel.</p>
            </div>
          </div>
        </a>
      </div>

      <div class="col-lg-4">
        <a href="#" title="CSAT Layanan" class=" hover">
          <div class="d-flex flex-row card-list">
            <div>
              <div class="icon btn btn-circle pe-none btn-primary me-4">
                <i class="bx bx-buildings"></i>
              </div>
            </div>
            <div>
              <h3>CSAT Layanan</h3>
              <p>Memahami dan Meningkatkan Kepuasan Pelanggan dalam bisnis</p>
            </div>
          </div>
        </a>
      </div>
      <!--/column -->
    </div>
    <!--/.row -->
  </div>
  <!-- /.container -->
</section>

{{--
@endforeach
@endif --}}


<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