|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Payment Success | SweepCoin</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
</head> |
|
|
<body class="bg-black text-white-soft font-inter flex items-center justify-center min-h-screen"> |
|
|
<div class="glass-card p-12 text-center max-w-md w-full relative overflow-hidden"> |
|
|
<coin-particles class="absolute inset-0 z-0"></coin-particles> |
|
|
<div class="relative z-10"> |
|
|
<div class="w-24 h-24 bg-gradient-to-r from-glow-orange to-glow-yellow rounded-full flex items-center justify-center mx-auto mb-6"> |
|
|
<i data-feather="check" class="w-12 h-12 text-white"></i> |
|
|
</div> |
|
|
<h2 class="text-3xl font-bold mb-4 bg-gradient-to-r from-glow-orange to-glow-yellow bg-clip-text text-transparent"> |
|
|
PAYMENT SUCCESSFUL! |
|
|
</h2> |
|
|
<p class="text-white-soft opacity-80 mb-8"> |
|
|
Your purchase of 12,000 SC has been completed. The coins have been added to your account. |
|
|
</p> |
|
|
<div class="glass-card p-4 mb-8"> |
|
|
<div class="flex justify-between items-center mb-2"> |
|
|
<span class="text-white-soft opacity-80">Transaction ID</span> |
|
|
<span class="font-mono">SC-5A8D2F9E</span> |
|
|
</div> |
|
|
<div class="flex justify-between items-center mb-2"> |
|
|
<span class="text-white-soft opacity-80">Amount</span> |
|
|
<span class="font-bold">$99.99</span> |
|
|
</div> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-white-soft opacity-80">VIP Points</span> |
|
|
<span class="text-glow-yellow font-semibold">+50</span> |
|
|
</div> |
|
|
</div> |
|
|
<a href="/" class="glow-button inline-block px-8 py-3 text-lg font-bold"> |
|
|
RETURN HOME |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
<script src="components/particles.js"></script> |
|
|
</body> |
|
|
</html> |
