/
var
/
www
/
html
/
gnet_live
/
storage
/
framework
/
views
/
Upload File
HOME
<!doctype html> <html lang="id-ID"> <head> <?php echo app('Illuminate\Foundation\Vite')(['resources/css/cgm.min.css', 'resources/css/section-usp.min.css']); ?> <?php echo $__env->make('components.head', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/bootstrap.min.css')); ?>"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<?php echo e(config('app.gtm.id')); ?>" height="0" width="0" class="inline-iframe"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Fonts --> <!-- <link href="<?php echo e(asset('assets/css/font.css')); ?>" rel="stylesheet"> --> <!-- All CSS Plugins here --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/plugins/swiper-bundle.min.css')); ?>"> <!-- <link rel="stylesheet" href="<?php echo e(asset('assets/css/plugins/glightbox.min.css')); ?>"> --> <!-- <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/bootstrap-main.min.css')); ?>"> --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/main.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/flaticon.css')); ?>"> <!-- <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/bootstrap.min.css')); ?>"> --> <link rel="stylesheet" href="<?php echo e(asset('assets/bootstrap/scss/bootstrap-grid.css')); ?>"> <!-- Button Selengkapnya CSS --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/button-selengkapnya.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/about-section-homepage.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/review-product.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/contact-leads.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/detail-company.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/atap-shinglesh.min.css')); ?>"> <link nonce="<?php echo e($nonce); ?>" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <!-- Custom Style CSS --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/style.min.css')); ?>"> <!-- Inline Style CSS --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/inline-style.css')); ?>"> <main class="main__content_wrapper"> <!-- Start slider section --> <section class="hero__slider--section"> <div class="hero__slider--inner hero__slider--activation--atap swiper"> <div class="hero__slider--wrapper swiper-wrapper"> <?php $__currentLoopData = $banner; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="swiper-slide"> <div class="hero__slider--items hero-atap-slide"> <a href="#form-section" class="image-banner-wrapper"> <img class="hero__slider--bg <?php echo e($loop->first ? '' : 'lazyload'); ?>" src="<?php echo e($loop->first ? asset('assets/img/products/' . getLazyLoadBannerImage($item)) . '.webp' : ''); ?>" data-src="<?php echo e(asset('assets/img/products/' . getLazyLoadBannerImage($item))); ?>.webp" alt="slider banner" > </a> <?php if($loop->first): ?> <a href="#form-section" class="hero-atap-cta"> Konsultasi Sekarang! </a> <?php endif; ?> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <div class="swiper-button-prev hero-atap-nav"></div> <div class="swiper-button-next hero-atap-nav"></div> </div> </section> <!-- End slider section --> <!-- Section Company Value --> <?php echo $__env->make('components.detail-company', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!--End Section Company Value --> <!-- Section Review --> <?php echo $__env->make('components.review-product', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- Section Review End --> <!-- Section Show Product --> <section> <div class="product__container"> <img src="<?php echo e(asset('assets/img/products/produk-1.png')); ?>" alt="" class="product__main-image mt-6"> <div class="product__text-container"> <img src="<?php echo e(asset('assets/img/other/text-a.png')); ?>" width="600" alt="" class="mt-6"> <p class="product__text-desc">Kami menyediakan berbagai warna dan motif atap bitumen, menjadikan GNET Atap Shingles cocok untuk dipadupadankan pada berbagai konsep hunian.</p> <div class="product__variant-container"> <p class="product__text-variant text-brand">Color:</p> <div class="product__text-variant-grid"> <div class="product__text-variant-item"> Cloud Gray </div> <div class="product__text-variant-item"> Asia Red </div> <div class="product__text-variant-item"> Charcoal Black </div> </div> </div> </div> </div> </section> <!-- Section Show Product End --> <!-- Section Advantage Product --> <section> <div class="general__container"> <div class="general__main-text"> <h1 class="general__main-title text-brand text-center mt-6">Keunggulan Produk</h1> <img class="advantage__text-image" src="<?php echo e(asset('assets/img/other/text-a.png')); ?>" width="600" alt="" class="mt-6"> <div class="advantage__item-grid"> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-1.png')); ?>" alt=""> <h3 class="mt-4">Bobot Ringan</h3> <div class="mt-3">Bobot yang relatif lebih ringan dibanding jenis atap lainnya.</div> </div> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-2.png')); ?>" alt=""> <h3 class="mt-4">Waterproof</h3> <div class="mt-3">GNET Atap Shingles bersifat waterproof (100% tahan air), sehingga tahan terhadap hujan deras.</div> </div> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-3.png')); ?>" alt=""> <h3 class="mt-4">Tidak Mudah Pudar</h3> <div class="mt-3">Granule CL-ROCK menjaga warna tidak mudah luntur di segala cuaca.</div> </div> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-4.png')); ?>" alt=""> <h3 class="mt-4">Meredam Suara</h3> <div class="mt-3">GNET Atap Shingles mampu meredam suara dengan baik.</div> </div> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-5.png')); ?>" alt=""> <h3 class="mt-4">Fleksibel di Berbagai Kemiringan</h3> <div class="mt-3">Fleksibel untuk pengaplikasian di berbagai jenis kemiringan atap.</div> </div> <div class="advantage__item-card align-content-center text-sm-center"> <img class="" src="<?php echo e(asset('assets/img/other/advantage-6.png')); ?>" alt=""> <h3 class="mt-4">Tahan Angin & Tidak Mudah Sobek</h3> <div class="mt-3">GNET Atap Shingles mampu menahan kekuatan angin hingga 97 Kph.</div> </div> </div> </div> </div> </section> <!-- End Section Advantage Product --> <!-- Section Spesifikasi Product --> <div class="swiper specSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="spec__image-container"> <img class="spec__image-banner" src="<?php echo e(asset('assets/img/banner/grey.png')); ?>" alt=""> <h1 class="general__main-title text-brand spec__img-title">Spesifikasi Produk</h1> <img class="spec__img-sub" src="<?php echo e(asset('assets/img/other/text-a.png')); ?>" width="600"" alt=""> <img class=" spec__image-display" src="<?php echo e(asset('assets/img/products/atap-grey.png')); ?>" alt=""> <div class="spec__button-variant-grid"> <button class="spec__button-variant-item-active" data-index="0"> Cloud Gray </button> <button class="spec__button-variant-item" data-index="1"> Asia Red </button> <button class="spec__button-variant-item" data-index="2"> Charcoal Black </button> </div> </div> </div> <div class="swiper-slide"> <div class="spec__image-container"> <img class="spec__image-banner" src="<?php echo e(asset('assets/img/banner/bg-coklat.png')); ?>" alt=""> <h1 class="general__main-title text-brand spec__img-title">Spesifikasi Produk</h1> <img class="spec__img-sub" src="<?php echo e(asset('assets/img/other/text-a.png')); ?>" width="600"" alt=""> <img class=" spec__image-display" src="<?php echo e(asset('assets/img/products/atap-coklat.png')); ?>" alt=""> <div class="spec__button-variant-grid"> <button class="spec__button-variant-item" data-index="0"> Cloud Gray </button> <button class="spec__button-variant-item-active" data-index="1"> Asia Red </button> <button class="spec__button-variant-item" data-index="2"> Charcoal Black </button> </div> </div> </div> <div class="swiper-slide"> <div class="spec__image-container"> <img class="spec__image-banner" src="<?php echo e(asset('assets/img/banner/bg-hitam.png')); ?>" alt=""> <h1 class="general__main-title text-brand spec__img-title">Spesifikasi Produk</h1> <img class="spec__img-sub" src="<?php echo e(asset('assets/img/other/text-a.png')); ?>" width="600"" alt=""> <img class=" spec__image-display" src="<?php echo e(asset('assets/img/products/atap-hitam.png')); ?>" alt=""> <div class="spec__button-variant-grid"> <button class="spec__button-variant-item" data-index="0"> Cloud Gray </button> <button class="spec__button-variant-item" data-index="1"> Asia Red </button> <button class="spec__button-variant-item-active" data-index="2"> Charcoal Black </button> </div> </div> </div> </div> <div class="spec__container"> <div class="spec__item-grid"> <div class="spec__item-card"> <p class="text-brand spec__title">Tipe Motif</p> <p>Single Layer</p> <p>Laminated Shingles </p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Ketebalan</p> <p>2,9 cm (± 0,2 mm)</p> <p>5,2 cm (± 0,2 mm)</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Panjang</p> <p>100 cm (± 3 mm)</p> <p>100 cm (± 3 mm)</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Lebar</p> <p>32 cm (± 3 mm)</p> <p>32 cm (± 3 mm)</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Berat</p> <p>29 kg / bundle</p> <p>27 kg / bundle</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Square/m<sup>2</sup></p> <p>3.1 m<sup>2</sup>/bundle</p> <p>2.32 m<sup>2</sup>/bundle</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Wind Resistance</p> <p>97 kph</p> <p>120 kph</p> </div> <div class="line-vertical"></div> <div class="spec__item-card"> <p class="text-brand spec__title">Packing</p> <p>21 pcs / bundle</p> <p>16 pcs / bundle</p> </div> <div class="line-vertical-special"></div> </div> </div> </div> <!-- End Section Spesifikasi Product --> <!-- Section Contact --> <?php echo $__env->make('components.contact-leads', ['product' => $product, 'chooseVariant' => $chooseVariant, 'variantInput' => $variantInput], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- End Section Contact --> <!-- Section FAQ --> <section> <div class="faq-wrapper"> <h2 class="faq-title text-brand">Frequently Asked Question (FAQ)</h2> <?php $__currentLoopData = $faqList; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <details class="faq-item"> <summary class="faq-question"> <p class="faq-content text-white"><?php echo e($faq['question']); ?></p> </summary> <div class="faq-answer"> <p class="text-black"><?php echo e($faq['answer']); ?></p> </div> </details> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </section> <!-- End Section FAQ --> </main> <!-- 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 --> <!-- 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> <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-q583ppKrCRc7N5O0n2nzUiJ+suUv7Et1JGels4bXOaMFQcamPk9HjdUknZuuFjBNs7tsMuadge5k9RzdmO+1GQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script nonce="<?php echo e($nonce); ?>" src="https://cdn.jsdelivr.net/countupjs/1.8.5/countUp.min.js"></script> <script nonce="<?php echo e($nonce); ?>" src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <!-- Customscript js --> <script src="assets/js/script.min.js" defer="defer"></script> <script src="assets/js/swiper-products-homepage.min.js" defer="defer"></script> <link href="https://fonts.googleapis.com"> <link href="https://fonts.gstatic.com" crossorigin> </body> </html><?php /**PATH /var/www/html/gnet_live/resources/views/atap-shingles.blade.php ENDPATH**/ ?>