@layout PageLayout

@inherits BasePage

@inject IDataCollectionService DataCollectionService 

@page "/roadmap"

<LayoutMediumContentComponent>
    <WebsiteTitleComponent>Road Map</WebsiteTitleComponent>

    <div class="roadMapsContainer">
        @foreach (var roadMap in data)
        {
            <RoadMapComponent RoadMap=roadMap/>
        }
    </div>
</LayoutMediumContentComponent>

<style>
    .roadMapsContainer {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
    }
</style>

@code {
    readonly List<ImmortalRoadMapModel> data = ImmortalRoadMapModel.Data;
}