@extends('website.layouts.app')

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

{{-- ================= HERO / SUBHEADER ================= --}}
@section('hero')
<div id="Subheader" style="padding:200px 0 120px;">
    <div class="container">
        <div class="column one">
            <!-- <h1 class="title">Tentang Kami</h1> -->
        </div>
    </div>
</div>
@endsection

@section('content')

{{-- ================= ABOUT CONTENT ================= --}}
<div class="section mcb-section" style="padding-top:100px;">
    <div class="section_wrapper mcb-section-inner">

        {{-- LEFT CONTENT --}}
        <div class="wrap mcb-wrap one-second valign-top clearfix">
            <div class="mcb-wrap-inner">
                <div class="column mcb-column one column_column">
                    <div class="column_attr clearfix">

                        <h1>Tentang Kami.</h1>
                        <h4>
                            Selamat datang di Klinik Kebidanan <br>
                            <strong>"Bidan Dewi Nuraeni"</strong>
                        </h4>

                        <hr>

                        <p style="text-align: justify;">
                            PMB Dewi Nuraeni merupakan Praktik Mandiri Bidan yang berlokasi
                            di Kabupaten Tangerang, Banten. Kami berkomitmen memberikan
                            pelayanan kesehatan ibu dan anak yang profesional, aman,
                            dan nyaman.
                        </p>

                        <p style="text-align: justify;">
                            Tim kami terdiri dari tenaga kebidanan berpengalaman yang
                            memberikan layanan dengan pendekatan holistik, empatik,
                            serta sesuai standar pelayanan kesehatan terkini.
                        </p>

                        <p style="text-align: justify;">
                            Kami percaya bahwa setiap ibu berhak mendapatkan pengalaman
                            kehamilan dan persalinan yang aman, bermakna, serta didukung
                            penuh oleh tenaga kesehatan yang kompeten.
                        </p>

                        <hr>

                        <ul>
                            <li>SIPB No : 446.96/BD/1/60-DPMTSP/2023</li>
                            <li>Kp. Talaga RT 001 RW 002 Desa Talagasari, Balaraja - Tangerang</li>
                            <li>Tersertifikasi Bidan Delima</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>

        {{-- RIGHT IMAGE + CTA --}}
        <div class="wrap mcb-wrap one-second valign-top clearfix" style="padding-left:8%;">
            <div class="mcb-wrap-inner">

                <div class="column mcb-column one column_image">
                    <div class="image_frame image_item no_link scale-with-grid no_border">
                        <div class="image_wrapper">
                            <img class="scale-with-grid"
                                 src="{{ asset('asset/images/about-gallery.jpg') }}"
                                 alt="Klinik Bidan Dewi Nuraeni">
                        </div>
                    </div>
                </div>

                <div class="column mcb-column three-fifth column_column">
                    <div class="column_attr clearfix"
                         style="background-color:#00f1c7; padding:50px 50px 35px">

                        <h3>Layanan Kami</h3>
                        <hr class="no_line" style="margin:0 auto 15px">

                        <a class="button button_size_2 button_js"
                           href="{{ route('services') }}">
                            <span class="button_label">Selengkapnya</span>
                        </a>

                    </div>
                </div>

            </div>
        </div>

    </div>
</div>

{{-- ================= KLINIK KAMI ================= --}}
<div class="section mcb-section section-border-top" style="padding-top:50px;">
    <div class="section_wrapper mcb-section-inner">
        <div class="wrap mcb-wrap one valign-top clearfix">
            <div class="mcb-wrap-inner">
                <div class="column mcb-column one column_column">
                    <div class="column_attr clearfix">
                        <h2>Klinik Kami</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section mcb-section no-margin-h no-margin-v">
    <div class="section_wrapper">
        <div class="wrap mcb-wrap one valign-top clearfix"
             style="
                padding:540px 6% 150px;
                background-image:url('{{ asset('asset/images/our_clinic.jpeg') }}');
                background-repeat:no-repeat;
                background-position:center;
                background-size:cover;
             ">
        </div>
    </div>
</div>

@endsection