<?php
if (session_status() !== PHP_SESSION_ACTIVE) session_start();

// Load awards
require_once __DIR__ . '/helpers/database_helper.php';
$awards = DatabaseHelper::loadJson('awards.json', ['enabled' => true, 'images' => []]);
$awardsEnabled = !empty($awards['enabled']);
$awardImages = $awards['images'] ?? [];
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>About - Esa's Fashion</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<?php include __DIR__ . '/header.php'; ?>
<main class="container" style="max-width:1320px; margin:0 auto; padding:0 20px;">
  <!-- Breadcrumb -->
  <div style="margin:20px 0;">
    <a href="index.php" style="color:#666; text-decoration:none;">Home</a>
    <span style="color:#999; margin:0 8px;">/</span>
    <span style="color:#333;">About Us</span>
  </div>
  
  <h1 style="font-size:42px; font-weight:700; color:#333; margin-bottom:40px;">About Us</h1>
  
  <article style="max-width:900px; margin:0 auto 80px;">
    <h2 style="font-size:32px; font-weight:700; color:#333; margin-bottom:24px; line-height:1.3;">Welcome to Our Modern E-Commerce Platform</h2>
    <p style="font-size:16px; line-height:1.8; color:#666; margin-bottom:20px;">We are dedicated to providing you with the best shopping experience. Our platform offers a wide range of high-quality products with exceptional customer service. We believe in building lasting relationships with our customers through transparency, quality, and innovation.</p>
    <p style="font-size:16px; line-height:1.8; color:#666; margin-bottom:60px;">Our team works tirelessly to ensure that every product meets our high standards. We source from trusted suppliers and carefully curate our collection to bring you the latest trends and timeless classics. Your satisfaction is our top priority.</p>

    <!-- Info Cards -->
    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; padding:60px 0;">
      <div style="display:flex; gap:24px; align-items:flex-start;">
        <div style="font-size:56px; flex-shrink:0;">🚚</div>
        <div>
          <h3 style="font-size:18px; margin:0 0 8px 0; color:#333; font-weight:600; line-height:1.3;">Free Shipping & Return</h3>
          <p style="color:#666; font-size:14px; margin:0; line-height:1.6;">Free shipping for all orders over $130</p>
        </div>
      </div>
      <div style="display:flex; gap:24px; align-items:flex-start;">
        <div style="font-size:56px; flex-shrink:0;">📞</div>
        <div>
          <h3 style="font-size:18px; margin:0 0 8px 0; color:#333; font-weight:600; line-height:1.3;">Customer Support 24/7</h3>
          <p style="color:#666; font-size:14px; margin:0; line-height:1.6;">Instant access to perfect support everyday</p>
        </div>
      </div>
      <div style="display:flex; gap:24px; align-items:flex-start;">
        <div style="font-size:56px; flex-shrink:0;">🔒</div>
        <div>
          <h3 style="font-size:18px; margin:0 0 8px 0; color:#333; font-weight:600; line-height:1.3;">100% Secure Payment</h3>
          <p style="color:#666; font-size:14px; margin:0; line-height:1.6;">We ensure secure payment for customers</p>
        </div>
      </div>
    </div>
  </article>
</main>

</script>

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