/
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 slider section --> <section class="hero__slider--section"> <div class="hero__slider--inner hero__slider--activation swiper"> <div class="hero__slider--wrapper swiper-wrapper"> @foreach ($banner as $item) <div class="swiper-slide"> <div class="hero__slider--items"> <a href="{{ $item->url }}" target="_blank" class="image-banner-wrapper"> <img src="{{ asset('assets/img/products/' . $item->image) }}" class="hero__slider--bg" alt=""> </a> </div> </div> @endforeach </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </section> <!-- End slider section --> <!-- Start Company Value --> @include('components.company-value') <!-- Start Company Value --> <!-- Start product section --> <section class="product__section section--padding pt-0"> <div class="container-fluid"> <div class="d-flex justify-content-between flex-wrap mb-4"> <div class="section__heading text-center mb-30"> <h3 class="section__heading--maintitle text-brand">Products of Your Choice!</h3> </div> <ul class="product__tab--btn d-flex justify-content-center mb-50"> @php $tabCounter = 0; @endphp @foreach ($productsByCategory as $categoryUrl => $categoryData) <li class="product__tab--btn__list {{ $tabCounter === 0 ? 'active' : '' }}" data-toggle="tab" data-target="#{{ $categoryData['categoryName'] }}"> {{ $categoryData['categoryName'] }} </li> @php $tabCounter++; @endphp @endforeach </ul> </div> <div class="tab_content"> @php $tabCounter = 0; @endphp @foreach ($productsByCategory as $categoryUrl => $categoryData) <div id="{{ $categoryData['categoryName'] }}" class="tab_pane {{ $tabCounter === 0 ? 'active show' : '' }}"> <div class="product__section--inner"> <div class="row row-cols-xl-4 row-cols-lg-4 row-cols-2 mb--n30"> @foreach ($categoryData['products'] as $product) <div class="col mb-30"> <div class="product__items "> <div class="product__items--thumbnail"> <a class="product__items--link" href="/product/{{ $product->category->url }}/{{ $product->url }}"> <img class="product__items--img product__primary--img" src="{{ asset('assets/img/products/' . $product->productImages->first()->image_hd) }}" alt="product-img"> <img class="product__items--img product__secondary--img" src="{{ asset('assets/img/products/' . $product->productImages->first()->image_hd) }}" alt="product-img"> </a> </div> <div class="product__items--content text-center"> <h3 class="product__items--content__title h4"> <a href="/product/{{ $product->category->url }}/{{ $product->url }}">{{ $product->name }}</a> </h3> <a class="product__items--action__cart--btn primary__btn" href="/product/{{ $product->category->url }}/{{ $product->url }}"> <svg class="product-detail-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="#f5f5f5" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" /> </svg> <span class="add__to--cart__text">Product Detail</span> </a> </div> </div> </div> @endforeach </div> </div> <div class="text-center mt-5"> @if ($categoryUrl === 'material-lantai') <a href="https://flooring.gnetindonesia.com/" target="_blank" class="primary__btn btn__see-more">See More <span class="icon flaticon-right-arrow"></span></a> @else <a href="/product/{{ $categoryUrl }}" class="primary__btn btn__see-more">See More <span class="icon flaticon-right-arrow"></span></a> @endif </div> </div> @php $tabCounter++; @endphp @endforeach </div> </div> </section> <!-- End product section --> <!-- Start banner section --> @include('components.iklan-home') <!-- End banner section --> <!-- End banner section --> <!-- Start blog section --> <section class="blog__section section--padding pt-0"> <div class="container-fluid"> <div class="section__heading text-center mb-30"> <h2 class="section__heading--maintitle text-brand">News & Articles</h2> </div> <div class="blog__section--inner blog__swiper--activation swiper"> <div class="swiper-wrapper"> @foreach ($articles as $article) <div class="swiper-slide"> <div class="blog__items"> <div class="blog__thumbnail"> <a class="blog__thumbnail--link display-block" href="/blog/{{ $article->url }}"> <img class="blog__thumbnail--img display-block" src="{{ asset('uploads/' . $article->banner_image) }}" alt="{{ $article->alt_text }}"> </a> </div> <div class="blog__content"> <a href="/blog/{{ $article->url }}"> <h3 class="blog__content--title">{{ $article->title }}</h3> <button class="blog__content--btn primary__btn">Read more </button> </a> </div> </div> </div> @endforeach </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </section> <!-- End blog 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="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 --> <!-- Popup Wrapper --> <div class="modal" id="popup" data-animation="slideInUp"> <div class="modal-dialog popup__main--wrapper"> <header class="popup__header"> <button class="close-modal popup__close--btn" aria-label="close modal" data-close>✕ </button> </header> <div class="popup__inner"> <div class="popup__thumbnail"> <img class="popup__thumbnail--img" src="{{ asset('assets/img/products/' . $popupData->image) }}" alt="banner-popup"> </div> <div class="popup__info"> <h3 class="product__details--info__title mb-10">{{ $popupData['headline'] }}</h3> <p class="product__details--info__desc mb-10">{{ $popupData['description'] }}</p> </div> <a href="{{ $popupData['url'] }}" class="primary__btn text-center">{{ $popupData['cta'] }}</a> </div> </div> </div> <!-- Popup Wrapper End --> <!-- Scroll top bar --> <button aria-label="scroll top btn" 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="assets/js/vendor/popper.js" defer="defer"></script> <script src="assets/js/vendor/bootstrap.min.js" defer="defer"></script> <script src="assets/js/plugins/swiper-bundle.min.js" defer="defer"></script> <script src="assets/js/plugins/glightbox.min.js" defer="defer"></script> <!-- Customscript js --> <script src="assets/js/script.js" defer="defer"></script> <script> window.addEventListener('load', function() { var popup = document.getElementById('popup'); popup.classList.add('is-visible'); }); </script> </body> </html>