<div class="bg-white px-4 lg:px-0 py-8"> <div class="max-w-7xl mx-auto"> <div class="mb-8"> <h1 class="text-3xl font-bold text-custom-50 mb-2">Banka Hesap Bilgileri</h1> <p class="text-gray-600">Havale/EFT ile ödeme yapmak için aşağıdaki hesap bilgilerini kullanabilirsiniz.</p> </div> <div class="bg-gradient-to-br from-gray-50 to-white rounded-lg shadow-lg border border-gray-200 overflow-hidden"> <div class="p-8"> <div class="grid md:grid-cols-2 gap-6"> <div class="space-y-4"> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Hesap Sahibi</label> <p class="text-lg font-bold text-custom-50">TERRA DAĞ.PAZ.VE TİC.ANONİM ŞTİ.</p> </div> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Şube</label> <p class="text-lg text-gray-800">NİŞANTAŞI/İST.</p> </div> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Şube Kodu</label> <p class="text-lg text-gray-800 font-mono">0075</p> </div> </div> <div class="space-y-4"> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Hesap No (TL)</label> <p class="text-lg text-gray-800 font-mono">0125717</p> </div> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Para Birimi</label> <p class="text-lg text-gray-800">Türk Lirası (TL)</p> </div> <div><label class="block text-sm font-semibold text-gray-500 mb-1">Durum</label> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold bg-green-100 text-green-800"> <svg class="w-4 h-4 mr-1" fill="currentColor" viewbox="0 0 20 20"> <path clip-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" fill-rule="evenodd"></path> </svg> Aktif </span></div> </div> </div> <div class="mt-8 pt-6 border-t border-gray-200"><label class="block text-sm font-semibold text-gray-500 mb-2">IBAN Numarası</label> <div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-5 border-2 border-blue-200"> <div class="flex items-center justify-between"> <p class="text-2xl font-bold text-blue-900 font-mono tracking-wider">TR74 0004 6000 7588 8000 1257 17</p> <button class="ml-4 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors duration-200 flex items-center" onclick="copyIBAN()"><svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </svg> Kopyala</button></div> </div> </div> <div class="mt-8 bg-yellow-50 border-l-4 border-yellow-400 p-6 rounded-r-lg"> <div class="flex"><svg class="w-6 h-6 text-yellow-600 mr-3 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"> <path clip-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" fill-rule="evenodd"></path> </svg> <div> <h4 class="font-bold text-yellow-800 mb-2">Önemli Uyarılar</h4> <ul class="text-sm text-yellow-700 space-y-1 list-disc list-inside"> <li>Havale/EFT açıklamasına mutlaka <strong>sipariş numaranızı</strong> yazınız.</li> <li>Ödeme yaptıktan sonra dekont/makbuzunuzu <a class="underline font-semibold" href="mailto:bilgi@rotakullanat.com.tr">bilgi@rotakullanat.com.tr</a> adresine gönderiniz.</li> </ul> </div> </div> </div> </div> </div> </div> </div> <script> function copyIBAN() { const iban = 'TR740004600075888000125717'; navigator.clipboard.writeText(iban).then(function() { alert('IBAN numarası kopyalandı: ' + iban); }, function(err) { console.error('IBAN kopyalanamadı: ', err); }); } </script>