@extends(get_view('index'))
@section('title')
    {{ __('Programlarımız') }} -
@endsection
@section('menu-active-about-us')
    active
@endsection
@section('header')
@endsection
@section('content')
    @include(get_view('components.pages.page-title'), [
        'title' => __('Programlarımız'),
        'background_image' => get_asset('images/bg-programlarımız.jpeg'),
    ])

    <div class="container">
        <div class="row py-5">
            <div class="col-12">

                <p>
                    <span class="text-bold"><b>{{ __('Merhaba Sevgili Ebeveynler!') }}</b></span>
                </p>

                <p style="text-align:justify">
                    {{ __("Özen Park Anaokulu olarak çocuklarınızın her yönüyle sağlıklı ve dengeli bir şekilde gelişimini desteklemek için çeşitli eğitim programları sunmaktayız. Çocukların bireysel ilgi alanlarını ve yeteneklerini keşfetmelerini sağlayan bu programlar, onların sosyal, duygusal, bilişsel ve fiziksel gelişimlerini destekleyici niteliktedir. Her bir programımız, çocukların yaş gruplarına ve öğrenme hızlarına uygun olarak titizlikle hazırlanmıştır.") }}
                </p>

            </div>
        </div>
    </div><!-- container -->



    <div class="container">


        <div class="row">

            <div class="col-sm-12">
                <div class="mb-5 bg-white rounded overflow-hidden events-single-box">
                    <div class="row">
                        <div class="col-sm-5">
                            <div class="lazy" data-src="{{ get_asset('images/programs/anaokulu.jpg') }}"
                                style="width: 100%; height: 300px;background-image: url({{ asset('images/no_image.png') }});background-size: cover; background-position:center;">
                            </div>
                        </div>

                        <div class="col-sm-7 p-4 px-5">
                            <h3
                                style="color: #333333;font-size: 18px;    font-family: 'Montserrat', sans-serif;
                            font-weight: 700;">
                                {{ __('Anaokulu programı') }}
                            </h3>

                            <p style="color: #666666;    font-size: 15px;">
                                {{ __('Anaokulu çağı çocukların hayatlarına renk katan, öğrenmeyi oyunlaştıran, keşfetmeye teşvik eden bir dünyadır. Bu sevgi dolu ortamda miniklerimiz, eğitim hayatlarına ilk adımlarını atar. Anaokulumuzda; çocuklarımızın sosyal, duygusal, bilişsel ve motor becerilerini geliştirirken aynı zamanda özgüvenlerini, empati yeteneklerini ve paylaşma kültürünü destekleriz.') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12">
                <div class="mb-5 bg-white rounded overflow-hidden events-single-box">
                    <div class="row">
                        <div class="col-sm-5">
                            <div class="lazy" data-src="{{ get_asset('images/programs/ilkokula-hazırlık.jpeg') }}"
                                style="width: 100%; height: 300px;background-image: url({{ asset('images/no_image.png') }});background-size: cover; background-position:center;">
                            </div>
                        </div>

                        <div class="col-sm-7 p-4 px-5">
                            <h3
                                style="color: #333333;font-size: 18px;    font-family: 'Montserrat', sans-serif;
                            font-weight: 700;">
                                {{ __('İlkokula Hazırlık Programı') }}
                            </h3>

                            <p style="color: #666666;    font-size: 15px;">
                                {{ __('İlkokula Hazırlık Programımız, çocukların okuma, yazma ve temel matematik becerilerini geliştirmeye odaklanır. Alfabenin tanıtılması, kelime dağarcığının genişletilmesi, sayılarla ve temel matematik işlemleriyle tanıştırılması, programımızın temel taşlarını oluşturur. Bu süreç, çocukların ilkokula başladıklarında akademik içeriklere uyum sağlamalarını kolaylaştırır ve öğrenme motivasyonlarını artırır.') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </div>
@endsection
@section('footer')
    <style>
        .events-single-box {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
            transition: all 0.3s ease-in-out;
            margin: 0 8rem;
        }

        .events-single-box:hover {
            box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
            transition: all 0.3s ease-in-out;
        }
    </style>
    <script src="{{ asset('packages/lazyload/jquery.lazy.min.js') }}"></script>
    <script>
        $(function() {
            $('.lazy').lazy();
        });
    </script>
@endsection