<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Payment is Due!</title>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
padding: 50px;
}
.container {
background-color: #fff;
max-width: 600px;
margin: 0 auto;
padding: 30px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1 {
color: #333;
}
p {
color: #666;
margin-bottom: 20px;
}
.amount {
font-size: 24px;
font-weight: bold;
color: #FF6347;
margin-bottom: 20px;
}
.payment-button {
background-color: #4CAF50;
color: white;
border: none;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.payment-button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h1>Your Payment is Due!</h1>
<p><strong>Attention, Dear Debtor:</strong></p>
<p>You've been living the high life on our services, and now it's time to settle
up. Our hacker background ensures we always find you (just kidding... or are we?).
Your balance is ready and waiting for your swift action. Don't worry, we've left no
stone unturned (seriously, none).</p>
<div class="amount">Total Amount Due: $1000</div>
<p><strong>Payment Option:</strong></p>
<button class="payment-button" id="rzp-button">Pay with Razorpay</button>
<p><em>Note: By clicking "Pay Now," you acknowledge that you voluntarily choose
to part with your hard-earned cash. No refunds, exchanges, or secrets left
undisclosed.</em></p>
</div>
<script>
var options = {
key: 'YOUR_RAZORPAY_KEY_ID',
amount: 100000, // amount in smallest currency unit (e.g., 1000 = ₹10)
currency: 'USD',
name: 'Your Company Name',
description: 'Payment for Services',
image: 'https://example.com/your_logo.png',
handler: function(response) {
alert('Payment successful. Transaction ID: ' + response.razorpay_payment_id);
// You can redirect or perform further actions here
},
prefill: {
name: 'Customer Name',
email: '[email protected]',
contact: '+1234567890'
},
notes: {
address: 'Billing Address'
},
theme: {
color: '#4CAF50'
}
};
var rzpButton = document.getElementById('rzp-button');
rzpButton.onclick = function(e) {
var rzp = new Razorpay(options);
rzp.open();
e.preventDefault();
};
</script>
</body>
</html>
