@page
@using Props.Services
@inject IContentManager<AboutModel> ContentManager

@{
    ViewData["Title"] = "About";
}
<div class="container d-flex flex-column align-items-center my-3">
    <div class="concise text-center">
        <h2 class="mb-3 mt-4">Features</h2>
        <p>
            @ContentManager.Content.features.description
        </p>
    </div>
    <div style="width: 100%;" data-simplebar>
        <div class="row px-2 py-4 flex-nowrap">
            @foreach (dynamic feature in ContentManager.Content.features.list)
            {
                <div class="card mx-2" style="width: 32rem;">
                    <div class="card-body">
                        <h5 class="card-title">@feature.title</h5>
                        <h6 class="card-subtitle mb-3 text-muted">
                            <slot name="subtitle">@feature.subtitle</slot>
                        </h6>
                        <p class="card-text">
                            @feature.text
                        </p>
                    </div>
                </div>
            }
        </div>
    </div>
</div>