@extends('/template-dokumentasi')

<!--//docs-wrapper-->

@section('content')


<div class="page-header theme-bg-dark py-5 text-center position-relative">
  <div class="theme-bg-shapes-right"></div>
  <div class="theme-bg-shapes-left"></div>
  <div class="container">
    <h1 class="page-heading single-col-max mx-auto">Dokumentasi</h1>
    <div class="page-intro single-col-max mx-auto">
      Panduan lengkap penggunaan {{env('CORP_BRAND')}} ERP yang dirancang khusus untuk mendukung kebutuhan Reseller.
    </div>

    {{-- ini adalah form pencarian --}}
    {{-- <div class="main-search-box pt-3 d-block mx-auto">
      <form class="search-form w-100">
        <input type="text" placeholder="Search the docs..." name="search" class="form-control search-input">
        <button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
      </form>
    </div> --}}
  </div>
</div>
<!--//page-header-->
<div class="page-content">
  <div class="container">
    <div class="docs-overview py-5">
      <div class="row justify-content-center">
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-user"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Karyawan</span>
              </h5>
              <div class="card-text">
                menu karyawan yang membantu dalam pengelolaan data karyawan secara efektif.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-1"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-cubes"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Produk</span>
              </h5>
              <div class="card-text">
                Menu ini dirancang untuk mempermudah pengelolaan paket layanan WiFi, termasuk penambahan, pembaruan, dan
                penghapusan paket, guna memenuhi kebutuhan pelanggan dengan lebih efisien.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-2"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-users"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Customer</span>
              </h5>
              <div class="card-text">
                Menyediakan informasi tentang customer, termasuk pengelolaan data Instalasi pelanggan untuk mendukung
                layanan yang lebih baik.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-3"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-file-invoice-dollar"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Invoice Penjualan</span>
              </h5>
              <div class="card-text">
                Membahas pengelolaan invoice penjualan, mulai dari pembuatan hingga pelacakan pembayaran dengan mudah.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-4"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-chart-simple"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Transaksi Reseller</span>
              </h5>
              <div class="card-text">
                FItur transaksi reseller yang mencakup pengelolaan Transaksi, pembayaran, dan laporan transaksi.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-5"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-thumbtack"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">WhatsApp</span>
              </h5>
              <div class="card-text">
                Mengulas menu WhatsApp yang mencakup fitur Broadcast Logs, Reply Chat Logs, dan pengelolaan komunikasi
                lainnya.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-6"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-tower-cell"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">NOC</span>
              </h5>
              <div class="card-text">
                Menyediakan pengelolaan Radius Users, ODP, dan Jalur ODP untuk mendukung operasional jaringan.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-7"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-money-bill-transfer"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Request Refund</span>
              </h5>
              <div class="card-text">
                Memberikan panduan lengkap mengenai proses permohonan refund, termasuk cara mudah untuk melakukan
                penarikan dana atau withdraw sesuai kebutuhan.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-8"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
        <div class="col-12 col-lg-4 py-3">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="theme-icon-holder card-icon-holder me-2">
                  <i class="fa-solid fa-cart-arrow-down"></i>
                </span>
                <!--//card-icon-holder-->
                <span class="card-title-text">Upgrade/ Downgrade</span>
              </h5>
              <div class="card-text">
                Fitur upgrade dan downgrade layanan dengan panduan yang jelas untuk mempermudah pengguna.
              </div>
              <a class="card-link-mask" href="/pages/dokumentasi#section-9"></a>
            </div>
            <!--//card-body-->
          </div>
          <!--//card-->
        </div>
        <!--//col-->
      </div>
      <!--//row-->
    </div>
    <!--//container-->
  </div>
  <!--//container-->
</div>
<!--//page-content-->

<section class="cta-section text-center py-5 theme-bg-dark position-relative">
  <div class="theme-bg-shapes-right"></div>
  <div class="theme-bg-shapes-left"></div>
  <div class="container">
    <h3 class="mb-2 text-white mb-3">Kelola Reseller dengan Sistem Canggih  {{ env('CORP_BRAND')}} ERP</h3>
    <div class="section-intro text-white mb-3 single-col-max mx-auto">
      Optimalkan penjualan Anda dengan fitur {{env('CORP_BRAND')}} ERP. Pantau reseller, kelola transaksi, dan tingkatkan profit dengan
      mudah!
    </div>
    <div class="pt-3 text-center">
      <a href="/pages/dokumentasi#section-10" class="btn btn-light">Pelajari Selengkapnya<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
    </div>

  </div>
</section>
<!--//cta-section-->

<footer class="footer">

  <div class="footer-bottom text-center py-5">

    <ul class="social-list list-unstyled pb-4 mb-0">
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-github fa-fw"></i></a></li>
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-x-twitter fa-fw"></i></a></li>
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-slack fa-fw"></i></a></li>
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-product-hunt fa-fw"></i></a></li>
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-facebook-f fa-fw"></i></a></li>
      <li class="list-inline-item"><a href="#"><i color="#F26B0B" class="fa-brands fa-instagram fa-fw"></i></a></li>
    </ul>
    <!--//social-list-->

    <!--/* This template is free as long as you keep the footer attribution link. If you'd like to use the template without the attribution link, you can buy the commercial license via our website: themes.3rdwavemedia.com Thank you for your support. :) */-->
    <small class="copyright"><a class="theme-link" href="/" target="_blank">Crafted with by  {{ env('CORP_NAME')}}
        @endphp</small>


  </div>

</footer>
@endsection