관리-도구
편집 파일: a921806ca208423d28bf02dc81b739aa.php
<?php $__env->startSection('content'); ?> <section> <div class="w-100 pb-80 position-relative"> <div class="page-top-wrap position-relative w-100"> <div class="container"> <div class="page-top-inner d-flex flex-wrap align-items-center position-relative w-100"> <div class="page-title-info position-relative"> <i class="position-absolute"><svg viewBox="0 0 359 354" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M358.5 351H323V300.316L250.863 264.339V331.541H278.904V170.438L201.566 91.0182L200.661 327.921L223.727 351L224.179 71.1066L166.063 3V142.381L126.489 156.862L149.781 267.507L171.49 289.455V212.75H115.635L80.3576 331.541H171.49V306.651H34V351H0" stroke="#f1f1f1" stroke-width="2" /> </svg></i> <h1 class="mb-0">Products</h1> </div> <div class="page-title-img position-absolute"> <div class="page-title-img-inner d-block w-100" style="background-image: url(assets/images/im7.jpg);"></div><span class="position-absolute sec-watermark center-watermark overlap-btm-shap88 font-200">Products</span> </div> </div> </div> </div><!-- Page Top Wrap --> </div> </section> <section class="furniture-section"> <div class="w-100 pt-80 pb-130 position-relative"> <!-- TOP RIGHT SHAPE --> <svg class="sec-tp-rgt-shp overlap-tpshap250 opc-6 stroke-clr position-absolute" width="324" height="722" viewBox="0 0 324 722" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M1.73312 366.046L118.284 628.395H293.935L177.385 366.046H1.73312Z" stroke="#000000" /> <path d="M606.439 69.206L489.888 331.555L314.237 331.555L430.787 69.206H606.439Z" stroke="#000000" /> <path d="M158.561 459.14L275.112 721.488H450.763L334.213 459.14H158.561Z" stroke="#000000" /> <path d="M450.764 162.3L334.214 424.648L158.562 424.648L275.112 162.3H450.764Z" stroke="#000000" /> <path d="M234.568 298.327L351.118 560.676H526.77L410.22 298.327H234.568Z" stroke="#000000" /> <path d="M373.604 1.48727L257.053 263.836L81.4016 263.836L197.952 1.48727H373.604Z" stroke="#000000" /> </g> </svg> <div class="container"> <!-- SECTION TITLE --> <div class="sec-title text-center w-100 mb-60"> <div class="sec-title-inner d-inline-block"> <span class="d-block thm-clr">Furniture</span> <h2 class="mb-0">Interior Furniture & Decor<i></i></h2> </div> </div> <!-- GRID --> <div class="shop-wrap w-100"> <div class="row g-4"> <?php $__currentLoopData = $productcategory; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $productcat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="col-md-6 col-sm-6 col-lg-4"> <a href="<?php echo e(route('product.details', $productcat->id)); ?>" class="shop-link"> <div class="shop-box"> <div class="shop-img"> <img src="<?php echo e(asset('storage/' . $productcat->image)); ?>" alt=""> <div class="shop-overlay"> <h5><?php echo e($productcat->productcategory); ?></h5> </div> </div> </div> </a> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> </div> </section> <style> /* =============================== FURNITURE SECTION DESIGN ================================ */ /* Overlay - always visible */ .furniture-section .shop-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.05)); display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; opacity: 1; /* always visible */ transition: all 0.4s ease; } .furniture-section .shop-box { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; } .furniture-section .shop-box:hover { transform: translateY(-10px); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); } /* Equal height & width image */ .furniture-section .shop-img { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 16px; } .furniture-section .shop-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .furniture-section .shop-box:hover img { transform: scale(1.08); } .furniture-section .shop-box:hover .shop-overlay { opacity: 1; } .furniture-section .shop-overlay h5 { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 8px; } .furniture-section .shop-overlay a { color: #fff; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #fff; width: fit-content; } /* Like icon */ .furniture-section .shop-like { top: 15px; right: 15px; width: 42px; height: 42px; background: rgba(255, 255, 255, 0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; } /* Responsive spacing */ @media (max-width: 767px) { .furniture-section .shop-overlay { padding: 18px; } .furniture-section .shop-overlay h5 { font-size: 18px; } } </style> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u539723576/domains/ictglobaltech.com/public_html/roomgeardesigns/resources/views/frontend/products.blade.php ENDPATH**/ ?>