GrooLx/https-pusat2-com-tr-index-php
0
1<!DOCTYPE html>2<html lang="tr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Destek | Pusat2 Prime</title>7 <link rel="icon" type="image/x-icon" href="https://pusat2.com.tr/assets/images/logo.png">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>13</head>14<body class="bg-gray-900 text-white min-h-screen">15 <div id="vanta-bg" class="fixed inset-0 z-0"></div>16 17 <div class="relative z-10">18 <!-- Language Switcher -->19 <div class="fixed top-4 right-4 z-50 flex gap-2">20 <a href="https://pusat2.com.tr//Index/Language/TR" class="hover:scale-110 transition-transform">21 <img src="https://pusat2.com.tr/assets/images/tr.png" alt="TR" class="w-8 h-8 rounded">22 </a>23 <a href="https://pusat2.com.tr//Index/Language/EN" class="hover:scale-110 transition-transform">24 <img src="https://pusat2.com.tr/assets/images/en.png" alt="EN" class="w-8 h-8 rounded">25 </a>26 </div>27 28 <!-- Navigation -->29 <custom-navbar></custom-navbar>30 31 <!-- Support Section -->32 <section class="container mx-auto px-4 py-16">33 <div class="text-center mb-12">34 <h1 class="text-4xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent">35 DESTEK SİSTEMİ36 </h1>37 <p class="text-xl text-gray-400">Size nasıl yardımcı olabiliriz?</p>38 </div>39 40 <div class="max-w-4xl mx-auto">41 <!-- Support Categories -->42 <div class="grid md:grid-cols-2 gap-6 mb-12">43 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700 hover:border-purple-500 transition-all cursor-pointer">44 <div class="flex items-center mb-4">45 <div class="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mr-4">46 <i data-feather="help-circle" class="w-6 h-6"></i>47 </div>48 <h3 class="text-xl font-semibold">Sıkça Sorulan Sorular</h3>49 </div>50 <p class="text-gray-400 mb-4">En çok sorulan sorular ve cevapları</p>51 <a href="#" class="text-purple-400 hover:text-purple-300 font-semibold">52 Soruları Görüntüle <i data-feather="arrow-right" class="inline w-4 h-4"></i>53 </a>54 </div>55 56 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700 hover:border-purple-500 transition-all cursor-pointer">57 <div class="flex items-center mb-4">58 <div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mr-4">59 <i data-feather="message-square" class="w-6 h-6"></i>60 </div>61 <h3 class="text-xl font-semibold">Canlı Destek</h3>62 </div>63 <p class="text-gray-400 mb-4">Anlık yardım için canlı destek ekibimiz</p>64 <a href="https://pusat2.com.tr/index.php" class="text-blue-400 hover:text-blue-300 font-semibold">65 Discord'a Bağlan <i data-feather="arrow-right" class="inline w-4 h-4"></i>66 </a>67 </div>68 69 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700 hover:border-purple-500 transition-all cursor-pointer">70 <div class="flex items-center mb-4">71 <div class="w-12 h-12 bg-green-600 rounded-lg flex items-center justify-center mr-4">72 <i data-feather="edit" class="w-6 h-6"></i>73 </div>74 <h3 class="text-xl font-semibold">Destek Talebi</h3>75 </div>76 <p class="text-gray-400 mb-4">Yeni bir destek talebi oluşturun</p>77 <button onclick="showTicketForm()" class="text-green-400 hover:text-green-300 font-semibold">78 Talep Oluştur <i data-feather="arrow-right" class="inline w-4 h-4"></i>79 </button>80 </div>81 82 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700 hover:border-purple-500 transition-all cursor-pointer">83 <div class="flex items-center mb-4">84 <div class="w-12 h-12 bg-yellow-600 rounded-lg flex items-center justify-center mr-4">85 <i data-feather="book" class="w-6 h-6"></i>86 </div>87 <h3 class="text-xl font-semibold">Kılavuzlar</h3>88 </div>89 <p class="text-gray-400 mb-4">Oyun rehberleri ve ipuçları</p>90 <a href="#" class="text-yellow-400 hover:text-yellow-300 font-semibold">91 Kılavuzları Gör <i data-feather="arrow-right" class="inline w-4 h-4"></i>92 </a>93 </div>94 </div>95 96 <!-- Support Ticket Form -->97 <div id="ticketForm" class="bg-gray-800 rounded-lg p-8 border border-gray-700 hidden">98 <h2 class="text-2xl font-bold mb-6">Destek Talebi Oluştur</h2>99 100 <form class="space-y-6">101 <div>102 <label class="block text-sm font-medium mb-2">Konu</label>103 <select class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none">104 <option>Hesap Sorunları</option>105 <option>Oyun Hataları</option>106 <option>Ödeme Sorunları</option>107 <option>Diğer</option>108 </select>109 </div>110 111 <div>112 <label class="block text-sm font-medium mb-2">E-Posta</label>113 <input type="email" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none" placeholder="eposta@ornek.com">114 </div>115 116 <div>117 <label class="block text-sm font-medium mb-2">Mesajınız</label>118 <textarea rows="6" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none" placeholder="Sorununuzu detaylı bir şekilde açıklayın..."></textarea>119 </div>120 121 <div class="flex gap-4">122 <button type="submit" class="flex-1 bg-gradient-to-r from-purple-600 to-pink-600 py-3 rounded-lg font-bold hover:from-purple-700 hover:to-pink-700 transition-all">123 Talebi Gönder124 </button>125 <button type="button" onclick="hideTicketForm()" class="flex-1 bg-gray-700 py-3 rounded-lg font-bold hover:bg-gray-600 transition-all">126 İptal127 </button>128 </div>129 </form>130 </div>131 132 <!-- FAQ Section -->133 <div class="bg-gray-800 rounded-lg p-8 border border-gray-700">134 <h2 class="text-2xl font-bold mb-6">Sıkça Sorulan Sorular</h2>135 136 <div class="space-y-4">137 <div class="bg-gray-700 rounded-lg p-4">138 <button onclick="toggleFAQ(1)" class="w-full text-left flex justify-between items-center">139 <span class="font-semibold">Hesap şifremi unuttum, ne yapmalıyım?</span>140 <i data-feather="chevron-down" class="w-5 h-5 transition-transform" id="faq-icon-1"></i>141 </button>142 <div id="faq-1" class="hidden mt-4 text-gray-300">143 <p>Ana sayfamızdaki "Şifremi Unuttum" linkine tıklayarak e-posta adresinize şifre yenileme linki gönderebilirsiniz. E-posta kutunuzu kontrol etmeyi unutmayın.</p>144 </div>145 </div>146 147 <div class="bg-gray-700 rounded-lg p-4">148 <button onclick="toggleFAQ(2)" class="w-full text-left flex justify-between items-center">149 <span class="font-semibold">Oyunu nasıl indirebilirim?</span>150 <i data-feather="chevron-down" class="w-5 h-5 transition-transform" id="faq-icon-2"></i>151 </button>152 <div id="faq-2" class="hidden mt-4 text-gray-300">153 <p>"İndir" sayfamıza giderek tam indirme veya torrent seçeneklerinden birini seçerek oyunu bilgisayarınıza indirebilirsiniz.</p>154 </div>155 </div>156 157 <div class="bg-gray-700 rounded-lg p-4">158 <button onclick="toggleFAQ(3)" class="w-full text-left flex justify-between items-center">159 <span class="font-semibold">Hesabım çalındı, ne yapmalıyım?</span>160 <i data-feather="chevron-down" class="w-5 h-5 transition-transform" id="faq-icon-3"></i>161 </button>162 <div id="faq-3" class="hidden mt-4 text-gray-300">163 <p>Derhal bir destek talebi oluşturarak durumu bildirin. Hesap güvenliği için şifrenizi düzenli olarak değiştirmenizi öneririz.</p>164 </div>165 </div>166 </div>167 </div>168 </div>169 </section>170 171 <!-- Footer -->172 <custom-footer></custom-footer>173 </div>174 175 <script src="components/navbar.js"></script>176 <script src="components/footer.js"></script>177 <script src="script.js"></script>178 <script>179 function showTicketForm() {180 document.getElementById('ticketForm').classList.remove('hidden');181 document.getElementById('ticketForm').scrollIntoView({ behavior: 'smooth' });182 }183 184 function hideTicketForm() {185 document.getElementById('ticketForm').classList.add('hidden');186 }187 188 function toggleFAQ(id) {189 const content = document.getElementById(`faq-${id}`);190 const icon = document.getElementById(`faq-icon-${id}`);191 192 content.classList.toggle('hidden');193 icon.classList.toggle('rotate-180');194 }195 </script>196 <script>feather.replace();</script>197</body>198</html>