<script lang="ts">
  import { dev } from '$app/environment';
</script>

<section class="py-8 prose prose-invert max-w-none">
  <h1 class="font-display tracking-widest">Guides</h1>
  <p>The best starting point for reading about Beat Saber is the <a href="https://bsmg.wiki" target="_blank" rel="noreferrer">bsmg.wiki</a>, and then <a href="https://bsaber.com" target="_blank" rel="noreferrer">Beast Saber</a>. This page has some complementary community-written advice for finding maps to play and maps to <code>!bsr</code> your favorite Twitch streamers. Contributions welcome.</p>

  <div class="not-prose grid gap-4 sm:grid-cols-2 lg:grid-cols-3 mt-6">
      <a href="/guides/beatleader-auth" class="card-surface p-5 block">
        <h3 class="font-semibold">BeatLeader Authentication</h3>
        <p class="mt-1 text-sm text-muted">Connect BeatLeader to enhance tools like Compare Players.</p>
      </a>
    <a href="/guides/finding-new-songs" class="card-surface p-5 block">
      <h3 class="font-semibold">Finding New Songs (BeatLeader)</h3>
      <p class="mt-1 text-sm text-muted">Month-by-month search using unranked stars, tech rating, and friend filters.</p>
    </a>
  </div>
</section>


