<!-- Buy VXTCH Section -->
<div style="background-color: #f9f9f9; padding: 20px; border-radius: 10px; margin-top: 40px; text-align: center;">
<h2 style="color: #333;">Buy VIOSIONX TECH (VXTCH)</h2>
<p style="color: #666;">Enter the amount of VXTCH you want to purchase and follow the payment instructions.</p>
<!-- Buy Form -->
<form id="buyVXTCHForm" style="max-width: 400px; margin: 0 auto;">
<label for="vxtchAmount" style="display: block; margin: 10px 0 5px; font-weight: bold;">Amount (VXTCH):</label>
<input type="number" id="vxtchAmount" placeholder="Enter amount" required style="width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px;">
<button type="submit" style="background-color: #28a745; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px;">Buy Now</button>
</form>
<!-- Payment Details -->
<div id="paymentDetails" style="margin-top: 20px; padding: 15px; background-color: #e9ecef; border-radius: 5px; display: none;">
<h3 style="color: #333;">Payment Instructions</h3>
<p><strong>Receiving Wallet:</strong> 0x810075b38cbc4e87d0ad8a88e1135cdc3a58f059</p>
<p><strong>Network:</strong> BNB Smart Chain (BEP-20)</p>
<p><strong>Token:</strong> VIOSIONX TECH (VXTCH)</p>
<p><strong>Price:</strong> $0.05 per VXTCH</p>
<p>Send the equivalent amount of BNB to the wallet address above. Your VXTCH will be credited once the payment is confirmed.</p>
</div>
<!-- Confirmation Message -->
<div id="confirmationMessage" style="margin-top: 20px; padding: 15px; background-color: #d4edda; color: #155724; border-radius: 5px; display: none;">
<p>Thank you for your purchase! Your transaction is being processed. You will receive your VXTCH once the payment is confirmed.</p>
</div>
</div>
<!-- JavaScript for Form Handling -->
<script>
document.getElementById('buyVXTCHForm').addEventListener('submit', function (e) {
e.preventDefault(); // Prevent form submission
// Get the amount of VXTCH
const amount = document.getElementById('vxtchAmount').value;
// Calculate the total price (5 cents per VXTCH)
const totalPrice = amount * 0.05;
// Show payment details
const paymentDetails = document.getElementById('paymentDetails');
paymentDetails.innerHTML = `
<h3 style="color: #333;">Payment Instructions</h3>
<p><strong>Receiving Wallet:</strong> 0x810075b38cbc4e87d0ad8a88e1135cdc3a58f059</p>
<p><strong>Network:</strong> BNB Smart Chain (BEP-20)</p>
<p><strong>Token:</strong> VIOSIONX TECH (VXTCH)</p>
<p><strong>Price:</strong> $0.05 per VXTCH</p>
<p><strong>Total Amount:</strong> $${totalPrice.toFixed(2)}</p>
<p>Send $${totalPrice.toFixed(2)} worth of BNB to the wallet address above. Your VXTCH will be credited once the payment is confirmed.</p>
`;
paymentDetails.style.display = 'block';
// Show confirmation message
const confirmationMessage = document.getElementById('confirmationMessage');
confirmationMessage.style.display = 'block';
// Clear the form
document.getElementById('buyVXTCHForm').reset();
});
</script>
