<div
data-vl-campaign-id="vU6nruxN4gLp1gptzaTwYqIXbJc"
data-vl-container="join-stage"
class="vl-loading-area"
>
<h2>Join the campaign!</h2>
<form data-vl-action="join-stage#join">
<input
data-vl-join-stage-target="input.email"
type="email"
placeholder="Enter your email"
/>
<input
data-vl-join-stage-target="input.firstname"
type="text"
placeholder="Enter your firstname"
/>
<input type="submit" />
</form>
</div>
<div
data-vl-campaign-id="vU6nruxN4gLp1gptzaTwYqIXbJc"
data-vl-container="sharing-stage"
>
<div class="user-stats">
<div>
<span> Your position: </span>
<h1
data-vl-sharing-stage-target="user.ranking"
/>
</div>
<div>
<span> Your referral count: </span>
<h1
data-vl-sharing-stage target= "user.referralCount"
/>
</div>
</div>
<div class="referral-url">
<span
data-vl-sharing-stage-target="user.referralUrl"
/>
<button
data-vl-sharing-stage-target="copyButton"
data-vl-success-message="Copied!"
data-vl-action="sharing-stage#copy"
>
Copy
</button>
</div>
</div>