@using BlazorWASM.Shared
<section>
    <div class="container col-xxl-8 px-4 py-5">
        <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
            
            <div class="col-lg-6">
                @* <h1 class="display-5 fw-bold lh-1 mb-3">Ismerked meg a MangoWeb</h1> *@
                <h1 class="display-5 fw-bold lh-1 mb-3">@titlePlusImageModel.Title</h1>
                @* <p class="lead"></p>
                <p></p>
                <p></p>
                <p></p> *@
                @{
                    foreach (var anyámknnya in titlePlusImageModel.DescriptionContents)
                    {
                        <p>@anyámknnya.ContentParagraph</p>

                    }
                }

                @{
                    if(titlePlusImageModel.ContentButtons != null)
                    {
                        <div class="d-grid gap-2 d-md-flex justify-content-md-start">

                            @{
                                // <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
                                // <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
                                foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
                                {
                                    <a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
                                }

                            }

                        </div>
                    }

                }

            </div>
            <div class="col-10 col-sm-8 col-lg-6">
                @* <img src="" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy"> *@
                <img src="@titlePlusImageModel.ImageUrl" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
            </div>
        </div>
    </div>
</section>

@code {
    [Parameter]
    public TitlePlusImageModel? titlePlusImageModel { get; set; }

}