<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>Domain For Sale</title>
<link rel="stylesheet" href="styles.css?v=1.2.2">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="card">
<div class="domain-badge">
<span id="domain-name">domain.com</span>
</div>
<h1>This Domain is Registered</h1>
<p class="subtitle">But it might be available at the right price.</p>
<div class="divider"></div>
<p class="description">
Are you interested in acquiring this domain name for your business or project?
Feel free to reach out with a serious offer.
</p>
<button class="cta-button" id="contact-button">Make an Offer</button>
<div id="contact-form-container" class="hidden">
<form id="offer-form" class="contact-form">
<div class="form-group">
<label for="offer-amount">Your Offer ($)</label>
<input type="number" id="offer-amount" name="offer" placeholder="Enter amount" required>
</div>
<div class="form-group">
<label for="contact-email">Your Email</label>
<input type="email" id="contact-email" name="email" placeholder="Where we can reach you" required>
</div>
<div class="form-group">
<label for="message">Message (Optional)</label>
<textarea id="message" name="message" placeholder="Any additional information..."></textarea>
</div>
<div class="form-actions">
<button type="button" id="cancel-form" class="secondary-button">Cancel</button>
<button type="submit" class="submit-button">Send Offer</button>
</div>
</form>
</div>
<div id="form-success" class="hidden">
<div class="success-icon">✓</div>
<h3>Offer Submitted!</h3>
<p>Thank you for your interest. We'll review your offer and get back to you soon.</p>
<button type="button" id="close-success" class="secondary-button">Close</button>
</div>
<div id="form-error" class="hidden">
<div class="error-icon">!</div>
<h3>Something went wrong</h3>
<p>Please try again later or contact us through another method.</p>
<button type="button" id="close-error" class="secondary-button">Close</button>
</div>
<div class="footer">
<p>© <span id="current-year"></span> All Rights Reserved</p>
<p class="version" style="font-size: 10px; opacity: 0.5;">v1.2.3</p>
</div>
</div>
</div>
<script src="script.js?v=1.2.2"></script>
</body>
</html>