@page "/"

<PageTitle>Earthborne Trailblazer</PageTitle>

<div class="hero-section text-center">
    <div class="hero-content py-5">
        <h1 class="display-4 mb-3">Earthborne Trailblazer</h1>
        <p class="lead mb-4">Your essential companion guide for navigating the Valley and mastering your craft.</p>
        <div class="hero-actions">
            <NavLink href="docs/overview" class="btn btn-primary btn-lg px-4">Begin Journey</NavLink>
        </div>
    </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>