feat: Update styling and home page
All checks were successful
Build Docker / BuildImage (push) Successful in 1m50s

This commit is contained in:
2025-07-28 11:36:51 +10:00
parent 4b8d3465bc
commit 402e321396
6 changed files with 662 additions and 206 deletions

View File

@@ -16,11 +16,69 @@
</head>
<body>
<div class="spacer"></div>
<div class="centre">
<h1>FireAlerts</h1>
<p>Get alerted before your Handshake domains expire.</p>
<a href="/account" class="button">Account</a>
<div class="container">
<header>
<div class="logo">
🔥 FireAlerts
</div>
</header>
<main>
<div class="hero">
<h1>Never Lose Your Handshake Domains</h1>
<p class="subtitle">Get timely notifications before your domains expire. Support for Discord webhooks, email, and Telegram alerts.</p>
<div class="cta-section">
<a href="/account" class="button primary">Get Started</a>
</div>
</div>
<section id="features" class="features">
<h2>Why Choose FireAlerts?</h2>
<div class="feature-grid">
<div class="feature-card">
<div class="feature-icon">🔔</div>
<h3>Multiple Alert Types</h3>
<p>Choose from Discord webhooks, email notifications, or Telegram messages.</p>
</div>
<div class="feature-card">
<div class="feature-icon"></div>
<h3>Customizable Timing</h3>
<p>Set alerts for any number of blocks before your domain expires.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🆓</div>
<h3>Free Service</h3>
<p>Keep track of all your Handshake domains at no cost.</p>
</div>
</div>
</section>
<section class="how-it-works">
<h2>How It Works</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Sign In</h3>
<p>Use your existing account to access FireAlerts</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Add Domains</h3>
<p>Set up alerts for your Handshake domains</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Get Notified</h3>
<p>Receive timely alerts before expiration</p>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2024 FireAlerts. Never miss a domain renewal again.</p>
</footer>
</div>
</body>