@{
    ViewData["Title"] = ViewBag.AboutTitle;
}

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow-custom">
                <div class="card-body p-5">
                    <h1 class="display-5 mb-4 text-gradient">@ViewBag.AboutTitle</h1>
                    
                    <div class="mb-4">
                        <h2 class="h4 text-primary mb-3">@ViewBag.WhatIsTitle</h2>
                        <p class="text-muted">@ViewBag.WhatIsContent</p>
                    </div>

                    <div class="mb-4">
                        <h2 class="h4 text-primary mb-3">@ViewBag.MissionTitle</h2>
                        <p class="text-muted">@ViewBag.MissionContent</p>
                    </div>

                    <div class="mb-4">
                        <h2 class="h4 text-primary mb-3">@ViewBag.FeaturesTitle</h2>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>@ViewBag.Feature1</li>
                            <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>@ViewBag.Feature2</li>
                            <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>@ViewBag.Feature3</li>
                            <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>@ViewBag.Feature4</li>
                        </ul>
                    </div>

                    <div class="text-center">
                        <a asp-controller="Home" asp-action="Index" asp-route-culture="@ViewContext.RouteData.Values["culture"]" class="btn btn-primary btn-lg">
                            @ViewBag.StartConverting
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>