klikbulukumba.com Ads.txt file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="language" content="id-ID">
<title>KAISAR328: Solusi Modern Bermain Game Online Dengan Keyakinan, Menang dengan Kelas</title>
<meta name="keywords" content="kaisar328 ,platform game online, toko game, daftar kaisar328, kaisar328 login" />
<meta name="description" content="KAISAR328 adalah solusi modern dalam dunia hiburan digital yang menghadirkan pengalaman bermain game online dengan sentuhan elegan, aman, dan berkelas.">
<meta name="data-spm" content="kaisar328" />
<meta name="robots" content="index, follow" />
<meta name="language" content="Indonesia" />
<meta name="author" content="kaisar328.com" />
<meta name="og:url" content="https://klikbulukumba.com/" />
<meta name="pinterest" content="nopin">
<meta name="google-site-verification" content="HH0wJzAM6CDIJSqp_kv1bGS5FNzMCdQx3DtlQs8X6Ug" />
<meta name="og:title" content="KAISAR328: Solusi Modern Bermain Game Online Dengan Keyakinan, Menang dengan Kelas Lengkap" />
<link rel="amphtml" href="https://web-k32.com/rank1/" />
<link rel="icon" type="image/x-icon" href="wp-content/favicon-kaisar328.png" />
<link rel="canonical" href="https://klikbulukumba.com/" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Custom Animation */
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
.floating {
animation: float 6s ease-in-out infinite;
}
.floating-2 {
animation: float 5s ease-in-out infinite 1s;
}
.floating-3 {
animation: float 4s ease-in-out infinite 2s;
}
/* Custom Glow Effect */
.glow {
box-shadow: 0 0 15px rgba(230, 225, 224, 0.5);
}
.glow:hover {
box-shadow: 0 0 25px rgba(195, 195, 199, 0.7);
}
/* Particle Background */
#particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #01010a;
background-image: url("");
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<!-- Particle Background -->
<div id="particles-js"></div>
<div class="relative z-10">
<!-- Breadcrumb Navigation -->
<nav class="bg-yellow-800/50 backdrop-blur-md py-3 px-6 shadow-lg">
<div class="max-w-7xl mx-auto flex items-center justify-between">
<div class="flex items-center space-x-4">
<a href="https://litlelink.com/daftar-kaisar328" class="text-yellow-400 font-bold text-xl flex items-center">
<img src="wp-content/logo-kaisar328.png" alt="kaisar328 Logo" class="h-8 mr-2">
</a>
<div class="hidden md:flex items-center text-sm">
<a href="https://klikbulukumba.com/" class="text-gray-300 hover:text-yellow-300 px-3 py-2">Beranda</a>
<a href="https://klikbulukumba.com/" class="text-gray-300 hover:text-yellow-300 px-3 py-2">Game</a>
<a href="https://klikbulukumba.com/" class="text-gray-300 hover:text-yellow-300 px-3 py-2">Blog</a>
<a href="https://klikbulukumba.com/" class="text-gray-300 hover:text-yellow-300 px-3 py-2">Shop</a>
</div>
</div>
<div class="flex items-center space-x-4">
<button id="login-btn" class="px-4 py-2 rounded-md text-gray-300 hover:text-gray-100 hover:bg-gray-700/50 transition">
<i class="fas fa-sign-in-alt mr-2"></i><a href="https://litlelink.com/daftar-kaisar328">Masuk</a>
</button>
<button id="register-btn" class="px-4 py-2 bg-red-600 text-white rounded-md hover:bg-red-700 transition glow">
<i class="fas fa-user-plus mr-2"></i><a href="https://litlelink.com/daftar-kaisar328">Daftar</a>
</button>
</div>
</div>
</nav>
<!-- Main Scene -->
<main class="max-w-7xl mx-auto px-6 py-12">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="text-center lg:text-left">
<div class="flex items-center justify-center lg:justify-start text-sm text-yellow-300 mb-2">
<span class="bg-yellow-900/50 px-3 py-1 rounded-full">NEW RELEASE</span>
<span class="mx-2">|</span>
<span>3.2M+ Joiners</span>
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">
Game Slot Online <span class="text-red-800">KAISAR328</span>
</h1>
<p class="text-gray-300 mb-8 max-w-lg text-lg">
Beli game PC, konsol, dan voucher game dengan harga terbaik di Indonesia. Pembayaran mudah, proses instan, dan garansi 100% aman.
</p>
<div class="flex flex-col sm:flex-row gap-4 mb-12">
<button class="px-8 py-3 bg-yellow-600 text-white rounded-md hover:bg-red-800 transition glow flex-1 max-w-sm">
<i class="fas fa-shopping-cart mr-2"></i><a href="https://litlelink.com/daftar-kaisar328">Beli Sekarang</a>
</button>
<button class="px-8 py-3 bg-gray-700/50 text-white rounded-md hover:bg-gray-600 transition flex-1 max-w-sm">
<i class="fas fa-tag mr-2"></i><a href="https://litlelink.com/daftar-kaisar328">Lihat Promo</a>
</button>
</div>
<div class="flex flex-wrap gap-4 justify-center lg:justify-start">
<div class="text-center bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg min-w-24">
<div class="text-2xl font-bold text-yellow-400">88K+</div>
<div class="text-xs text-gray-400">PRODUK</div>
</div>
<div class="text-center bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg min-w-24">
<div class="text-2xl font-bold text-yellow-400">600RB+</div>
<div class="text-xs text-gray-400">PELANGGAN</div>
</div>
<div class="text-center bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg min-w-24">
<div class="text-2xl font-bold text-yellow-400">93%</div>
<div class="text-xs text-gray-400">KEPUASAN</div>
</div>
</div>
</div>
<div class="relative">
<div class="relative max-w-md mx-auto">
<!-- Floating Game Characters -->
<img src="wp-content/favicon-kaisar328.png" alt="Favicon kaisar328" class="w-full max-w-xs mx-auto floating">
<img src="wp-content/favicon-kaisar328.png" alt="Favicon kaisar328" class="absolute top-12 -left-10 w-20 floating-2">
<img src="wp-content/favicon-kaisar328.png" alt="Favicon kaisar328" class="absolute top-0 -right-10 w-16 floating-3">
<!-- Floating Particles -->
<div class="absolute -bottom-10 -left-10 w-6 h-6 bg-yellow-500 rounded-full opacity-50 floating"></div>
<div class="absolute top-1/4 -right-8 w-5 h-5 bg-purple-500 rounded-full opacity-50 floating-2"></div>
<div class="absolute top-2/3 right-5 w-4 h-4 bg-pink-500 rounded-full opacity-50 floating-3"></div>
</div>
</div>
</div>
</main>
<!-- Product Section -->
<section class="max-w-7xl mx-auto px-6 py-16">
<div class="flex justify-between items-center mb-8">
<h2 class="text-3xl font-bold">Produk Terpopuler</h2>
<a href="https://klikbulukumba.com/" class="text-yellow-400 hover:text-yellow-300">Lihat Semua <i class="fas fa-chevron-right ml-1"></i></a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl overflow-hidden hover:transform hover:scale-105 transition-all duration-300 glow">
<div class="h-48 ">
<img src="wp-content/kaisar328-game-online.png" alt="kaisar328" class="h-full object-cover">
</div>
<div class="p-4">
<h3 class="text-xl font-semibold mb-2">Rtp Kaisar328</h3>
<div class="flex justify-between items-center mb-3">
<div class="text-yellow-400 font-bold">Rp 10.000</div>
<div class="text-sm text-gray-400">
<i class="fas fa-star text-yellow-400 mr-1"></i> 5.0
</div>
</div>
<div class="flex gap-2">
<button class="flex-1 py-2 bg-red-600 hover:bg-red-700 rounded-md text-sm">
<i class="fas fa-shopping-cart mr-1"></i><a href="https://litlelink.com/daftar-kaisar328">Beli</a>
</button>
<button class="w-10 py-2 bg-gray-700 hover:bg-gray-600 rounded-md text-sm">
<i class="far fa-heart"></i>
</button>
</div>
</div>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl overflow-hidden hover:transform hover:scale-105 transition-all duration-300 glow">
<div class="h-48 ">
<img src="wp-content/kaisar328-game-online.png" alt="kaisar328" class="h-full object-cover">
</div>
<div class="p-4">
<h3 class="text-xl font-semibold mb-2">Link Alternatif Kaisar328</h3>
<div class="flex justify-between text-sm text-gray-400 mb-3">
<span><i class="fas fa-users mr-1"></i> 890K+</span>
<span><i class="fas fa-star text-yellow-400 mr-1"></i> 4.9</span>
</div>
<button class="w-full py-2 bg-red-600 hover:bg-red-700 rounded-md text-sm"><a href="https://litlelink.com/daftar-kaisar328">Join Now</a></button>
</div>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl overflow-hidden hover:transform hover:scale-105 transition-all duration-300 glow">
<div class="h-48 ">
<img src="wp-content/kaisar328-game-online.png" alt="kaisar328" class="h-full object-cover">
</div>
<div class="p-4">
<h3 class="text-xl font-semibold mb-2">Permainan Terbaik</h3>
<div class="flex justify-between text-sm text-gray-400 mb-3">
<span><i class="fas fa-users mr-1"></i> 350K+</span>
<span><i class="fas fa-star text-yellow-400 mr-1"></i> 4.7</span>
</div>
<button class="w-full py-2 bg-red-600 hover:bg-red-700 rounded-md text-sm"><a href="https://litlelink.com/daftar-kaisar328">Join Now</a></button>
</div>
</div>
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl overflow-hidden hover:transform hover:scale-105 transition-all duration-300 glow">
<div class="h-48 ">
<img src="wp-content/kaisar328-game-online.png" alt="kaisar328" class="h-full object-cover">
</div>
<div class="p-4">
<h3 class="text-xl font-semibold mb-2">Cara Mudah Menang</h3>
<div class="flex justify-between text-sm text-gray-400 mb-3">
<span><i class="fas fa-users mr-1"></i> 680K+</span>
<span><i class="fas fa-star text-yellow-400 mr-1"></i> 4.8</span>
</div>
<button class="w-full py-2 bg-red-600 hover:bg-red-700 rounded-md text-sm"><a href="https://litlelink.com/daftar-kaisar328">Join Now</a></button>
</div>
</div>
</div>
</section>
<!-- Payment Methods -->
<section class="max-w-7xl mx-auto px-6 py-12">
<h2 class="text-3xl font-bold mb-8 text-center">Metode Pembayaran</h2>
<div class="flex flex-wrap justify-center gap-8">
<img src="wp-content/OVO.png" alt="OVO" class="h-10">
<img src="wp-content/dana.png" alt="DANA" class="h-10">
<img src="wp-content/gopay.png" alt="Gopay" class="h-10">
<img src="wp-content/bank-transfer.png" alt="Bank Transfer" class="h-10">
<img src="wp-content/credit-cards-icon-11.png" alt="Credit Card" class="h-10">
</div>
</section>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
// Modal functionality
const loginBtn = document.getElementById('login-btn');
const registerBtn = document.getElementById('register-btn');
const loginModal = document.getElementById('login-modal');
const registerModal = document.getElementById('register-modal');
const closeLoginModal = document.getElementById('close-login-modal');
const closeRegisterModal = document.getElementById('close-register-modal');
const switchToRegister = document.getElementById('switch-to-register');
const switchToLogin = document.getElementById('switch-to-login');
// Show login modal
loginBtn.addEventListener('click', () => {
loginModal.classList.remove('opacity-0', 'pointer-events-none');
registerModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
loginModal.querySelector('div').classList.remove('scale-95');
registerModal.querySelector('div').classList.add('scale-95');
}, 10);
});
// Show register modal
registerBtn.addEventListener('click', () => {
registerModal.classList.remove('opacity-0', 'pointer-events-none');
loginModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
registerModal.querySelector('div').classList.remove('scale-95');
loginModal.querySelector('div').classList.add('scale-95');
}, 10);
});
// Close modals
closeLoginModal.addEventListener('click', () => {
loginModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
loginModal.querySelector('div').classList.add('scale-95');
}, 10);
});
closeRegisterModal.addEventListener('click', () => {
registerModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
registerModal.querySelector('div').classList.add('scale-95');
}, 10);
});
// Switch between modals
switchToRegister.addEventListener('click', () => {
loginModal.classList.add('opacity-0', 'pointer-events-none');
registerModal.classList.remove('opacity-0', 'pointer-events-none');
setTimeout(() => {
loginModal.querySelector('div').classList.add('scale-95');
registerModal.querySelector('div').classList.remove('scale-95');
}, 10);
});
switchToLogin.addEventListener('click', () => {
registerModal.classList.add('opacity-0', 'pointer-events-none');
loginModal.classList.remove('opacity-0', 'pointer-events-none');
setTimeout(() => {
registerModal.querySelector('div').classList.add('scale-95');
loginModal.querySelector('div').classList.remove('scale-95');
}, 10);
});
// Close modals when clicking outside
window.addEventListener('click', (e) => {
if (e.target === loginModal) {
loginModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
loginModal.querySelector('div').classList.add('scale-95');
}, 10);
}
if (e.target === registerModal) {
registerModal.classList.add('opacity-0', 'pointer-events-none');
setTimeout(() => {
registerModal.querySelector('div').classList.add('scale-95');
}, 10);
}
});
// Particles.js initialization
document.addEventListener('DOMContentLoaded', function() {
particlesJS("particles-js", {
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#070924"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#ffffff"
},
"polygon": {
"nb_sides": 5
}
},
"opacity": {
"value": 0.3,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#ffffff",
"opacity": 0.2,
"width": 1
},
"move": {
"enable": true,
"speed": 2,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 140,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
});
</script>
</body>
</html>