15% OFF
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>AMMOR PARIS — 15% OFF</title><style>@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,600;0,6..96,700;1,6..96,500&family=Manrope:wght@400;500;600;700&display=swap');:root{--ink:#0c0c0c;--bone:#f3ede2;--gold:#b8905a;--gold-bright:#d9b478;--card-red:#7a1f2b;--line: rgba(243,237,226,0.18);}*{box-sizing:border-box; margin:0; padding:0;}html,body{background:var(--ink);color:var(--bone);font-family:'Manrope', sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px 60px;background:radial-gradient(ellipse 80% 50% at 50% -10%, rgba(184,144,90,0.16), transparent),var(--ink);}@media (prefers-reduced-motion: reduce){*{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}}.eyebrow{margin-top:44px;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold-bright);text-align:center;}.wordmark{font-family:'Bodoni Moda', serif;font-weight:600;font-size:clamp(30px, 8vw, 42px);letter-spacing:0.05em;text-align:center;margin-top:10px;}.card-stage{perspective:1200px;width:200px;height:280px;margin:38px auto 14px;}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation: flipCard 1.4s cubic-bezier(.6,.1,.25,1) 0.6s forwards;}@keyframes flipCard{from{ transform: rotateY(0deg); }to{ transform: rotateY(180deg); }}.card-face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);}.card-back{background:repeating-linear-gradient(135deg, rgba(184,144,90,0.14) 0 2px, transparent 2px 14px),#141212;}.card-back::after{content:"AP";font-family:'Bodoni Moda', serif;font-size:32px;color:var(--gold);letter-spacing:0.1em;border:1px solid var(--gold);width:56px; height:56px;border-radius:50%;display:flex; align-items:center; justify-content:center;}.card-front{background: var(--bone);color:var(--ink);transform: rotateY(180deg);flex-direction:column;padding:18px;}.card-front .corner{position:absolute;top:14px; left:16px;font-family:'Bodoni Moda', serif;font-size:20px;line-height:1;color:var(--card-red);}.card-front .corner.br{top:auto; left:auto; bottom:14px; right:16px;transform:rotate(180deg);}.card-front .center{text-align:center;}.card-front .center .pct{font-family:'Bodoni Moda', serif;font-weight:700;font-size:52px;line-height:1;color:var(--card-red);}.card-front .center .off{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;margin-top:6px;color:var(--ink);}.headline{font-family:'Bodoni Moda', serif;font-style:italic;font-weight:500;font-size:clamp(20px, 5.4vw, 26px);text-align:center;max-width:320px;margin-top:22px;color:var(--bone);}.sub{text-align:center;max-width:300px;margin-top:12px;font-size:14px;line-height:1.6;color:rgba(243,237,226,0.72);}form{width:100%;max-width:340px;margin-top:30px;}.field{display:flex;border-bottom:1px solid var(--line);padding-bottom:10px;transition:border-color .2s ease;}.field:focus-within{ border-color:var(--gold-bright); }input[type="email"]{flex:1;background:transparent;border:none;outline:none;color:var(--bone);font-family:'Manrope', sans-serif;font-size:15px;padding:8px 4px;}input[type="email"]::placeholder{ color:rgba(243,237,226,0.4); }button[type="submit"]{width:100%;margin-top:22px;padding:15px 18px;background:var(--gold);color:var(--ink);border:none;border-radius:2px;font-family:'Manrope', sans-serif;font-weight:700;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;cursor:pointer;transition: background .2s ease, transform .15s ease;}button[type="submit"]:hover{ background:var(--gold-bright); }button[type="submit"]:active{ transform:scale(0.98); }button[type="submit"]:focus-visible{ outline:2px solid var(--gold-bright); outline-offset:3px; }button[type="submit"]:disabled{ opacity:0.55; cursor:default; }.fineprint{text-align:center;font-size:11px;color:rgba(243,237,226,0.4);margin-top:14px;line-height:1.5;}#reveal{display:none;width:100%;max-width:340px;margin-top:30px;text-align:center;animation: fadeUp .5s ease forwards;}@keyframes fadeUp{from{ opacity:0; transform:translateY(10px); }to{ opacity:1; transform:translateY(0); }}#reveal .thanks{font-size:13px;color:rgba(243,237,226,0.7);margin-bottom:14px;}.code-box{border:1px solid var(--gold);border-radius:2px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.code-box .code{font-family:'Bodoni Moda', serif;font-weight:700;font-size:20px;letter-spacing:0.08em;color:var(--gold-bright);}.copy-btn{background:transparent;border:1px solid var(--line);color:var(--bone);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;padding:8px 12px;border-radius:2px;cursor:pointer;}.copy-btn:hover{ border-color:var(--gold-bright); color:var(--gold-bright); }.shop-link{display:inline-block;margin-top:20px;color:var(--bone);font-size:13px;letter-spacing:0.04em;text-decoration:underline;text-underline-offset:4px;}.error-msg{display:none;color:#e8a0a0;font-size:12px;margin-top:10px;text-align:center;}footer{margin-top:auto;padding-top:50px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(243,237,226,0.3);}</style></head><body><div class="eyebrow">Designed in Paris</div><div class="wordmark">AMMOR PARIS</div><div class="card-stage"><div class="card"><div class="card-face card-back"></div><div class="card-face card-front"><span class="corner">A♠</span><div class="center"><div class="pct">15%</div><div class="off">Discount</div></div><span class="corner br">A♠</span></div></div></div><h1 class="headline">The art of the card. Your turn.</h1><p class="sub">Enter your email and get 15% off your first AMMOR PARIS order.</p><form id="ammor-form" method="post" action="/contact#newsletter"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="contact[tags]" value="newsletter,discount-signup"><div class="field"><input type="email" name="contact[email]" id="email" placeholder="your@email.com" required autocomplete="email"></div><button type="submit" id="submit-btn">Get Code</button><p class="error-msg" id="error-msg">Something went wrong. Check your email and try again.</p><p class="fineprint">I agree to receive AMMOR PARIS news and offers via email.<br>I can unsubscribe anytime.</p></form><div id="reveal"><p class="thanks">Thank you! Your code:</p><div class="code-box"><span class="code" id="discount-code">AMMORLAUNCH15</span><button class="copy-btn" id="copy-btn">Copy</button></div><a class="shop-link" href="/collections/all">Shop Now →</a></div><footer>AMMOR PARIS © 2026</footer><script>var DISCOUNT_CODE = "AMMORLAUNCH15";document.getElementById('discount-code').textContent = DISCOUNT_CODE;var form = document.getElementById('ammor-form');var btn = document.getElementById('submit-btn');var errorMsg = document.getElementById('error-msg');form.addEventListener('submit', function(e){e.preventDefault();errorMsg.style.display = 'none';btn.disabled = true;btn.textContent = 'Please wait…';var formData = new FormData(form);fetch('/contact#newsletter', {method: 'POST',body: formData}).then(function(){form.style.display = 'none';document.getElementById('reveal').style.display = 'block';}).catch(function(){btn.disabled = false;btn.textContent = 'Get Code';errorMsg.style.display = 'block';});});document.getElementById('copy-btn').addEventListener('click', function(){navigator.clipboard.writeText(DISCOUNT_CODE).then(function(){var b = document.getElementById('copy-btn');var original = b.textContent;b.textContent = 'Copied ✓';setTimeout(function(){ b.textContent = original; }, 1800);});});</script></body></html>