89 lines
3.2 KiB
HTML
89 lines
3.2 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
|
||
/>
|
||
<title>Invite Gift</title>
|
||
<link rel="stylesheet" href="./style.css?v=20260611-1" />
|
||
</head>
|
||
<body>
|
||
<main
|
||
class="landing-page"
|
||
aria-label="Invite gift landing page"
|
||
data-i18n-aria="invite_landing.pageAria"
|
||
>
|
||
<section class="hero-copy">
|
||
<div class="avatar-frame">
|
||
<img id="inviterAvatar" src="./assets/avatar.png" alt="" />
|
||
</div>
|
||
<h1>
|
||
<span data-i18n="invite_landing.titleLine1">
|
||
Your friend
|
||
</span>
|
||
<span id="inviterName">[Name]</span>
|
||
<span data-i18n="invite_landing.titleLine2">
|
||
has invited you to join
|
||
</span>
|
||
</h1>
|
||
<p data-i18n="invite_landing.subtitle">
|
||
Join him to receive an exclusive welcome gift
|
||
</p>
|
||
</section>
|
||
|
||
<section
|
||
class="gift-panel"
|
||
aria-label="Personal gift"
|
||
data-i18n-aria="invite_landing.giftAria"
|
||
>
|
||
<h2 data-i18n="invite_landing.giftTitle">Your Personal Gift</h2>
|
||
<p class="gift-subtitle" data-i18n="invite_landing.giftHint">
|
||
(This is a special gift from your friend)
|
||
</p>
|
||
<div class="gift-reward" aria-hidden="true">
|
||
<img
|
||
class="reward-orb"
|
||
src="./assets/reward-orb.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="gold-stack"
|
||
src="./assets/gold-stack.png"
|
||
alt=""
|
||
/>
|
||
<strong>+2000</strong>
|
||
</div>
|
||
<p class="gift-footnote" data-i18n="invite_landing.giftNote">
|
||
(Available only through this invitation link! Don’t miss
|
||
out!)
|
||
</p>
|
||
</section>
|
||
|
||
<section
|
||
class="preview-carousel"
|
||
aria-label="App preview gallery"
|
||
data-i18n-aria="invite_landing.galleryAria"
|
||
>
|
||
<div class="preview-scroll" id="previewScroll">
|
||
<div class="preview-track" id="previewTrack"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<button
|
||
class="download-button"
|
||
id="downloadButton"
|
||
type="button"
|
||
data-i18n="invite_landing.download"
|
||
>
|
||
Download now and claim your gift
|
||
</button>
|
||
<div class="toast" id="pageToast" aria-live="polite"></div>
|
||
</main>
|
||
|
||
<script src="../../common/i18n.js?v=20260611-1"></script>
|
||
<script src="./script.js?v=20260611-invite-referrer"></script>
|
||
</body>
|
||
</html>
|