<h2>Invite your friends & earn a free meal!</h2>
<p>Share your unique referral link below:</p>

<input type="text" id="referralLink" readonly>
<button onclick="copyReferralLink()">Copy Link</button>

<p>Or share on:</p>
<a id="facebookShare" target="_blank">Facebook</a> |
<a id="whatsappShare" target="_blank">WhatsApp</a> |
<a id="linkedinShare" target="_blank">LinkedIn</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
      let referrerName = prompt("Enter your name to generate your referral link:");
      if(referrerName) {
          let referralURL = `https://yourstore.com/?ref=${encodeURIComponent(referrerName)}`;
          document.getElementById("referralLink").value = referralURL;

          document.getElementById("facebookShare").href = `https://www.facebook.com/sharer/sharer.php?u=${referralURL}`;
          document.getElementById("whatsappShare").href = `https://api.whatsapp.com/send?text=Join me at Your Store! Sign up & get a free meal! ${referralURL}`;
          document.getElementById("linkedinShare").href = `https://www.linkedin.com/sharing/share-offsite/?url=${referralURL}`;
      }
  });

  function copyReferralLink() {
      let copyText = document.getElementById("referralLink");
      copyText.select();
      document.execCommand("copy");
      alert("Referral link copied!");
  }
</script>