<?php
// sl.webbetas.com - landing page for WebBetas Second Life products.
// Add a card to $products when you launch something new.
$products = [
    [
        'name' => 'Trivia Night',
        'text' => 'Live trivia for clubs, stores and hangouts. Fresh questions every game, a personal HUD for every player, and a web dashboard for hosts.',
        'link' => 'trivia/dashboard.php',
        'cta'  => 'Host dashboard',
    ],
];
?><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>WebBetas for Second Life</title>
<style>
:root{--bg:#f6f5f2;--card:#fff;--ink:#1d1d1f;--muted:#6b6b70;--line:#e3e1dc;--accent:#2f6f5e}
@media (prefers-color-scheme:dark){:root{--bg:#161618;--card:#1f1f22;--ink:#ececee;--muted:#9a9aa1;--line:#333338;--accent:#6cc3a7}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}
.wrap{max-width:880px;margin:0 auto;padding:56px 16px}
h1{font-size:30px;margin:0 0 6px}
.lead{color:var(--muted);margin:0 0 36px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.card h2{font-size:19px;margin:0 0 8px}
.card p{margin:0 0 16px;color:var(--muted)}
a.btn{display:inline-block;padding:8px 14px;border-radius:7px;background:var(--accent);color:#fff;text-decoration:none}
footer{margin-top:48px;color:var(--muted);font-size:14px}
</style>
</head>
<body>
<div class="wrap">
  <h1>WebBetas for Second Life</h1>
  <p class="lead">Games and tools for Second Life, backed by our own servers.</p>
  <div class="grid">
    <?php foreach ($products as $p): ?>
    <div class="card">
      <h2><?= htmlspecialchars($p['name']) ?></h2>
      <p><?= htmlspecialchars($p['text']) ?></p>
      <a class="btn" href="<?= htmlspecialchars($p['link']) ?>"><?= htmlspecialchars($p['cta']) ?></a>
    </div>
    <?php endforeach; ?>
  </div>
  <footer>Find our store in Second Life by searching for WebBetas.</footer>
</div>
</body>
</html>
