@page "/"

<PageTitle>Earthborne Trailblazer</PageTitle>

<div class="hero-section text-center">
    <div class="hero-content py-5">
        <h1 class="display-4 mb-3">Slop Game Reference - Earthborne Trailblazer</h1>
        <p class="lead mb-4">AI generated website for reference notes on playing Earthborne Trailblazer.</p>
    </div>
</div>

<div class="container-fluid px-0 mt-4">
    <div class="section-header d-flex align-items-center mb-3">
        <h2 class="h4 mb-0">Valley Map</h2>
        <div class="ms-3 flex-grow-1 border-bottom opacity-25"></div>
    </div>
    <div class="map-container shadow-lg">
        <object data="docs/map.svg" type="image/svg+xml" class="map-svg"></object>
    </div>
</div>