/
var
/
www
/
html
/
gnet
/
gnet
/
resources
/
views
/
Upload File
HOME
<!doctype html> <html lang="id"> <head> @include('components.head') </head> <body> <!-- Start header area --> @include('components.header') <!-- End header area --> <main class="main__content_wrapper"> <!-- Start breadcrumb section --> <section class="breadcrumb__section breadcrumb__bg"> <div class="container-fluid"> <div class="row row-cols-1"> <div class="col"> <div class="breadcrumb__content"> <h1 class="breadcrumb__content--title text-white mb-10">Titik Distribusi GNET</h1> <ul class="breadcrumb__content--menu d-flex"> <li class="breadcrumb__content--menu__items"><a class="text-white" href="/">Home</a></li> <li class="breadcrumb__content--menu__items"><a class="text-white" href="/about-us">About Us</a> </li> <li class="breadcrumb__content--menu__items"><span class="text-white">Titik Distribusi GNET</span> </li> </ul> </div> </div> </div> </div> </section> <!-- End breadcrumb section --> <!-- Start about section --> <section class="about__section mb-95"> <div class="container-fluid"> <!-- Start Search By Location --> <div class="d-flex justify-content-center mb-50"> <form class="predictive__search--form distributor" action="/titik-distribusi" method="GET"> <div class="d-flex gap-3 flex-column flex-md-row justify-content-between"> <div class="position-relative flex-fill"> <label class="mb-0"> <input name="province" id="input-search-province" class="predictive__search--input" placeholder="Search by province" type="text" autocomplete="off" value="{{ isset($search_province) ? $search_province : '' }}"> </label> <div class="dropdown__province shadow-lg"> <ul id="suggestion__list-province"> @foreach ($provinces as $item) <li class="province__items">{{ $item }}</li> @endforeach </ul> </div> </div> <div class="position-relative flex-fill"> <label class="mb-0"> <input name="city" id="input-search-city" class="predictive__search--input" placeholder="Search by city" type="text" autocomplete="off" value="{{ isset($search_city) ? $search_city : '' }}"> </label> <div class="dropdown__city shadow-lg"> <ul id="suggestion__list-city"> @foreach ($cities as $item) <li class="city__items">{{ $item }}</li> @endforeach </ul> </div> </div> <div class="d-flex gap-3"> <button type="submit" class="predictive__search--button" aria-label="search button"> <svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="30.51" height="25.443" viewBox="0 0 512 512"> <path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" /> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448" /> </svg> </button> @if (isset($search_province) || isset($search_city)) <a href="/titik-distribusi" class="predictive__search--button bg-danger text-white">RESET</a> @endif </div> </div> </form> </div> <!-- End Search By Location --> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4"> @foreach ($branches as $branch) <div class="col mb-5"> <div class="about__card--distribution p-5"> <h4 class="about__card--title">{{ $branch->branch_name }}</h4> <p>{{ $branch->address }}</p> <div class="about__card--call"> <p>Telepon:</p> @if (!is_null($branch->no_telp)) <p><span class="icon flaticon-call-1"></span> {{ $branch->no_telp }}</p> @endif @if ($branch->no_wa !== '') <a class="telp-distribusi" href="https://wa.me/{{ $branch->no_wa }}" target="_blank"> <p><span class="icon flaticon-whatsapp"></span> {{ $branch->no_wa }}</p> </a> @endif </div> <p> <a href="{{ $branch->maps_url }}" target="_blank" class="about__card--loc">Lihat Lokasi di Peta</a> </p> </div> </div> @endforeach </div> </div> </section> <!-- End about section --> <!-- Start brand logo section --> <div class="instagram__section"> <div class="container-fluid p-0"> <div class="instagram__section--inner logo__swiper--activation swiper"> <div class="swiper-wrapper align-items-center"> @foreach ($images as $image) @if ($image->logo) <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href="#"> <img style="width: 80%;" class="instagram__thumbnail--img display-block" src="{{ asset('assets/img/products/'. $image->logo) }}"> </a> </div> </div> @endif @endforeach <!-- <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/Rockwool.png" alt="Logo Rock Wool"> </a> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img style="width: 80%;" class="instagram__thumbnail--img display-block" src="assets/img/other/Penguin.png" alt="Logo Penguin"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/LIGATEX.png" alt="Logo LIGATEX"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/Jetri.png" alt="Logo Jetri"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/Jayaboard.png" alt="Logo Jayaboard"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/Indoboard.png" alt="Logo Indoboard"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/GECO.png" alt="Logo GECO"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/Cat-TEMBOK-Permata.png" alt="Logo Permata"> </a> </div> </div> <div class="swiper-slide"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/BoSET.png" alt="instagram-img"> </a> </div> </div> </div> --> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </div> <!-- End brand logo section --> </main> <!-- Start footer section --> @include('components.footer') <!-- End footer section --> <!-- Scroll top bar --> <button id="scroll__top"><svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 244l144-144 144 144M256 120v292" /> </svg></button> <!-- Floating WhatsApp --> <a href="https://api.whatsapp.com/send?phone=6281313777570&text=Hai!%20Saya%20tertarik%20dengan%20produk%20GNET" target="_blank"> <button class="btn-floating whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"> <path fill="white" d="M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28z" /> </svg> <span>Hallo sobat GNET!</span> <small>Konsultasikan Kebutuhan Anda Bersama Kami</small> </button> </a> <!-- All Script JS Plugins here --> <script src="{{ asset('assets/js/vendor/popper.js') }}" defer="defer"></script> <script src="{{ asset('assets/js/vendor/bootstrap.min.js') }}" defer="defer"></script> <script src="{{ asset('assets/js/plugins/swiper-bundle.min.js') }}" defer="defer"></script> <script src="{{ asset('assets/js/plugins/glightbox.min.js') }}" defer="defer"></script> <!-- Customscript js --> <script src="{{ asset('assets/js/script.js') }}" defer="defer"></script> </body> </html>