Vvveb.SectionsGroup['<?= lang('sections.group.testimonial') ?>'] =
["testimonial/testimonial_style_1","testimonial/testimonial_style_2","testimonial/testimonial_style_3"];

Vvveb.Sections.add("testimonial/testimonial_style_1", {
name: "<?= lang('sections.testimonial_style_1') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/testimonial_style_1.png",
html: `
<section class="testimonial-area-two testimonial-bg-two" >
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="section-title-two white-title text-center mb-50 tg-heading-subheading animation-style3">
                    <span class="sub-title">Müşteri Yorumları</span>
                    <h2 class="title tg-element-title">VebuSoft Hakkında Müşterilerimizin Görüşleri</h2>
                </div>
            </div>
        </div>
        <div class="testimonial-item-wrap-two" data-component-testimonials  data-v-module="testimonials" data-v-source="automatic">
            <div class="row testimonial-active-two" data-vvveb-disabled-noback="">
                <?php foreach (posts('data', 'testimonials', m_get_session('editor_lang'),4) as $testimonial) {
                    $featuresData = json_decode($testimonial['features'], true);
                    ?>
                    <div class="col-lg-6">
                    <div class="testimonial-item-two">
                        <div class="testimonial-content-two">
                            <div class="rating">
                                <?php for($x=0; $x<$featuresData['point']; $x++) {?>
                                   <i class="la la-star"></i>
                                <?php } ?>
                            </div>
                            <p>“<?=$featuresData['testimonials']?>"</p>
                            <div class="testimonial-avatar">
                                <div class="avatar-thumb">
                                    <img src="<?=image($testimonial['image'])?>" alt="">
                                </div>
                                <div class="avatar-info">
                                    <h2 class="title"><?=$testimonial['title']?></h2>
                                    <span><?=$featuresData['job']?></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
            <div class="testimonial-nav-two"></div>
        </div>
        <div class="background-container"><img src="<?= SITE_THEME_URL ?>/assets/img/bg/h2_testimonial_bg.jpg" alt=""></div>
    </div>
</section>
`,
});
Vvveb.Sections.add("testimonial/testimonial_style_2", {
name: "<?= lang('sections.testimonial_style_2') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/testimonial_style_2.png",
html: `
<section class="testimonial-area-five">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8">
                <div class="testimonial-img-five">
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/h5_testimonial_img.png" alt="">
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/h5_testimonial_shape01.png" alt=""
                         class="shape-one">
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/h5_testimonial_shape02.png" alt=""
                         class="shape-two">
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/h5_testimonial_shape03.png" alt=""
                         class="shape-three">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="testimonial-content-five">
                    <div class="section-title title-three mb-50 tg-heading-subheading animation-style1">
                        <span class="sub-title tg-element-title">Referanslarımız</span>
                        <h2 class="title tg-element-title">Müşterilerimiz neler söylüyor</h2>
                    </div>
                    <div class="testimonial-item-wrap-five">
                        <div class="testimonial-active-five">
                            <div class="testimonial-item">
                                <div class="testimonial-content">
                                    <div class="content-top">
                                        <div class="rating">
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                        </div>
                                        <div class="testimonial-quote">
                                            <img src="<?= SITE_THEME_URL ?>/assets/img/icons/quote.svg" alt="">
                                        </div>
                                    </div>
                                    <p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor
                                        sit amet, consecteture.Borem ipsum dolor sit amet, consectetur.</p>
                                    <div class="testimonial-avatar">
                                        <div class="avatar-thumb">
                                            <img src="<?= SITE_THEME_URL ?>/assets/img/images/testi_avatar01.png"
                                                 alt="">
                                        </div>
                                        <div class="avatar-info">
                                            <h2 class="title">Mr.Robey Alexa</h2>
                                            <span>CEO, Gerow Agency</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="testimonial-item">
                                <div class="testimonial-content">
                                    <div class="content-top">
                                        <div class="rating">
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                        </div>
                                        <div class="testimonial-quote">
                                            <img src="<?= SITE_THEME_URL ?>/assets/img/icons/quote.svg" alt="">
                                        </div>
                                    </div>
                                    <p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor
                                        sit amet, consecteture.Borem ipsum dolor sit amet, consectetur.</p>
                                    <div class="testimonial-avatar">
                                        <div class="avatar-thumb">
                                            <img src="<?= SITE_THEME_URL ?>/assets/img/images/testi_avatar02.png"
                                                 alt="">
                                        </div>
                                        <div class="avatar-info">
                                            <h2 class="title">Mr.Robey Alexa</h2>
                                            <span>CEO, Gerow Agency</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-nav-five"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});
Vvveb.Sections.add("testimonial/testimonial_style_3", {
name: "<?= lang('sections.testimonial_style_3') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/testimonial_style_3.png",
html: `
<section class="testimonial-area testimonial-bg"
         data-background="<?= SITE_THEME_URL ?>/assets/img/bg/testimonial_bg.jpg">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-5 col-md-8">
                <div class="testimonial-img">
                    <img src="assets/img/images/testimonial_img.jpg" alt="">
                    <div class="review-wrap">
                        <img src="assets/img/icons/rating.svg" alt="">
                        <div class="content">
                            <h2 class="title">15k</h2>
                            <p>Olumlu <br> Yorum</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="testimonial-item-wrap">
                    <div class="testimonial-active">
                        <div class="testimonial-item">
                            <div class="testimonial-content">
                                <div class="content-top">
                                    <div class="rating">
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                    </div>
                                    <div class="testimonial-quote">
                                        <img src="assets/img/icons/quote.svg" alt="">
                                    </div>
                                </div>
                                <p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor sit
                                    amet, consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita
                                    Moremsit amet.</p>
                                <div class="testimonial-info">
                                    <h4 class="title">Mr.Robey Alexa</h4>
                                    <span>CEO, Gerow Agency</span>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item">
                            <div class="testimonial-content">
                                <div class="content-top">
                                    <div class="rating">
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                        <i class="la la-star"></i>
                                    </div>
                                    <div class="testimonial-quote">
                                        <img src="<?= SITE_THEME_URL ?>/assets/img/icons/quote.svg" alt="">
                                    </div>
                                </div>
                                <p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor sit
                                    amet, consecteture.Borem ipsum dolor sit amet, elita Moremsit amet.</p>
                                <div class="testimonial-info">
                                    <h4 class="title">Guy Hawkins</h4>
                                    <span>CEO, Gerow Agency</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-nav"></div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});