nzambello.dev/src/components/Greeting.astro

---
const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao', 'Xin chào'];
const emojis = ['🍻', '🧑‍💻', '👋', '🤪', '😎'];
const randomMessage = messages[Math.floor(Math.random() * messages.length)];
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
---

<h1 class="documentFirstHeading">
  {randomMessage}!
  <span role="presentation">{randomEmoji}</span>
</h1>
<style>
  h1.documentFirstHeading {
    margin-bottom: 0.5rem;
  }
</style>