{{ extends "layouts/base.jet" }}

{{ block title() }}Dashboard - HeroApp UI{{ end }}

{{ block body() }}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Dashboard</h1>
</div>

<div class="container">
    <p>Welcome to the HeroApp UI Dashboard!</p>
    <p>This is a placeholder page. More content will be added here.</p>
    <!-- Example of using a Bootstrap component -->
    <div class="alert alert-info" role="alert">
        System status: All systems nominal.
    </div>
</div>
{{ end }}

{{ block scripts() }}
<!-- Add any page-specific scripts here if needed -->
{{ end }}