@extends('client.layouts.main')

@section('title', 'Tentang Kami')

@section('content')
<!-- about-area -->
<section id="about" class="about-area about-p mt-100 pb-80 p-relative"
    style="background-image:url(img/an-bg/an-bg03.png); background-size: contain; background-repeat: no-repeat;background-position: center center;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="s-about-img p-relative">
                    <img src="{{asset('client/img/bg/illlustration.png')}}" alt="img">

                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12">
                <div class="about-content s-about-content pl-30">
                    <div class="section-title mb-20">
                        <span>Tentang Kami</span>
                        <h2>Kami Memberi Kemudahan Skrining Hipogonadisme</h2>
                    </div>
                    <p>Skrining Hipogonadisme adalah website yang menyediakan informasi dan layanan deteksi dini Hipogonadisme pada anak-anak dan remaja. Hipogonadisme adalah kondisi medis yang menghambat pertumbuhan dan perkembangan seksual pada masa pubertas, jika tidak dideteksi dan diobati dapat mempengaruhi kesehatan reproduksi dan kesehatan secara keseluruhan. Dengan layanan skrining yang mudah dan cepat, kami dapat membantu mengidentifikasi risiko Hipogonadisme pada anak-anak dan remaja, sehingga dapat dilakukan intervensi yang tepat untuk mencegah keterlambatan pertumbuhan dan perkembangan seksual.</p>

                    <div class="slider-btn mt-30">
                        <a href="{{route('client.skrining')}}" class="btn ss-btn" data-animation="fadeInRight" data-delay=".8s">Mulai Skrining <i
                                class="fas fa-chevron-right"></i></a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- about-area-end -->
@endsection