<?php
$page_title = 'Marketing Materials';
require_once __DIR__ . '/header.php';
?>

<div class="card">
  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:16px;">
    <div style="display:flex;gap:24px;font-weight:600;font-size:.95rem;">
      <span style="color:#2557d6;border-bottom:2px solid #2557d6;padding-bottom:16px;margin-bottom:-17px;cursor:pointer;">Catalogue</span>
      <span style="color:#64748b;cursor:pointer;">Images</span>
      <span style="color:#64748b;cursor:pointer;">Videos</span>
      <span style="color:#64748b;cursor:pointer;">Banners</span>
      <span style="color:#64748b;cursor:pointer;">Price List</span>
    </div>
  </div>

  <div style="display:flex;flex-direction:column;gap:16px;">
    
    <!-- Item 1 -->
    <div style="display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;">
      <div style="display:flex;align-items:center;gap:16px;">
        <div style="width:48px;height:48px;background:#fee2e2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-file-pdf"></i></div>
        <div>
          <h4 style="margin:0 0 4px;color:#0f172a;font-size:1rem;">Balimeen Product Catalogue 2025</h4>
          <span style="font-size:.8rem;color:#64748b;">PDF • 12.5 MB</span>
        </div>
      </div>
      <button class="btn-outline" style="border-color:#2557d6;color:#2557d6;">Download</button>
    </div>

    <!-- Item 2 -->
    <div style="display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;">
      <div style="display:flex;align-items:center;gap:16px;">
        <div style="width:48px;height:48px;background:#fee2e2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-file-pdf"></i></div>
        <div>
          <h4 style="margin:0 0 4px;color:#0f172a;font-size:1rem;">Price List May 2025</h4>
          <span style="font-size:.8rem;color:#64748b;">PDF • 1.8 MB</span>
        </div>
      </div>
      <button class="btn-outline" style="border-color:#2557d6;color:#2557d6;">Download</button>
    </div>

    <!-- Item 3 -->
    <div style="display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;">
      <div style="display:flex;align-items:center;gap:16px;">
        <div style="width:48px;height:48px;background:#fef3c7;color:#d97706;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-file-archive"></i></div>
        <div>
          <h4 style="margin:0 0 4px;color:#0f172a;font-size:1rem;">Kitchen Sink Collection Images</h4>
          <span style="font-size:.8rem;color:#64748b;">ZIP • 48.3 MB</span>
        </div>
      </div>
      <button class="btn-outline" style="border-color:#2557d6;color:#2557d6;">Download</button>
    </div>

    <!-- Item 4 -->
    <div style="display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;">
      <div style="display:flex;align-items:center;gap:16px;">
        <div style="width:48px;height:48px;background:#fef3c7;color:#d97706;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-file-archive"></i></div>
        <div>
          <h4 style="margin:0 0 4px;color:#0f172a;font-size:1rem;">Faucet Collection Images</h4>
          <span style="font-size:.8rem;color:#64748b;">ZIP • 32.7 MB</span>
        </div>
      </div>
      <button class="btn-outline" style="border-color:#2557d6;color:#2557d6;">Download</button>
    </div>

    <!-- Item 5 -->
    <div style="display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;">
      <div style="display:flex;align-items:center;gap:16px;">
        <div style="width:48px;height:48px;background:#e0f2fe;color:#0284c7;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-image"></i></div>
        <div>
          <h4 style="margin:0 0 4px;color:#0f172a;font-size:1rem;">Balimeen Brand Logo</h4>
          <span style="font-size:.8rem;color:#64748b;">PNG • 2.1 MB</span>
        </div>
      </div>
      <button class="btn-outline" style="border-color:#2557d6;color:#2557d6;">Download</button>
    </div>

  </div>
</div>

<?php require_once __DIR__ . '/footer.php'; ?>
