<?php
$reasons = [
    [
      'icon' => 'fa-solid fa-sliders',
      'title' => 'Solusi yang Disesuaikan',
      'description' => 'Kami mendengarkan dengan saksama kebutuhan Anda dan merancang solusi yang sepenuhnya selaras dengan tujuan bisnis Anda.'
    ],
    [
      'icon' => 'fa-solid fa-heart-handshake',
      'title' => 'Dukungan Menyeluruh',
      'description' => 'Kami menangani seluruh proses dengan komitmen dan ketelitian, baik dalam menemukan mitra bisnis maupun merancang acara.'
    ],
    [
      'icon' => 'fa-solid fa-arrow-trend-up',
      'title' => 'Pengalaman dan Keahlian',
      'description' => 'Dengan pemahaman mendalam terhadap pasar lokal dan global, kami memanfaatkan jaringan luas dan wawasan industri untuk Anda.'
    ],
    [
      'icon' => 'fa-solid fa-crosshairs',
      'title' => 'Pendekatan Berorientasi Hasil',
      'description' => 'Di BrightEd, keberhasilan Anda adalah prioritas kami. Kami berkomitmen membantu Anda mencapai hasil yang nyata dan berkelanjutan.'
    ]
];
?>
<section id="why-choose-us" class="py-20 bg-white">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
        Mengapa Memilih BrightEd? 
      </h2>
      <p class="text-lg text-gray-600 max-w-3xl mx-auto">
        Kami memberikan nilai lebih melalui pendekatan profesional, keahlian mendalam, dan komitmen untuk kesuksesan bisnis Anda.
      </p>
    </div>

    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
      <?php foreach ($reasons as $reason): ?>
        <div class="text-center p-6 hover:shadow-lg transition-all duration-300 group rounded-lg border">
          <div class="space-y-4">
            <div class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center mx-auto group-hover:scale-110 transition-transform duration-300">
                <i class="<?php echo $reason['icon']; ?> text-white text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold text-gray-900"><?php echo $reason['title']; ?></h3>
            <p class="text-gray-600 text-sm leading-relaxed"><?php echo $reason['description']; ?></p>
          </div>
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>