<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ImpulseShield</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ImpulseShield helps you avoid impulse purchases by adding a wait time before you buy. Think before you spend.">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>ImpulseShield</h1>
<p class="tagline">Think before you spend.</p>
</header>
<section class="hero">
<h2>Stop Impulse Buying.</h2>
<p>
Add items you're considering, set wait thresholds,
and let time decide if you really want it.
</p>
<a href="#" class="cta-button">Download on the App Store</a>
</section>
<section class="features">
<div class="feature">
<h3>🕒 Wait Thresholds</h3>
<p>Choose how long you must wait before buying.</p>
</div>
<div class="feature">
<h3>📋 Track Decisions</h3>
<p>See what you bought — and what you wisely skipped.</p>
</div>
<div class="feature">
<h3>🛡️ Better Spending Habits</h3>
<p>Reduce regret purchases and stay in control.</p>
</div>
</section>
<footer>
<p>© 2026 ImpulseShield</p>
<a href="privacy.html">Privacy Policy</a>
</footer>
</body>
</html>