<h2>Convide seus amigos e ganhe uma refeição grátis!</h2>
<p>Compartilhe seu link de referência exclusivo abaixo:</p>

<input type="texto" id="referralLink" somente leitura>
<button onclick="copyReferralLink()">Copiar Link</button>

<p>Ou compartilhe em:</p>
<a id="facebookShare" target="_blank">Facebook</a> |
<a id="whatsappShare" target="_blank">WhatsApp</a> |
<a id="linkedinCompartilhar" target="_blank">LinkedIn</a>

<roteiro>
document.addEventListener("DOMContentLoaded", função() {
let referrerName = prompt("Digite seu nome para gerar seu link de indicação:");
se(nomereferenciador) {
deixe referralURL = `https://yourstore.com/?ref=${encodeURIComponent(referrerName)}`;
document.getElementById("referralLink").value = referenceURL;

document.getElementById("facebookShare").href = `https://www.facebook.com/sharer/sharer.php?u=${referralURL}`;
document.getElementById("whatsappShare").href = `https://api.whatsapp.com/send?text=Junte-se a mim na Your Store! Inscreva-se e ganhe uma refeição grátis! ${referralURL}`;
document.getElementById("linkedinShare").href = `https://www.linkedin.com/sharing/share-offsite/?url=${referralURL}`;
}
});

função copyReferralLink() {
deixe copyText = document.getElementById("referralLink");
copiarTexto.selecionar();
document.execCommand("copiar");
alert("Link de referência copiado!");
}
</script>