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

1// Vanta.js background animation2VANTA.GLOBE({3    el: "#vanta-bg",4    mouseControls: true,5    touchControls: true,6    gyroControls: false,7    minHeight: 200.00,8    minWidth: 200.00,9    scale: 1.00,10    scaleMobile: 1.00,11    color: 0x8b5cf6,12    backgroundColor: 0x111827,13    size: 0.8014});15 16// Top Players Data17const topPlayers = [18    { rank: 1, name: "PoLeSTaR", level: "105 Lv" },19    { rank: 2, name: "TonyMontana", level: "105 Lv" },20    { rank: 3, name: "GaLZeR424", level: "105 Lv" },21    { rank: 4, name: "SENATOR", level: "105 Lv" },22    { rank: 5, name: "F8", level: "105 Lv" },23    { rank: 6, name: "KralsPen", level: "105 Lv" },24    { rank: 7, name: "AVCI3", level: "105 Lv" },25    { rank: 8, name: "AVCI2", level: "105 Lv" },26    { rank: 9, name: "CharoN", level: "105 Lv" },27    { rank: 10, name: "oBREAKERo", level: "105 Lv" }28];29 30// Top Guilds Data31const topGuilds = [32    { rank: 1, name: "GODZILLA", points: "22K" },33    { rank: 2, name: "54Elizan77", points: "22K" },34    { rank: 3, name: "team777", points: "21K" },35    { rank: 4, name: "BAMBAM", points: "20K" },36    { rank: 5, name: "AGESALLSTAR", points: "20K" },37    { rank: 6, name: "ALPHAHARD", points: "20K" },38    { rank: 7, name: "999SOLVE", points: "20K" },39    { rank: 8, name: "KONSEYxHARD", points: "20K" },40    { rank: 9, name: "AZAP", points: "19K" },41    { rank: 10, name: "Fakir", points: "19K" }42];43 44// Render Top Players45function renderTopPlayers() {46    const container = document.getElementById('topPlayers');47    container.innerHTML = topPlayers.map(player => `48        <div class="player-item flex items-center justify-between p-3 rounded-lg bg-gray-700 hover:bg-gray-600 transition-all cursor-pointer">49            <div class="flex items-center gap-3">50                <div class="rank-badge rank-${player.rank} w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm">51                    ${player.rank}52                </div>53                <span class="font-semibold">${player.name}</span>54            </div>55            <div class="flex items-center gap-3">56                <span class="text-purple-400">${player.level}</span>57                <a href="#" class="text-blue-400 hover:text-blue-300">58                    <i data-feather="external-link" class="w-4 h-4"></i>59                </a>60            </div>61        </div>62    `).join('');63    feather.replace();64}65 66// Render Top Guilds67function renderTopGuilds() {68    const container = document.getElementById('topGuilds');69    container.innerHTML = topGuilds.map(guild => `70        <div class="guild-item flex items-center justify-between p-3 rounded-lg bg-gray-700 hover:bg-gray-600 transition-all cursor-pointer">71            <div class="flex items-center gap-3">72                <div class="rank-badge rank-${guild.rank} w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm">73                    ${guild.rank}74                </div>75                <span class="font-semibold">${guild.name}</span>76            </div>77            <span class="text-blue-400 font-bold">${guild.points}</span>78        </div>79    `).join('');80    feather.replace();81}82 83// Modal functions84function openModal() {85    document.getElementById('membershipModal').classList.remove('hidden');86    document.body.style.overflow = 'hidden';87}88 89function closeModal() {90    document.getElementById('membershipModal').classList.add('hidden');91    document.body.style.overflow = 'auto';92}93 94// Initialize on page load95document.addEventListener('DOMContentLoaded', function() {96    renderTopPlayers();97    renderTopGuilds();98    99    // Add smooth scroll behavior100    document.querySelectorAll('a[href^="#"]').forEach(anchor => {101        anchor.addEventListener('click', function (e) {102            e.preventDefault();103            const target = document.querySelector(this.getAttribute('href'));104            if (target) {105                target.scrollIntoView({ behavior: 'smooth' });106            }107        });108    });109 110    // Add hover effect to cards111    document.querySelectorAll('.bg-gray-800').forEach(card => {112        card.addEventListener('mouseenter', function() {113            this.style.transform = 'translateY(-2px)';114            this.style.transition = 'all 0.3s ease';115        });116        card.addEventListener('mouseleave', function() {117            this.style.transform = 'translateY(0)';118        });119    });120});121 122// Close modal on escape key123document.addEventListener('keydown', function(e) {124    if (e.key === 'Escape') {125        closeModal();126    }127});128 129// Close modal on background click130document.getElementById('membershipModal').addEventListener('click', function(e) {131    if (e.target === this) {132        closeModal();133    }134});