File Manager

✏️ .php

<?php
// gallery.php
// Public-facing gallery showcase presenting manufacturing yards, storefront, and cracker collections

require_once __DIR__ . '/includes/functions.php';
require_once __DIR__ . '/includes/header.php';

$settings = getSettings();
?>

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 relative z-10 flex-grow w-full space-y-12">
  
  
  <div class="text-center space-y-3">
    <span class="text-xs font-black text-green-600 uppercase tracking-widest bg-green-50 border border-green-100 px-3 py-1 rounded-full">Visual Gallery</span>
    <h1 class="text-3xl sm:text-5xl font-black text-slate-900 leading-none">Our Showcase</h1>
    <p class="text-xs text-slate-500 font-bold uppercase tracking-wider max-w-xl mx-auto leading-normal">
      <?php echo htmlspecialchars($settings['gallery_subtitle'] ?? 'A glimpse of our products, warehouse facilities, and direct sale outlet in Sivakasi'); ?>
    </p>
  </div>

<div class="flex flex-wrap justify-center gap-2 border-b border-slate-200 pb-5 text-xs font-bold uppercase tracking-wider">
    <button onclick="filterGallery('all')" id="tab-all" class="px-5 py-2.5 rounded-full bg-green-600 text-white shadow-md transition-all cursor-pointer">
      All Media
    </button>
    <button onclick="filterGallery('products')" id="tab-products" class="px-5 py-2.5 rounded-full bg-white border border-slate-200 text-slate-650 hover:bg-slate-50 transition-all cursor-pointer">
      🎆 Sparklers & Crackers
    </button>
    <button onclick="filterGallery('factory')" id="tab-factory" class="px-5 py-2.5 rounded-full bg-white border border-slate-200 text-slate-650 hover:bg-slate-50 transition-all cursor-pointer">
      🏭 Store & Godown
    </button>
  </div>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6" id="gallery-grid">
    <?php
    $galleryItems = getGalleryItems($settings);
    foreach ($galleryItems as $item):
        $cat = htmlspecialchars($item['category'] ?? 'products');
        $imgUrl = htmlspecialchars($item['image'] ?? '');
        $title = htmlspecialchars($item['title'] ?? 'Showroom Showcase');
        $catLabel = ($cat === 'factory') ? 'Godown' : 'Products';
    ?>
      <div class="glow-card bg-white border border-slate-200 p-3 rounded-2xl shadow-sm gallery-item cursor-pointer hover:shadow-md transition-all duration-300" data-category="<?php echo $cat; ?>" onclick="openGlobalImageLightbox('<?php echo addslashes($imgUrl); ?>', '<?php echo addslashes($title); ?>')">
        <div class="aspect-video bg-slate-100 rounded-xl overflow-hidden border border-slate-150 relative group">
          <img src="<?php echo $imgUrl; ?>" alt="<?php echo $title; ?>" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy" />
          <div class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity text-white text-xs font-black uppercase tracking-wider">
            🔍 Zoom Image
          </div>
        </div>
        <div class="mt-3">
          <span class="text-[9px] text-green-600 font-bold uppercase tracking-widest block font-mono"><?php echo $catLabel; ?></span>
          <h4 class="text-xs font-black text-slate-800 uppercase mt-0.5"><?php echo $title; ?></h4>
        </div>
      </div>
    <?php endforeach; ?>
  </div>

</div>

<script>
  function filterGallery(category) {
    const items = document.querySelectorAll('.gallery-item');
    const buttons = document.querySelectorAll('[onclick^="filterGallery"]');
    
    // Toggle active tab buttons styling
    buttons.forEach(btn => {
      btn.className = "px-5 py-2.5 rounded-full bg-white border border-slate-200 text-slate-650 hover:bg-slate-50 transition-all cursor-pointer";
    });
    document.getElementById('tab-' + category).className = "px-5 py-2.5 rounded-full bg-green-600 text-white shadow-md transition-all cursor-pointer";

// Toggle items visibility
    items.forEach(item => {
      const itemCat = item.getAttribute('data-category');
      if (category === 'all' || itemCat === category) {
        item.classList.remove('hidden');
      } else {
        item.classList.add('hidden');
      }
    });
  }
</script>
<?php
require_once __DIR__ . '/includes/footer.php';
?>

Batal

⬅ siddhacrackers.com 21 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁config	dir	—	2026-09-14 09:59	📂 Buka
📁css	dir	—	2026-09-14 09:59	📂 Buka
📁database	dir	—	2026-09-14 09:59	📂 Buka
📁includes	dir	—	2026-09-14 09:59	📂 Buka
📁js	dir	—	2026-09-14 09:59	📂 Buka
📁photos	dir	—	2026-09-14 09:59	📂 Buka
📁sadmin	dir	—	2026-09-14 09:59	📂 Buka
📁uploads	dir	—	2026-09-21 09:14	📂 Buka
📄.htaccess	htaccess	2.2 KB	2026-09-14 09:59	✏️ 👁️
🐘about.php	php	14.5 KB	2026-09-14 09:59	✏️ 👁️
🐘contact.php	php	7.7 KB	2026-09-14 09:59	✏️ 👁️
🐘enquiry.php	php	95.1 KB	2026-09-14 09:59	✏️ 👁️
🐘gallery.php	php	4.3 KB	2026-09-14 09:59	✏️ 👁️
🐘index.php	php	15.7 KB	2026-09-14 09:59	✏️ 👁️
🐘invoice.php	php	479 B	2026-09-14 09:59	✏️ 👁️
🐘my-account.php	php	98.4 KB	2026-09-14 09:59	✏️ 👁️
🐘price-list.php	php	20.1 KB	2026-09-14 09:59	✏️ 👁️
🐘products.php	php	50.7 KB	2026-09-14 09:59	✏️ 👁️
📝robots.txt	txt	132 B	2026-09-14 09:59	✏️ 👁️
📄sitemap.xml	xml	1 KB	2026-09-14 09:59	✏️ 👁️
🐘track-order.php	php	32.9 KB	2026-09-14 09:59	✏️ 👁️

✏️ Rename