GrooLx/https-pusat2-com-tr-index-php

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>Giriş Yap | 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        <!-- Login Form Section -->32        <section class="container mx-auto px-4 py-16">33            <div class="max-w-md mx-auto">34                <div class="bg-gray-800 rounded-lg p-8 border border-gray-700 shadow-2xl">35                    <div class="text-center mb-8">36                        <img src="https://pusat2.com.tr/assets/images/logo.png" alt="Pusat2 Logo" class="mx-auto w-32 h-auto mb-4">37                        <h1 class="text-3xl font-bold bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent">38                            ÜYE GİRİŞİ39                        </h1>40                        <p class="text-gray-400 mt-2">BU SAVAŞTA YERİNİ AL!</p>41                    </div>42 43                    <form id="loginForm" class="space-y-6">44                        <div>45                            <label class="block text-sm font-medium mb-2">Kullanıcı Adı</label>46                            <div class="relative">47                                <input type="text" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="Kullanıcı adı giriniz">48                                <i data-feather="user" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>49                            </div>50                        </div>51 52                        <div>53                            <label class="block text-sm font-medium mb-2">Şifre</label>54                            <div class="relative">55                                <input type="password" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="Şifrenizi giriniz">56                                <i data-feather="lock" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>57                            </div>58                        </div>59 60                        <div class="flex items-center justify-between">61                            <label class="flex items-center">62                                <input type="checkbox" class="mr-2">63                                <span class="text-sm text-gray-400">Beni hatırla</span>64                            </label>65                            <a href="#" class="text-sm text-purple-400 hover:text-purple-300">Şifremi Unuttum</a>66                        </div>67 68                        <button type="submit" class="w-full bg-gradient-to-r from-blue-600 to-purple-600 py-3 rounded-lg font-bold hover:from-blue-700 hover:to-purple-700 transition-all transform hover:scale-105">69                            GİRİŞ YAP70                        </button>71                    </form>72 73                    <div class="mt-6 text-center">74                        <p class="text-gray-400">75                            Hesabınız yok mu?76                            <a href="register.html" class="text-purple-400 hover:text-purple-300 font-semibold">Kayıt Ol</a>77                        </p>78                    </div>79 80                    <div class="mt-6 border-t border-gray-700 pt-6">81                        <p class="text-center text-gray-400 text-sm mb-4">Hızlı giriş</p>82                        <div class="flex gap-4">83                            <a href="https://www.facebook.com/profile.php?id=61556350785511" target="_blank" class="flex-1 bg-blue-600 py-2 rounded-lg text-center hover:bg-blue-700 transition-colors">84                                <i data-feather="facebook" class="inline w-5 h-5"></i>85                            </a>86                            <a href="https://pusat2.com.tr/index.php" class="flex-1 bg-purple-600 py-2 rounded-lg text-center hover:bg-purple-700 transition-colors">87                                <i data-feather="message-circle" class="inline w-5 h-5"></i>88                            </a>89                        </div>90                    </div>91                </div>92            </div>93        </section>94 95        <!-- Footer -->96        <custom-footer></custom-footer>97    </div>98 99    <script src="components/navbar.js"></script>100    <script src="components/footer.js"></script>101    <script src="script.js"></script>102    <script>feather.replace();</script>103</body>104</html>