Vvveb.SectionsGroup['<?= overview ?>'] =
["overview/overview_style_1","overview/overview_style_2"];

Vvveb.Sections.add("overview/overview_style_1", {
name: "<?= overview_style_1 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/overview_style_1.png",
html: `
<section class="overview-area pt-120 pb-120">
    <div class="overview-shape" data-aos="fade-left" data-aos-delay="200"
         data-background="<?= SITE_THEME_URL ?>/assets/img/images/overview_shape.png"></div>
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-10">
                <div class="overview-img-wrap" id="<?=uniqid()?>">
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/overview_img01.jpg" alt="">
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/overview_img02.jpg" alt=""
                         data-parallax='{"x" : 50 }'>
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/overview_img_shape.png" alt="" style="z-index: 1">
                    <div class="icon" id="<?=uniqid()?>">
                        <i class="flaticon flaticon-report-1" id="<?=uniqid()?>"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="overview-content" id="<?=uniqid()?>">
                    <div class="section-title-two mb-20 tg-heading-subheading animation-style3" id="<?=uniqid()?>">
                        <span class="sub-title" id="<?=uniqid()?>">Şirkete Genel Bakış</span>
                        <h2 class="title tg-element-title" id="<?=uniqid()?>">Uzmanlarımızla iş stratejinizi planlayın</h2>
                    </div>
                    <p class="info-one" id="<?=uniqid()?>">Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit
                        amet, consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita florai psum.</p>
                    <p class="info-two" id="<?=uniqid()?>">Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit
                        amet, consecteture.Borem.</p>
                    <div class="content-bottom" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>">
                                <div class="icon" id="<?=uniqid()?>">
                                    <i class="flaticon flaticon-trophy" id="<?=uniqid()?>"></i>
                                </div>
                                <div class="content" >
                                    <h2 class="count" ><span class="odometer" data-count="63" >63</span>+</h2>
                                    <p >En iyi ödül</p>
                                </div>
                            </li>
                            <li id="<?=uniqid()?>">
                                <div class="icon" id="<?=uniqid()?>">
                                    <i class="flaticon flaticon-rating" id="<?=uniqid()?>"></i>
                                </div>
                                <div class="content" id="<?=uniqid()?>">
                                    <h2 class="count" id="<?=uniqid()?>"><span class="odometer" data-count="98">98</span>k</h2>
                                    <p id="<?=uniqid()?>">Müşteri Memnuniyeti </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("overview/overview_style_2", {
name: "<?= overview_style_2 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/overview_style_2.png",
html: `
<section class="overview-area-two">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-10">
                <div class="overview-img-two" id="<?=uniqid()?>">
                    <div class="mask-img-two" id="<?=uniqid()?>">
                        <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_overview_img01.jpg" alt="">
                    </div>
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_overview_img02.jpg" alt="" class="img-two"
                         data-parallax='{"y" : 100 }'>
                    <div class="overview-shape-wrap">
                        <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_overview_shape01.png" alt="" style="z-index: 1">
                        <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_overview_shape02.png" alt="" style="z-index: 1">
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="overview-content-two">
                    <div class="section-title-two mb-30 tg-heading-subheading animation-style1">
                        <span class="sub-title tg-element-title">Şirkete Genel Bakış</span>
                        <h2 class="title tg-element-title">Şirketler için Etkili Bir Strateji Hazırlıyoruz</h2>
                    </div>
                    <p>Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit amet,
                        consecteture.</p>
                    <div class="progress-wrap">
                        <div class="progress-item">
                            <h6 class="title" id="<?=uniqid()?>">Danışmanlık</h6>
                            <div class="progress" role="progressbar" aria-label="Example with label" aria-valuenow="85"
                                 aria-valuemin="0"
                                 aria-valuemax="100" id="<?=uniqid()?>">
                                <div class="progress-bar wow slideInLeft w-75" data-wow-delay=".1s"  data-vvveb-disabled-noback=""><span>75%</span>
                                </div>
                            </div>
                        </div>
                        <div class="progress-item">
                            <h6 class="title" id="<?=uniqid()?>">Yatırım</h6>
                            <div class="progress" role="progressbar" aria-label="Example with label" aria-valuenow="76"
                                 aria-valuemin="0"
                                 aria-valuemax="100" id="<?=uniqid()?>">
                                <div class="progress-bar wow slideInLeft w-50" data-wow-delay=".2s" s data-vvveb-disabled-noback=""><span>50%</span>
                                </div>
                            </div>
                        </div>
                        <div class="progress-item">
                            <h6 class="title" id="<?=uniqid()?>">Yatırım</h6>
                            <div class="progress w" role="progressbar" aria-label="Example with label" aria-valuenow="90"
                                 aria-valuemin="0"
                                 aria-valuemax="100" id="<?=uniqid()?>">
                                <div class="progress-bar wow slideInLeft w-100" data-wow-delay=".3s"  data-vvveb-disabled-noback=""><span>100%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});