<?php
$contactInfo = [
    [
      'icon' => 'fa-solid fa-building',
      'label' => 'Perusahaan',
      'value' => 'BrightEd Konsultasi Indonesia',
      'link' => '#'
    ],
    [
      'icon' => 'fa-solid fa-envelope',
      'label' => 'Email',
      'value' => 'info@brightedindonesia.com',
      'link' => 'mailto:info@brightedindonesia.com'
    ],
    [
      'icon' => 'fa-solid fa-phone',
      'label' => 'Telepon',
      'value' => '+62 21 1234 5678',
      'link' => 'tel:+622112345678'
    ],
    [
      'icon' => 'fa-solid fa-map-pin',
      'label' => 'Lokasi',
      'value' => 'Jakarta, Indonesia',
      'link' => '#'
    ]
];
?>
<section id="contact" class="py-20 bg-gray-50">
  <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">
        Hubungi Kami
      </h2>
      <p class="text-lg text-gray-600 max-w-3xl mx-auto">
        Mari ciptakan peluang bersama. Hubungi kami hari ini dan bangun masa depan bisnis Anda bersama BrightEd. 
      </p>
    </div>

    <div class="grid lg:grid-cols-2 gap-12 items-start">
      <div class="space-y-6">
        <h3 class="text-2xl font-semibold text-gray-900">Informasi Kontak</h3>
        
        <div class="space-y-4">
          <?php foreach ($contactInfo as $info): ?>
            <a href="<?php echo $info['link']; ?>" class="flex items-center space-x-4 text-gray-700 hover:text-blue-600 transition-colors p-4 border rounded-lg hover:shadow-md">
              <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
                <i class="<?php echo $info['icon']; ?> text-blue-600 text-xl"></i>
              </div>
              <div>
                <p class="font-medium"><?php echo $info['label']; ?></p>
                <p class="text-sm text-gray-600"><?php echo $info['value']; ?></p>
              </div>
            </a>
          <?php endforeach; ?>
        </div>
      </div>

      <div class="bg-white p-8 rounded-lg shadow-lg">
        <h3 class="text-2xl font-semibold text-gray-900 mb-6">Kirim Pesan</h3>
        <form action="#" method="POST" class="space-y-6">
          <div>
            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nama Lengkap</label>
            <input type="text" name="name" id="name" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
          </div>
          <div>
            <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Alamat Email</label>
            <input type="email" name="email" id="email" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
          </div>
          <div>
            <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Pesan Anda</label>
            <textarea name="message" id="message" rows="5" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"></textarea>
          </div>
          <div>
            <button type="submit" class="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-bold py-3 px-4 rounded-md transition duration-300">
              Kirim Pesan
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>