@{
    Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
    ViewData["Title"] = "Tentang Kami";
}

@section Style {
    <link rel="stylesheet" href="~/webnew/css/tentangkami.css" asp-append-version="true" />
}


@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Tentang Kami")
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")


<section class="about-section">
    <div class="container">

        <div class="organisasi-card">

            <h3 class="text-center">Struktur Organisasi LLHD</h3>
            <img src="~/webnew/assets/image/strukturorganisasi.png" class="about-img rounded-2" />
        </div>

        <div class="row g-4">

            <div class="col-md-6">
                <div class="about-card">

                    <img src="~/webnew/assets/image/visimisi.png" class="about-img" />

                </div>
            </div>

            <div class="col-md-6">
                <div class="about-card">

                    <img src="~/webnew/assets/image/sejarah.png" class="about-img" />

                </div>
            </div>

        </div>

        <div class="value-section">

            <h6 class="mb-4 text-center">Value LLHD</h6>


            <div class="row">
                <div class="col-md-6">
                    <div class="value-item">
                        <div class="icon-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check-icon lucide-shield-check"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /><path d="m9 12 2 2 4-4" /></svg>
                        </div>
                        <span class="value-label">Integritas</span>
                        <p>Menjunjung tinggi kejujuran, objektivitas, dan etika pada setiap proses layanan</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="value-item">
                        <div class="icon-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase-business-icon lucide-briefcase-business"><path d="M12 12h.01" /><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2" /><path d="M22 13a18.15 18.15 0 0 1-20 0" /><rect width="20" height="14" x="2" y="6" rx="2" /></svg>
                        </div>
                        <span class="value-label">Profesional</span>
                        <p>Didukung oleh SDM yang kompeten, berpengalaman, serta memberikan layanan cepat, responsif, dan berkualitas</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="value-item">
                        <div class="icon-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check-icon lucide-clipboard-check"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /><path d="m9 14 2 2 4-4" /></svg>
                        </div>
                        <span class="value-label">Akuntabel</span>
                        <p>Orientasi pada proses yang dapat dipertanggungjawabkan dan telusur sesuai dengan standar dan prosedur</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="value-item">
                        <div class="icon-box">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-recycle-icon lucide-recycle"><path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5" /><path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12" /><path d="m14 16-3 3 3 3" /><path d="M8.293 13.596 7.196 9.5 3.1 10.598" /><path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843" /><path d="m13.378 9.633 4.096 1.098 1.097-4.096" /></svg>
                        </div>
                        <span class="value-label">Berkelanjutan</span>
                        <p>Komitmen untuk menjaga kualitas lingkungan dan mutu layanan serta inovasi dan perbaikan</p>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>