<?php
require_once __DIR__ . '/../includes/config.php';
$pageTitle = 'For Everyone — General Public';
include __DIR__ . '/../includes/header.php';
?>
<div class="aud-hero" style="background:linear-gradient(135deg,#1e3a5f,#1a3a6b)">
  <div class="aud-hero-icon">🙋</div>
  <h1 style="color:#fff">Workwear for <span>everyone</span></h1>
  <p style="color:#94a3b8">No minimum order, no account required. Anyone can buy workwear, PPE, clothing and stationery at great prices. Pay by card, delivered to your door.</p>
  <div class="aud-hero-actions">
    <a href="/products.php" class="hero-btn-gold">Browse all products →</a>
    <a href="/register.php" class="hero-btn-outline">Create free account</a>
  </div>
  <div class="aud-hero-pills">
    <span class="aud-pill">No minimum order</span>
    <span class="aud-pill">No account required</span>
    <span class="aud-pill">Pay by card</span>
    <span class="aud-pill">Free delivery over £75</span>
    <span class="aud-pill">28-day returns</span>
  </div>
</div>

<div class="trust-bar"><div class="trust-inner">
  <div class="trust-item"><span class="trust-icon">🚚</span> Free delivery over £75</div>
  <div class="trust-item"><span class="trust-icon">↩️</span> 28-day free returns</div>
  <div class="trust-item"><span class="trust-icon">📦</span> 24hr dispatch</div>
  <div class="trust-item"><span class="trust-icon">💳</span> Pay by card</div>
</div></div>

<div class="section"><div class="section-inner">
  <div class="section-hdr">
    <div class="stag">Popular picks</div>
    <h2 class="stitle">Top products for individuals</h2>
    <p class="ssub">In stock, dispatched within 24 hours, no minimum quantity.</p>
  </div>
  <div class="products-grid">
    <?php
    $products = [
      ['emoji'=>'🦺','brand'=>'Portwest','name'=>'Hi-Vis Safety Vest','price'=>'2.49','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'👕','brand'=>'Russell','name'=>'Heavyweight T-Shirt','price'=>'4.99','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'👟','brand'=>'Himalayan','name'=>'Steel Toe Safety Boot','price'=>'34.99','badge'=>'b-new','bl'=>'New'],
      ['emoji'=>'🧥','brand'=>'Regatta','name'=>'Waterproof Softshell','price'=>'22.50','badge'=>'b-sale','bl'=>'Sale'],
      ['emoji'=>'⛑️','brand'=>'JSP','name'=>'EVO2 Safety Helmet','price'=>'8.75','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'🧤','brand'=>'Snickers','name'=>'Precision Grip Gloves','price'=>'11.99','badge'=>'b-new','bl'=>'New'],
      ['emoji'=>'👖','brand'=>'Dickies','name'=>'Redhawk Work Trousers','price'=>'16.99','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'🎒','brand'=>'Quadra','name'=>'Pro Backpack 20L','price'=>'12.50','badge'=>'b-pop','bl'=>'Popular'],
    ];
    foreach ($products as $p): ?>
    <div class="product-card">
      <div class="product-img"><?php echo $p['emoji']; ?></div>
      <div class="product-body">
        <div class="product-brand"><?php echo $p['brand']; ?></div>
        <div class="product-name"><?php echo $p['name']; ?></div>
        <div class="price-row">
          <div><div class="product-price">£<?php echo $p['price']; ?></div><div class="price-ex">ex. VAT</div></div>
          <span class="prod-badge <?php echo $p['badge']; ?>"><?php echo $p['bl']; ?></span>
        </div>
        <button class="btn-cart" onclick="addToCart('<?php echo $p['name']; ?>')">Add to basket</button>
      </div>
    </div>
    <?php endforeach; ?>
  </div>
  <div style="text-align:center;margin-top:28px">
    <a href="/products.php" class="btn-primary" style="padding:12px 28px;font-size:14px;display:inline-flex">View all 11,500+ products →</a>
  </div>
</div></div>

<div class="section section-light"><div class="section-inner">
  <div class="section-hdr"><div class="stag">Why shop with us</div><h2 class="stitle">Simple, fast, no fuss</h2></div>
  <div class="feature-grid">
    <div class="feature-card"><div class="feature-icon" style="background:#dbeafe">🛒</div><div><div class="feature-title">No minimum order</div><div class="feature-desc">Buy just one item or a hundred — no restrictions.</div></div></div>
    <div class="feature-card"><div class="feature-icon" style="background:#dcfce7">🚚</div><div><div class="feature-title">Free delivery over £75</div><div class="feature-desc">Fast UK delivery. Free when you spend £75 or more.</div></div></div>
    <div class="feature-card"><div class="feature-icon" style="background:#fef3c7">↩️</div><div><div class="feature-title">28-day free returns</div><div class="feature-desc">Not right? Return it free within 28 days, no questions asked.</div></div></div>
  </div>
</div></div>

<?php include __DIR__ . '/../includes/footer.php'; ?>
