

Vvveb.SectionsGroup['<?= project ?>'] =
["project/project_style_1","project/project_style_2","project/project_style_3","project/project_style_4","project/project_style_5"];

Vvveb.Sections.add("project/project_style_1", {
name: "<?= project_style_1 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/project_style_1.png",
html: `
<section class="project-area-two project-bg-two">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6">
                <div class="section-title-two mb-40 tg-heading-subheading animation-style3">
                    <span class="sub-title">Projeler</span>
                    <h2 class="title tg-element-title">Yakın zamanda tamamladığımız<br> Proje Listeleri</h2>
                </div>
            </div>
            <div class="col-lg-6 col-md-10">
                <div class="project-content-top">
                    <p>Kendinizi bilgisayar ekranınıza bakarken hiç aklınıza gelebilecek iyi bir danışmanlık sloganı
                        buldunuz mu? Çoğu zaman.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container custom-container" data-component-projects data-v-module="projects"  data-v-source="automatic">
        <div class="row justify-content-center" data-vvveb-disabled-noback>
            <?php foreach (posts('data', 'projects', m_get_session('editor_lang')) as $project){ ?>
                <div class="col-lg-4 col-md-6 col-sm-10">
                    <div class="project-item-two">
                        <div class="project-thumb-two">
                            <img src="<?= image($project['image']) ?>" alt="">
                        </div>
                        <div class="project-content-two">
                            <h2 class="title"><a href="<?=DOMAIN?>/<?=$project['sef']?>"><?=$project['title']?></a></h2>
                            <a href="#" class="link-btn"><i class="la la-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
    <div class="background-container"><img src="<?= SITE_THEME_URL ?>/assets/img/bg/project_bg02.jpg" alt=""></div>
</section>
`,
});

Vvveb.Sections.add("project/project_style_2", {
name: "<?= project_style_2 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/project_style_2.png",
html: `
<section class="project-area-three pb-90">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-5 col-md-8">
                <div class="section-title-two mb-40 tg-heading-subheading animation-style1">
                    <span class="sub-title tg-element-title">Projeleri Tamamla</span>
                    <h2 class="title tg-element-title">Uluslararası işletmeler için eksiksiz bir çözüm</h2>
                </div>
            </div>
            <div class="col-lg-7 col-md-4">
                <div class="view-all-btn text-end mb-30">
                    <a href="#" class="btn btn-three">Tüm Projeleri Gör</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container custom-container-three">
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="project-item-three">
                    <div class="project-thumb-three">
                        <a href="#"><img
                                src="<?= SITE_THEME_URL ?>/assets/img/project/h3_project_img01.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="project-item-three">
                    <div class="project-thumb-three">
                        <a href="#"><img
                                src="<?= SITE_THEME_URL ?>/assets/img/project/h3_project_img02.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="project-item-three">
                    <div class="project-thumb-three">
                        <a href="#"><img
                                src="<?= SITE_THEME_URL ?>/assets/img/project/h3_project_img03.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="project-item-three">
                    <div class="project-thumb-three">
                        <a href="#"><img
                                src="<?= SITE_THEME_URL ?>/assets/img/project/h3_project_img04.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});
Vvveb.Sections.add("project/project_style_3", {
name: "<?= project_style_3 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/project_style_3.png",
html: `
<section class="project-area-four">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-8">
                <div class="section-title section-title-three mb-50 tg-heading-subheading animation-style1">
                    <span class="sub-title tg-element-title">Örnek Çalışmalar</span>
                    <h2 class="title tg-element-title">Çok İş Yaptık, Bazılarını Buradan Kontrol Edelim</h2>
                </div>
            </div>
            <div class="col-lg-6 col-md-4">
                <div class="view-all-btn text-end mb-30">
                    <a href="#" class="btn btn-three">Tüm Projeleri Gör</a>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-6">
                <div class="project-item-four">
                    <div class="project-thumb-four">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/project/h5_project_img01.jpg" alt="">
                        <div class="project-link"><a href="#"><img
                                    src="<?= SITE_THEME_URL ?>/assets/img/icons/plus_icon.svg" alt=""></a></div>
                    </div>
                    <div class="project-content-four">
                        <h4 class="title"><a href="#">İllüstrasyon Tasarımı</a></h4>
                        <span>Yaratıcı iş</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="project-item-four">
                    <div class="project-thumb-four">
                        <img src="assets/img/project/h5_project_img02.jpg" alt="">
                        <div class="project-link"><a href="#"><img
                                    src="<?= SITE_THEME_URL ?>/assets/img/icons/plus_icon.svg" alt=""></a></div>
                    </div>
                    <div class="project-content-four">
                        <h4 class="title"><a href="#">Tasarım & Geliştirme</a></h4>
                        <span>Planlama</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="project-item-four">
                    <div class="project-thumb-four">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/project/h5_project_img03.jpg" alt="">
                        <div class="project-link"><a href="#"><img
                                    src="<?= SITE_THEME_URL ?>/assets/img/icons/plus_icon.svg" alt=""></a></div>
                    </div>
                    <div class="project-content-four">
                        <h4 class="title"><a href="#">Pazarlama Danışmanlığı</a></h4>
                        <span>Geliştirme</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="project-item-four">
                    <div class="project-thumb-four">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/project/h5_project_img04.jpg" alt="">
                        <div class="project-link"><a href="#"><img
                                    src="<?= SITE_THEME_URL ?>/assets/img/icons/plus_icon.svg" alt=""></a></div>
                    </div>
                    <div class="project-content-four">
                        <h4 class="title"><a href="#">Dijital Pazarlama</a></h4>
                        <span>Beceri Geliştirme</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="project-item-four">
                    <div class="project-thumb-four">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/project/h5_project_img05.jpg" alt="">
                        <div class="project-link"><a href="#"><img
                                    src="<?= SITE_THEME_URL ?>/assets/img/icons/plus_icon.svg" alt=""></a></div>
                    </div>
                    <div class="project-content-four">
                        <h4 class="title"><a href="#">Stratejik Planlama</a></h4>
                        <span>Pazarlama</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("project/project_style_4", {
name: "<?= project_style_4 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/project_style_4.png",
html: `
<section class="project-area project-bg" data-background="assets/img/bg/project_bg.jpg">
    <div class="container">
        <div class="row align-items-end">
            <div class="col-lg-6">
                <div class="section-title mb-40 tg-heading-subheading animation-style2">
                    <span class="sub-title tg-element-title">Örnek çalışmaları</span>
                    <h2 class="title tg-element-title">İşletmenizi Güvende Tutun ve Yüksek Kullanılabilirlik
                        Sağlayın.</h2>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="project-top-content">
                    <p>Ever find yourself staring at your computer screen a good consulting slogan to come to mind?
                        Oftentimes.</p>
                </div>
            </div>
        </div>
        <div class="project-item-wrap">
            <div class="row">
                <div class="col-12">
                    <div class="swiper-container project-active">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="project-item">
                                    <div class="project-thumb">
                                        <a href="#"><img src="assets/img/project/project_img01.jpg"
                                                         alt=""></a>
                                    </div>
                                    <div class="project-content">
                                        <a href="project.html" class="tag">Başarı</a>
                                        <h2 class="title"><a href="#">Doğru durumunuza göre</a></h2>
                                        <a href="#" class="link-arrow"><i
                                                class="flaticon flaticon-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="project-item">
                                    <div class="project-thumb">
                                        <a href="#"><img src="assets/img/project/project_img02.jpg"
                                                         alt=""></a>
                                    </div>
                                    <div class="project-content">
                                        <a href="project.html" class="tag">İş stratejisi</a>
                                        <h2 class="title"><a href="#">En iyi ipotek oranları garanti
                                                edilir.</a></h2>
                                        <a href="#" class="link-arrow"><i
                                                class="flaticon flaticon-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="project-item">
                                    <div class="project-thumb">
                                        <a href="#"><img src="assets/img/project/project_img03.jpg"
                                                         alt=""></a>
                                    </div>
                                    <div class="project-content">
                                        <a href="project.html" class="tag">Yatırım</a>
                                        <h2 class="title"><a href="#">Yeni Proje İçin Yatırım
                                                Politikası</a></h2>
                                        <a href="#" class="link-arrow"><i
                                                class="flaticon flaticon-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="project-item">
                                    <div class="project-thumb">
                                        <a href="#"><img src="assets/img/project/project_img04.jpg"
                                                         alt=""></a>
                                    </div>
                                    <div class="project-content">
                                        <a href="project.html" class="tag">Başarı</a>
                                        <h2 class="title"><a href="#">Doğru durumunuza göre</a></h2>
                                        <a href="#" class="link-arrow"><i
                                                class="flaticon flaticon-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("project/project_style_5", {
name: "<?= project_style_5 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/project_style_5.png",
html: `
<section class="project-details-area pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="project-details-wrap">
                    <div class="row">
                        <div class="col-71">
                            <div class="project-details-thumb">
                                <img src="assets/img/project/project_details01.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-29">
                            <div class="project-details-info">
                                <h4 class="title">Proje Detayları</h4>
                                <ul class="list-wrap">
                                    <li><span>Müşteri:</span>Rebeca</li>
                                    <li><span>Zaman:</span>17 March, 2023</li>
                                    <li><span>Uygulayıcı:</span>Mark Willy</li>
                                    <li><span>Yer:</span>Paris</li>
                                    <li class="social">
                                        <span>Share:</span>
                                        <ul class="list-wrap">
                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                            <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="project-details-content">
                        <h2 class="title">Business Planing & Solution</h2>
                        <p>when an unknown printer took ar galley offer type year anddey scrambled  make type aewer specimen book bethas survived not only five when anner year unknown printer.eed a little help from our friends from time to time. Although we offer the one-stop convenience.when an unknown printer took ar galley  type year anddey scrambled  make type aewer specimen book bethas survived.</p>
                        <p>eed a little help from our friends from time to time. Although we offer the one-stop convenience of annery integrated range of legal, financial services under one roof, there are occasions when our clients areaneed specia- list advice beyond the scope of our own expertise. That’s why we’ve developed close working relationships with a number of strategic partner.</p>
                        <div class="pd-optimized-wrap">
                            <h3 class="title-two">Speed Optimized</h3>
                            <p>when an unknown printer took a galley of type and scrambled it to make a type specimen bookhas a not only five centuries, but also the leap into electronic typesetting, remaining essentially unchan galley of type and scrambled it to make a type specimen book.</p>
                        </div>
                        <div class="pd-inner-wrap">
                            <div class="row align-items-center">
                                <div class="col-41">
                                    <div class="content">
                                        <h3 class="title-two">Raise capital latlr & negotiate on your own terms</h3>
                                        <p class="info-one">when an unknown printer took a galley offer typey anddey scrambled make a type specimen bookhas survived not only five centuries but also.</p>
                                        <ul class="list-wrap">
                                            <li><img src="assets/img/icons/check_icon.svg" alt="">100% Better results</li>
                                            <li><img src="assets/img/icons/check_icon.svg" alt="">Valuable Ideas</li>
                                            <li><img src="assets/img/icons/check_icon.svg" alt="">Budget Friendly Theme</li>
                                            <li><img src="assets/img/icons/check_icon.svg" alt="">Happy Customers</li>
                                        </ul>
                                        <p class="info-two">when an unknown printer took a galley of type and  aweratr scrambled it to make a type specimen bookhas a not only five centuries, but also the leap into electronic typesetting, remaining essentially unchan galley of type and scrambled it to make a type specimen book.</p>
                                    </div>
                                </div>
                                <div class="col-59">
                                    <div class="thumb">
                                        <img src="assets/img/project/project_details02.jpg" alt="">
                                        <a href="https://www.youtube.com/watch?v=6mkoGSqTqFI" class="play-btn popup-video"><i class="la la-play"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>`,
});
