landing page for new users

src/views/loot/teaser.ejs

@@ -0,0 +1,36 @@
+<%- include('../partials/header') %>
+
+<div class="container">
+  <div class="teaser-page">
+    <div class="teaser-emoji" id="teaserEmoji">🎉</div>
+    <h1 class="teaser-headline" id="teaserHeadline">Nice find!</h1>
+    <p class="teaser-subtext">This loot is worth</p>
+    <div class="teaser-points"><%= potentialPoints %> <span>points</span></div>
+    <p class="teaser-cta">Sign in or create an account to claim it!</p>
+    <div class="teaser-buttons">
+      <a href="/auth/login" class="btn btn-primary btn-lg">Log In</a>
+      <a href="/auth/register" class="btn btn-success btn-lg">Sign Up</a>
+    </div>
+    <p class="teaser-hunt-info"><%= huntName %> &middot; Package <%= cardNumber %> of <%= packageCount %></p>
+  </div>
+</div>
+
+<script>
+(function() {
+  var messages = [
+    { emoji: '🎉', text: 'Nice find!' },
+    { emoji: '🔥', text: 'Woah, great discovery!' },
+    { emoji: '💎', text: 'You found treasure!' },
+    { emoji: '🏆', text: 'Lucky you!' },
+    { emoji: '⚡', text: 'What a score!' },
+    { emoji: '🎯', text: 'Bullseye!' },
+    { emoji: '🚀', text: 'Incredible find!' },
+    { emoji: '✨', text: 'Look what you found!' }
+  ];
+  var pick = messages[Math.floor(Math.random() * messages.length)];
+  document.getElementById('teaserEmoji').textContent = pick.emoji;
+  document.getElementById('teaserHeadline').textContent = pick.text;
+})();
+</script>
+
+<%- include('../partials/footer') %>