{% extends 'main_base.html.twig' %}
{#{% block title %}{{ sayfa.title }}{% endblock %}#}
{#{% block description %}{{ sayfa.description }}{% endblock %}#}
{% block pageStyle %}

<style>
    #loader-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #40e0d0 !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        transition: top 1s ease-out;
        column-gap: 1%;
    }

    #loader {
        width: 100px;
        height: 100px;
    }

    #loader-container img:first-child {
        width: 3%;
        height: auto;
    }

    #loader-container img {
        width: 15%;
        height: auto;
    }

    @media (max-width: 992px) {
        #loader-container img:first-child {
            width: 8%;
            height: auto;
        }

        #loader-container img {
            width: 40%;
            height: auto;
        }
    }

    #loader-container.hidden {
        transition: 0.6s ease-in;
        opacity: 0;
        visibility: hidden;
    }

</style>

<link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css"/>

<link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
{% endblock %}
{% block content %}
    <div id="loader-container">
        <img loading="lazy" src="{{ asset('assets/main/img/logoSmile.png') }}" alt="Loading...">
        <img loading="lazy" src="{{ asset('assets/main/img/dentmaxLogotxt.svg') }}" alt="Loading...">
    </div>
    {#    {% set banner = sayfa.blog.banner %}#}
    {#    {% set bannerPath = asset('uploads/blog/banner/') %}#}
    {#    {% if banner is null %}#}
    {#        {% set banner = 'blog-banner.png' %}#}
    {#        {% set bannerPath = asset('assets/main/img/') %}#}
    {#    {% endif %}#}

    <header>
        <div class="header-img">
            <img loading="lazy" src="{{ asset('assets/main/img/dentmax-basindan.webp') }}" alt="Dentmax Basından">
        </div>
        <div class="header-content">
            <h1 data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">Tedaviler</h1>
            <p data-aos="fade-in" data-aos-duration="800" data-aos-delay="500">Lorem ipsum dolor sit amet,
                consectetur adipisicing elit.</p>

        </div>
        <div class="header-invisalign">
            <img loading="lazy" src="{{ asset('assets/main/img/icons/dentMax.webp') }}" alt="Dentmax invisailgn" data-aos="fade-in" data-aos-duration="800"
                 data-aos-delay="600">
        </div>
        <div class="header-document-path">
            <div class="header-document-path-text">
                <strong class="path-title">TEDAVİLER</strong>
                    <div class="content-router-links-path">
                        <a href="index">Anasayfa /</a>
                        <a href="tedaviler">Tedaviler</a>
                    </div>

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

    {% block container %}
        <div class="wrapper">
            {% block navbar %}
                {{ render(controller('App\\Controller\\Main\\DefaultController::header', {request: app.request})) }}
            {% endblock %}
            <div class="content">
    <div class="global-content">

        <div class="content-wrapper content-wrapper-side">
            <div class="content-wrapper-links-path">
                <a href="index">Anasayfa / </a>
                <a href="tedaviler">Tedaviler / </a>
                <a href="tedaviler-alt-kategori">Gülüş Tasarımı Bileşenlerimiz / </a>
                <a href="tedaviler-alt-kategori">Beyaz Estetik / </a>
                <a href="tedavi-detay">Diş Beyazlatma</a>
            </div>

            <div class="topic">

                <div class="topic-items">

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Porselen Uygulamaları</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Estetik Diş Hekimliği</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Çene Cerrahisi</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Pedodonti (Çocuk Diş)</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Endodonti</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Ortodonti</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Periodontoloji</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>

                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Organik Diş Dolgusu</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>
                    <a href="oncesi-sonrasi-detay" class="topic-item">
                        <div class="topic-item-box">
                            <div class="topic-item-image">
                                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}" alt="Dentmax">
                                <div class="topic-item-bg"></div>
                            </div>
                            <div class="topic-box-item-text">
                                <div class="topic-box-item-text">
                                    <h3>Dentmax</h3>
                                    <h2>Holistik Diş Hekimliği</h2>
                                </div>
                            </div>
                        </div>
                        <div class="topic-item-text">
                            <h2>Diş Eti Kanaması Tedavisi</h2>
                        </div>
                    </a>
                </div>

            </div>

        </div>

    </div>
</div>
    {% endblock %}
{% endblock %}

{% block pageScript %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script>
        AOS.init({
            once: true,
        });
    </script>
{% endblock %}