<?php
if (session_status() !== PHP_SESSION_ACTIVE) session_start();
require_once __DIR__ . '/config/image_config.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Brands & Catalogs - Emporio Sport</title>
  <meta name="description" content="Explore our partner brands and download our product catalogs.">
  <meta name="keywords" content="brands, catalogs, partner brands, downloadable catalogs">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<?php include __DIR__ . '/header.php'; ?>

<main class="container">
  <div style="text-align: center; margin: 40px 0;">
    <h1>Brands & Catalogs</h1>
    <p style="color: #666; font-size: 16px;">Explore our partner brands and download our comprehensive product catalogs</p>
  </div>

  <!-- Brands Section -->
  <section style="margin: 50px 0;">
    <h2 style="text-align: center; margin-bottom: 30px;">Partner Brands</h2>
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin: 30px 0;">
      <div style="text-align: center; padding: 20px; border: 1px solid #e6e6e6; border-radius: 8px;">
        <h3>Premium Sports Brands</h3>
        <p>We partner with leading international sports brands to bring you the best quality products.</p>
        <p style="color: #F07E2D; font-weight: 600;">Nike • Adidas • Puma • Under Armour</p>
      </div>
      <div style="text-align: center; padding: 20px; border: 1px solid #e6e6e6; border-radius: 8px;">
        <h3>Customization Partners</h3>
        <p>Expert embroidery and printing partners for personalized team uniforms.</p>
        <p style="color: #F07E2D; font-weight: 600;">Expert Embroidery • Premium Printing</p>
      </div>
      <div style="text-align: center; padding: 20px; border: 1px solid #e6e6e6; border-radius: 8px;">
        <h3>Logistics Partners</h3>
        <p>Reliable shipping and logistics to deliver your orders on time.</p>
        <p style="color: #F07E2D; font-weight: 600;">Global Shipping • Fast Delivery</p>
      </div>
    </div>
  </section>

  <!-- Catalogs Section -->
  <section style="margin: 50px 0; background: #f5f5f5; padding: 40px; border-radius: 8px;">
    <h2 style="text-align: center; margin-bottom: 30px;">Download Our Catalogs</h2>
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px;">
      <div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
        <h3 style="color: #333;">📋 Main Product Catalog</h3>
        <p style="color: #666; margin: 15px 0;">Complete catalog of all our clothing and sports products.</p>
        <p style="font-size: 12px; color: #999;">Updated: January 2026 • PDF • 15 MB</p>
        <a href="#" style="display: inline-block; background: #F07E2D; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 15px;">⬇ Download PDF</a>
      </div>
      
      <div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
        <h3 style="color: #333;">👕 Team Uniforms Catalog</h3>
        <p style="color: #666; margin: 15px 0;">Specialized designs for teams, clubs, and sports organizations.</p>
        <p style="font-size: 12px; color: #999;">Updated: January 2026 • PDF • 12 MB</p>
        <a href="#" style="display: inline-block; background: #F07E2D; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 15px;">⬇ Download PDF</a>
      </div>

      <div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
        <h3 style="color: #333;">🎨 Custom Design Guide</h3>
        <p style="color: #666; margin: 15px 0;">Learn how to customize products with your logo and branding.</p>
        <p style="font-size: 12px; color: #999;">Updated: January 2026 • PDF • 8 MB</p>
        <a href="#" style="display: inline-block; background: #F07E2D; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 15px;">⬇ Download PDF</a>
      </div>

      <div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
        <h3 style="color: #333;">💼 Bulk Order Guide</h3>
        <p style="color: #666; margin: 15px 0;">Special pricing and options for bulk and corporate orders.</p>
        <p style="font-size: 12px; color: #999;">Updated: January 2026 • PDF • 5 MB</p>
        <a href="#" style="display: inline-block; background: #F07E2D; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 15px;">⬇ Download PDF</a>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section style="margin: 50px 0; text-align: center; background: #F07E2D; color: white; padding: 40px; border-radius: 8px;">
    <h2>Need Help Choosing?</h2>
    <p style="margin: 15px 0; font-size: 16px;">Contact our team for personalized recommendations and bulk discounts.</p>
    <a href="contact.php" style="display: inline-block; background: white; color: #F07E2D; padding: 12px 30px; text-decoration: none; border-radius: 4px; font-weight: 600; margin-top: 15px;">Contact Us Today</a>
  </section>
</main>

<?php include __DIR__ . '/footer.php'; ?>
</body>
</html>
