<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Couponzania Insider — Exclusive Coupons by Email</title>
<meta name="description" content="Join Couponzania Insider for fresh coupons, private codes, and weekly savings. Free. No spam." />
<style>
:root{
--bg:#0f131a;
--card:#141a22;
--text:#e9eef5;
--muted:#b7c1d1;
--brand:#23c483; /* brand accent */
--brand-2:#ff7a59; /* secondary accent */
--ring:rgba(35,196,131,.45);
}
@media (prefers-color-scheme: light){
:root{--bg:#f6f8fb; --card:#ffffff; --text:#101318; --muted:#4b5563; --ring:rgba(35,196,131,.35);}
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
background:
radial-gradient(1200px 600px at 10% -10%, rgba(35,196,131,.15), transparent 60%),
radial-gradient(1200px 700px at 110% 10%, rgba(255,122,89,.12), transparent 60%),
var(--bg);
color:var(--text);
line-height:1.5;
}
.wrap{
max-width: 880px;
margin: 0 auto;
padding: 32px 20px 56px;
}
.brand{
display:flex; align-items:center; gap:10px; margin: 12px 0 28px;
font-weight:700; letter-spacing:.2px;
}
.badge{
display:inline-flex; align-items:center; gap:8px;
padding:6px 10px; border-radius:999px; font-size:12px;
background: linear-gradient(90deg, rgba(35,196,131,.15), rgba(255,122,89,.15));
color:var(--text);
}
.logo{
width:28px;height:28px;border-radius:8px;
background: linear-gradient(135deg, var(--brand), var(--brand-2));
box-shadow: 0 6px 18px rgba(35,196,131,.35);
}
h1{
font-size: clamp(28px, 5vw, 42px);
line-height:1.1; margin:12px 0 12px;
letter-spacing:-.3px;
}
.lead{
font-size: clamp(16px, 2.6vw, 18px);
color:var(--muted);
margin: 0 0 22px;
}
.card{
background: var(--card);
border: 1px solid rgba(255,255,255,.06);
border-radius: 16px;
padding: 18px;
box-shadow: 0 20px 60px rgba(0,0,0,.25);
backdrop-filter: blur(6px);
}
.form{
display:grid; grid-template-columns: 1fr auto; gap:10px;
margin-top: 14px;
}
@media (max-width: 640px){ .form{ grid-template-columns: 1fr; } }
input[type="email"]{
width:100%; padding:14px 16px; border-radius: 12px; border:1px solid transparent;
background: rgba(255,255,255,.06);
color:var(--text); font-size:16px; outline:none;
transition: border-color .2s, box-shadow .2s, background .2s;
}
input[type="email"]::placeholder{ color: rgba(200,210,225,.75); }
input[type="email"]:focus{
border-color: var(--brand);
box-shadow: 0 0 0 6px var(--ring);
background: rgba(255,255,255,.08);
}
.btn{
appearance:none; cursor:pointer; border:0; border-radius:12px;
padding:14px 18px;
font-weight:700; font-size:16px; letter-spacing:.2px;
color:#06130e; background: linear-gradient(135deg, var(--brand), #1ca771);
box-shadow: 0 10px 24px rgba(35,196,131,.35);
transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;
white-space:nowrap;
}
.btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.btn:active{ transform: translateY(0); box-shadow: 0 6px 16px rgba(35,196,131,.35); }
.points{
display:grid; gap:8px; margin:16px 0 6px; padding:0; list-style:none;
font-size:15.5px; color: var(--text);
}
.points li{ display:flex; gap:10px; align-items:flex-start; }
.tick{ font-size:18px; line-height:1.2 }
.micro{ color:var(--muted); font-size:13px; margin-top:10px }
.trust{
display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:14px;
color:var(--muted); font-size:14px;
}
.pill{
border:1px solid rgba(255,255,255,.10); padding:6px 10px; border-radius:999px;
color:var(--muted); background: rgba(255,255,255,.02);
}
footer{ margin-top:28px; color:var(--muted); font-size:12.5px; }
.center{ text-align:center }
</style>
</head>
<body>
<main class="wrap">
<!-- Brand -->
<div class="brand">
<span class="logo" aria-hidden="true"></span>
<span>Couponzania</span>
<span class="badge">💸 Insider Newsletter</span>
</div>
<!-- Hero -->
<section class="card">
<h1>Exclusive Coupons. Fresh Deals. Weekly Savings.</h1>
<p class="lead">Join <strong>Couponzania Insider</strong> and get private codes, early alerts, and a quick weekly list of the hottest offers — straight to your inbox.</p>
<!-- Form -->
<form
class="form"
method="post"
action="YOUR_SENDFOX_FORM_ACTION_URL"
>
<!-- Replace the action with your SendFox form action URL.
If SendFox requires specific field names, keep "email".
Add hidden fields from your SendFox form code if provided. -->
<label class="sr-only" for="email">Email</label>
<input id="email" name="email" type="email" inputmode="email" autocomplete="email"
placeholder="Enter your email" required aria-label="Email address" />
<button class="btn" type="submit">Subscribe & Start Saving</button>
<!-- Optional: redirect after submit -->
<input type="hidden" name="redirect" value="https://couponzania.com/thank-you" />
</form>
<!-- Benefits -->
<ul class="points" aria-label="Why subscribe">
<li><span class="tick">✅</span><span>First access to new coupons</span></li>
<li><span class="tick">✅</span><span>Exclusive email-only deals</span></li>
<li><span class="tick">✅</span><span>Weekly top 10 ready-to-apply codes</span></li>
<li><span class="tick">✅</span><span>Festival and flash-sale alerts</span></li>
</ul>
<p class="micro">Free. No spam. Unsubscribe anytime.</p>
<!-- Social proof / Trust -->
<div class="trust">
<span class="pill">⚡ Loads in seconds</span>
<span class="pill">🔒 Privacy respected</span>
<span class="pill">🇮🇳 Curated for Indian shoppers</span>
</div>
</section>
<!-- Footer microcopy -->
<footer class="center">
By subscribing you agree to receive emails from Couponzania. You can unsubscribe with one click.
</footer>
</main>
</body>
</html>