diff --git a/src/components/Greeting.astro b/src/components/Greeting.astro
index 60485ff..77f7f27 100644
--- a/src/components/Greeting.astro
+++ b/src/components/Greeting.astro
@@ -9,6 +9,17 @@ const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
   {randomMessage}!
   <span role="presentation">{randomEmoji}</span>
 </h1>
+<script is:inline>
+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)];
+
+document.querySelector('.documentFirstHeading').innerHTML = `
+    ${randomMessage}!
+    <span role="presentation">${randomEmoji}</span>
+  `;
+</script>
 <style>
   h1.documentFirstHeading {
     margin-bottom: 0.5rem;