
Vvveb.SectionsGroup['<?= lang('sections.group.team') ?>'] =
["team/team_style_1","team/team_style_2"];

Vvveb.Sections.add("team/team_style_1", {
name: "<?= lang('sections.team_style_1') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/team_style_1.png",
html: `
<section class="team-area-two">
    <div class="team-shape">
        <img src="<?= SITE_THEME_URL ?>/assets/img/team/team_shape.png" alt="" data-aos="fade-right" data-aos-delay="200">
    </div>
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6">
                <div class="section-title-two mb-45 tg-heading-subheading animation-style3">
                    <span class="sub-title">Uzman Ekip</span>
                    <h2 class="title tg-element-title">Bizim Harika <br> Ekibimiz</h2>
                </div>
            </div>
            <div class="col-lg-6 col-md-10">
                <div class="section-top-content mb-30">
                    <p>Hiç Kendinizi Bilgisayar Ekranınıza Bakarken Buldunuz Mu, Aklınıza Iyi Bir Danışmanlık Sloganı Geldi Mi?</p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center" data-component-teams data-v-module="teams"  data-v-source="automatic">
            <?php foreach (posts('data', 'teams', m_get_session('editor_lang'),4) as $teams) {
                $featuresData = json_decode($teams['features'], true);
                ?>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-8" data-vvveb-disabled-noback>
                <div class="team-item-two">
                    <div class="team-thumb-two">
                        <a href="#"><img src="<?=image($teams['image'])?>" alt=""></a>
                        <div class="team-social-two">
                            <ul class="list-wrap">
                                <?php if($featuresData['facebook']){?><li><a href="<?=$featuresData['facebook']?>"><i class="lab fa-facebook-f"></i></a></li><?php } ?>
                                <?php if($featuresData['twitter']){?><li><a href="<?=$featuresData['twitter']?>"><i class="lab fa-twitter"></i></a></li><?php } ?>
                                <?php if($featuresData['instagram']){?><li><a href="<?=$featuresData['instagram']?>"><i class="lab fa-instagram"></i></a></li><?php } ?>
                                <?php if($featuresData['pinterest']){?><li><a href="<?=$featuresData['pinterest']?>"><i class="lab fa-pinterest-p"></i></a></li><?php } ?>
                            </ul>
                        </div>
                    </div>
                    <div class="team-content-two">
                        <h2 class="title"><a href="<?=DOMAIN?>/<?=$teams['sef']?>"><?=$teams['title']?></a></h2>
                        <span><?=$featuresData['job']?></span>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("team/team_style_2", {
name: "<?= lang('sections.team_style_2') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/team_style_2.png",
html: `
<section class="team-details-area pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="team-details-info-wrap">
                    <div class="team-details-thumb">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/team/team_details_img.jpg" alt="">
                    </div>
                    <div class="team-details-info">
                        <ul class="list-wrap">
                            <li><i class="flaticon flaticon-phone-call"></i>+90 212 620 13 23</li>
                            <li><i class="flaticon flaticon-mail"></i>info@vebusoft.com</li>
                            <li><i class="flaticon flaticon-location"></i>İstanbul,Türkiye</li>
                        </ul>
                        <div class="td-info-bottom">
                            <a href="#" class="btn btn-three">iletişime geç</a>
                            <a href="#" class="share-btn"><img src="assets/img/icons/share.svg" alt="">Paylaş</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="team-details-content">
                    <h2 class="title">Leslie Alexander</h2>
                    <span>Finans Danışmanı</span>
                    <p>estibulum ac diam sit amet quam vehicula elementum sed sit amet dui Sed porttitor lect us
                        nibh. Praesent sapien massa, convallis a pellentesquam vehiculaestibulum ac diam sit amet
                        quam vehicula elementumsit amet dui Sed porttitor lectus nibPraesent sapien massa convallis
                        a pellentese nec diam sit amet quam vehicula.</p>
                    <div class="team-skill-wrap">
                        <h3 class="title-two">Uzmanlığım ve Becerilerim</h3>
                        <p>when an unknown printer took a galley of type and scrambled it to make a type specimen
                            book It has survived not only five centuries</p>
                        <div class="progress-wrap">
                            <div class="progress-item">
                                <h6 class="title">Finans Danışmanlığı</h6>
                                <div class="progress" role="progressbar" aria-label="Example with label"
                                     aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar wow slideInLeft" data-wow-delay=".1s"
                                         style="width: 65%"><span>65%</span></div>
                                </div>
                            </div>
                            <div class="progress-item">
                                <h6 class="title">İşletme</h6>
                                <div class="progress" role="progressbar" aria-label="Example with label"
                                     aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar wow slideInLeft" data-wow-delay=".2s"
                                         style="width: 80%"><span>80%</span></div>
                                </div>
                            </div>
                            <div class="progress-item">
                                <h6 class="title">Pazarlama</h6>
                                <div class="progress" role="progressbar" aria-label="Example with label"
                                     aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar wow slideInLeft" data-wow-delay=".3s"
                                         style="width: 90%"><span>90%</span></div>
                                </div>
                            </div>
                        </div>
                        <p>estibulum ac diam sit amet quam vehicula elementum sed sit amet dui Sed porttitor lect us
                            nibh. Praesent sapien massa, convallis a pellentesquam vehiculaestibulum ac diam sit
                            amet quam vehicula elementumsit amet dui Sed porttitor lectus nibPraesent sapien massa
                            convallis a pellentese nec diam sit amet quam vehicula.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});
