<?php
require_once('../../init.php');
require_once('sections/menu.php');
require_once('sections/header.php');
require_once('sections/features.php');
require_once('sections/about.php');
require_once('sections/services.php');
require_once('sections/overview.php');
require_once('sections/skill.php');
require_once('sections/projects.php');
require_once('sections/teams.php'); 
require_once('sections/testimonials.php');
require_once('sections/blogs.php');
require_once('sections/requests.php');
?>
Vvveb.SectionsGroup['<?= lang('sections.group.banner') ?>'] =
["banner/banner_style_1"];

Vvveb.Sections.add("banner/banner_style_1", {
name: "<?= lang('sections.banner_style_1') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/banner_style_1.png",
html: `
<section class="cta-area">
    <div class="container">
        <div class="cta-inner-wrap" data-background="assets/img/bg/cta_bg.jpg">
            <div class="row align-items-center">
                <div class="col-lg-9">
                    <div class="cta-content">
                        <div class="cta-info-wrap">
                            <div class="icon">
                                <i class="flaticon flaticon-phone-call"></i>
                            </div>
                            <div class="content">
                                <span>Hemen Arayın</span>
                                <a href="tel:02126201323">+02126201323</a>
                            </div>
                        </div>
                        <h2 class="title">Ücretsiz Danışma için bir Program Talep Edelim</h2>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="cta-btn text-end">
                        <a href="#" class="btn">İletişim</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div  class="background-container"><img src="<?= SITE_THEME_URL ?>/assets/img/bg/cta_bg.jpg"></div>

</section>
`,
});



    Vvveb.SectionsGroup['<?= lang('sections.group.brand') ?>'] =
    ["brand/brand_style_1"];
    Vvveb.Sections.add("brand/brand_style_1", {
    name: "<?= lang('sections.brand_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/brand_style_1.png",
    html: `
        <section class="brand-aera-two pb-80" data-component-brands>
            <div class="container" data-vvveb-disabled-noback>
                <div class="row brand-active">
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img01.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img02.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img03.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img04.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img05.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="brand-item">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/brand/brand_img03.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    `,
    });


    Vvveb.SectionsGroup['<?= lang('sections.group.counter') ?>'] =
    ["counter/counter_style_1","counter/counter_style_2","counter/counter_style_3"];

    Vvveb.Sections.add("counter/counter_style_1", {
    name: "<?= lang('sections.counter_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/counter_style_1.png",
    html: `
    <section class="counter-area-two">
        <div class="container">
            <div class="counter-item-wrap">
                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="counter-item-two">
                            <h2 class="count"><span class="odometer" data-count="95"></span>%</h2>
                            <p>Başarı Oranı</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="counter-item-two">
                            <h2 class="count"><span class="odometer" data-count="55"></span>k</h2>
                            <p>Komple Projeler</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="counter-item-two">
                            <h2 class="count"><span class="odometer" data-count="25"></span>k</h2>
                            <p>Müşteri Memnuniyeti</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="counter-item-two">
                            <h2 class="count"><span class="odometer" data-count="15"></span>k</h2>
                            <p>Dünyada Ticaret</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    `,
    });
    Vvveb.Sections.add("counter/counter_style_2", {
    name: "<?= lang('sections.counter_style_2') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/counter_style_2.png",
    html: `
    <section class="counter-area-three pb-90">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-3 col-lg-4 col-sm-6">
                    <div class="counter-item-three">
                        <div class="counter-icon">
                            <i class="flaticon flaticon-trophy"></i>
                        </div>
                        <div class="counter-content">
                            <h2 class="count"><span class="odometer" data-count="23"></span>k</h2>
                            <p>En İyi Ödüller</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-sm-6">
                    <div class="counter-item-three">
                        <div class="counter-icon">
                            <i class="flaticon flaticon-rating"></i>
                        </div>
                        <div class="counter-content">
                            <h2 class="count"><span class="odometer" data-count="223"></span>k</h2>
                            <p>Müşteri Memnuniyeti</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-sm-6">
                    <div class="counter-item-three">
                        <div class="counter-icon">
                            <i class="flaticon flaticon-folder-1"></i>
                        </div>
                        <div class="counter-content">
                            <h2 class="count"><span class="odometer" data-count="98"></span>k</h2>
                            <p>Tamamlanan Projeler</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-sm-6">
                    <div class="counter-item-three">
                        <div class="counter-icon">
                            <i class="flaticon flaticon-round-table"></i>
                        </div>
                        <div class="counter-content">
                            <h2 class="count"><span class="odometer" data-count="22"></span>k</h2>
                            <p>Uzman Kişiler</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    `,
    });
    Vvveb.Sections.add("counter/counter_style_3", {
    name: "<?= lang('sections.counter_style_3') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/counter_style_3.png",
    html: `
    <section class="counter-area-four">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="counter-content-four">
                        <div class="section-title-two mb-30">
                            <span class="sub-title">En İyi Özellikler</span>
                            <h2 class="title">Danışmanlık, kurumsal finansman çalışmalarında uzmanlaşmış bir hukuk
                                bürosudur</h2>
                        </div>
                        <p>Aşağıdakiler dahil olmak üzere, işin tüm yönleriyle ilgili kapsamlı yasal çözümler ve yasal
                            planlama konusunda tavsiyeler: Şirketler Hukuku ve Borsa Kontrol Yönetmelikleri kapsamındaki
                            konular</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="counter-item-wrap-four">
                        <ul class="list-wrap">
                            <li>
                                <div class="counter-item-three">
                                    <div class="counter-icon">
                                        <i class="flaticon flaticon-trophy"></i>
                                    </div>
                                    <div class="counter-content">
                                        <h2 class="count"><span class="odometer" data-count="23"></span>k</h2>
                                        <p>En iyi Ödüller</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="counter-item-three">
                                    <div class="counter-icon">
                                        <i class="flaticon flaticon-rating"></i>
                                    </div>
                                    <div class="counter-content">
                                        <h2 class="count"><span class="odometer" data-count="223"></span>k</h2>
                                        <p>Müşteri Memnuniyeti</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="counter-item-three">
                                    <div class="counter-icon">
                                        <i class="flaticon flaticon-folder-1"></i>
                                    </div>
                                    <div class="counter-content">
                                        <h2 class="count"><span class="odometer" data-count="98"></span>k</h2>
                                        <p>Yapılan Projeler</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="counter-item-three">
                                    <div class="counter-icon">
                                        <i class="flaticon flaticon-round-table"></i>
                                    </div>
                                    <div class="counter-content">
                                        <h2 class="count"><span class="odometer" data-count="22"></span>k</h2>
                                        <p>Uzman Kişiler</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner-counter-shape">
            <img src="<?= SITE_THEME_URL ?>/assets/img/images/inner_counter_shape.png" alt="" data-aos="fade-left"
                 data-aos-delay="0">
        </div>
    </section>
    `,
    });
    Vvveb.SectionsGroup['<?= lang('sections.group.estimate') ?>'] =
    ["estimate/estimate_style_1"];

    Vvveb.Sections.add("estimate/estimate_style_1", {
    name: "<?= lang('sections.estimate_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/estimate_style_1.png",
    html: `
    <section class="estimate-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="estimate-content">
                        <div class="section-title-two mb-30 tg-heading-subheading animation-style2">
                            <span class="sub-title tg-element-title">ÜCRETSİZ BİR TAHMİN ALIN</span>
                            <h2 class="title tg-element-title">Uzmanlığımızdan bir sigorta teklifi alın</h2>
                        </div>
                        <div class="estimate-tab-wrap">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab"
                                            data-bs-target="#home-tab-pane" type="button" role="tab"
                                            aria-controls="home-tab-pane" aria-selected="true">Ev
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="vehicles-tab" data-bs-toggle="tab"
                                            data-bs-target="#vehicles-tab-pane" type="button" role="tab"
                                            aria-controls="vehicles-tab-pane" aria-selected="false">Araç
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="health-tab" data-bs-toggle="tab"
                                            data-bs-target="#health-tab-pane" type="button" role="tab"
                                            aria-controls="health-tab-pane" aria-selected="false">Sağlık
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="life-tab" data-bs-toggle="tab"
                                            data-bs-target="#life-tab-pane" type="button" role="tab"
                                            aria-controls="life-tab-pane" aria-selected="false">Yaşam
                                    </button>
                                </li>
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel"
                                     aria-labelledby="home-tab" tabindex="0">
                                    <div class="estimate-form-wrap">
                                        <form action="#">
                                            <div class="form-grp">
                                                <input type="text" placeholder="Full Name">
                                            </div>
                                            <div class="form-grp">
                                                <input type="email" placeholder="E-mail">
                                            </div>
                                            <div class="form-grp">
                                                <input type="number" placeholder="Phone">
                                            </div>
                                            <div class="range-slider-wrap">
                                                <div class="content-top">
                                                    <p>Limits of balance:</p>
                                                    <span>$<strong id="rangeValue">400000</strong></span>
                                                </div>
                                                <Input class="range" type="range" value="400000" min="0" max="600000"
                                                       onChange="rangeSlide(this.value)"
                                                       onmousemove="rangeSlide(this.value)">
                                            </div>
                                            <button class="btn btn-three" type="submit">Hemen Teklif Alın</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="vehicles-tab-pane" role="tabpanel"
                                     aria-labelledby="vehicles-tab" tabindex="0">
                                    <div class="estimate-form-wrap">
                                        <form action="#">
                                            <div class="form-grp">
                                                <input type="text" placeholder="Full Name">
                                            </div>
                                            <div class="form-grp">
                                                <input type="email" placeholder="E-mail">
                                            </div>
                                            <div class="form-grp">
                                                <input type="number" placeholder="Phone">
                                            </div>
                                            <div class="range-slider-wrap">
                                                <div class="content-top">
                                                    <p>Limits of balance:</p>
                                                    <span>$<strong id="rangeValueTwo">400000</strong></span>
                                                </div>
                                                <Input class="range" type="range" value="400000" min="0" max="600000"
                                                       onChange="rangeSlide(this.value)"
                                                       onmousemove="rangeSlide(this.value)">
                                            </div>
                                            <button class="btn btn-three" type="submit">Hemen Teklif Alın</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="health-tab-pane" role="tabpanel"
                                     aria-labelledby="health-tab" tabindex="0">
                                    <div class="estimate-form-wrap">
                                        <form action="#">
                                            <div class="form-grp">
                                                <input type="text" placeholder="Full Name">
                                            </div>
                                            <div class="form-grp">
                                                <input type="email" placeholder="E-mail">
                                            </div>
                                            <div class="form-grp">
                                                <input type="number" placeholder="Phone">
                                            </div>
                                            <div class="range-slider-wrap">
                                                <div class="content-top">
                                                    <p>Limits of balance:</p>
                                                    <span>$<strong id="rangeValueThree">400000</strong></span>
                                                </div>
                                                <Input class="range" type="range" value="400000" min="0" max="600000"
                                                       onChange="rangeSlide(this.value)"
                                                       onmousemove="rangeSlide(this.value)">
                                            </div>
                                            <button class="btn btn-three" type="submit">Hemen Teklif Alın</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="life-tab-pane" role="tabpanel" aria-labelledby="life-tab"
                                     tabindex="0">
                                    <div class="estimate-form-wrap">
                                        <form action="#">
                                            <div class="form-grp">
                                                <input type="text" placeholder="Full Name">
                                            </div>
                                            <div class="form-grp">
                                                <input type="email" placeholder="E-mail">
                                            </div>
                                            <div class="form-grp">
                                                <input type="number" placeholder="Phone">
                                            </div>
                                            <div class="range-slider-wrap">
                                                <div class="content-top">
                                                    <p>Limits of balance:</p>
                                                    <span>$<strong id="rangeValueFour">400000</strong></span>
                                                </div>
                                                <Input class="range" type="range" value="400000" min="0" max="600000"
                                                       onChange="rangeSlide(this.value)"
                                                       onmousemove="rangeSlide(this.value)">
                                            </div>
                                            <button class="btn btn-three" type="submit">Hemen Teklif Alın</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="estimate-img text-center">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/images/estimate_img.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="estimate-shape">
            <img src="<?= SITE_THEME_URL ?>/assets/img/services/h4_services_shape.png" alt="" data-aos="fade-left"
                 data-aos-delay="200">
        </div>
    </section>
    `,
    });
    Vvveb.SectionsGroup['<?= lang('sections.group.faq') ?>'] =
    ["faq/faq_style_1"];

    Vvveb.Sections.add("faq/faq_style_1", {
    name: "<?= lang('sections.faq_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/faq_style_1.png",
    html: `
    <section class="faq-area">
        <div class="faq-bg-shape" data-background="assets/img/images/faq_shape01.png"></div>
        <div class="faq-shape-wrap">
            <img src="assets/img/images/faq_shape02.png" alt="">
            <img src="assets/img/images/faq_shape03.png" alt="">
        </div>
        <div class="container">
            <div class="row align-items-end justify-content-center">
                <div class="col-lg-6 col-md-9">
                    <div class="faq-img-wrap">
                        <img src="assets/img/images/faq_img01.jpg" alt="">
                        <img src="assets/img/images/faq_img02.jpg" alt="" data-parallax='{"y" : 100 }'>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="faq-content">
                        <div class="section-title mb-30 tg-heading-subheading animation-style2">
                            <span class="sub-title tg-element-title">Hizmet Avantajlarımız</span>
                            <h2 class="title tg-element-title">İşletmenizi Güvende Tutun ve Yüksek Kullanılabilirlik
                                Sağlayın.</h2>
                        </div>
                        <p>Ever find yourself staring at your computer s good consulting slogan to come to mind?
                            Oftentimes.</p>
                        <div class="accordion-wrap">
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseOne" aria-expanded="true"
                                                aria-controls="collapseOne">
                                            Interdum et malesuada fames ac ante ipsum
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                         data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Ever find yourself staring at your computer screen a good consulting
                                                slogan to coind yourself sta your computer screen a good consulting
                                                slogan.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false"
                                                aria-controls="collapseTwo">
                                            Interdum et malesuada fames ac ante ipsum
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Ever find yourself staring at your computer screen a good consulting
                                                slogan to coind yourself sta your computer screen a good consulting
                                                slogan.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse"
                                                data-bs-target="#collapseThree" aria-expanded="false"
                                                aria-controls="collapseThree">
                                            Interdum et malesuada fames ac ante ipsum
                                        </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Ever find yourself staring at your computer screen a good consulting
                                                slogan to coind yourself sta your computer screen a good consulting
                                                slogan.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    `,
    });
    Vvveb.SectionsGroup['<?= lang('sections.group.contact') ?>'] =
    ["contact/contact_style_1","contact/contact_style_2"];

    Vvveb.Sections.add("contact/contact_style_1", {
    name: "<?= lang('sections.contact_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/contact_style_1.png",
    html: `
    <section class="contact-area contact-bg" data-background="<?= SITE_THEME_URL ?>/assets/img/bg/contact_bg.jpg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <div class="contact-content">
                        <div class="section-title mb-30 tg-heading-subheading animation-style2">
                            <span class="sub-title tg-element-title">Bağlantı Kurmak</span>
                            <h2 class="title tg-element-title">İşletmenize Yardımcı Olmak İçin Bağlantıdayız!</h2>
                        </div>
                        <p>Ever find yourself staring at your computer screen a good consulting slogan to come to mind?
                            Oftentimes.</p>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="contact-form">
                        <form action="#">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-grp">
                                        <input type="text" placeholder="Name *">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-grp">
                                        <input type="email" placeholder="E-mail *">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-grp">
                                        <input type="number" placeholder="Phone *">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-grp">
                                        <input type="text" placeholder="Subject *">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-grp">
                                        <textarea placeholder="Comments *"></textarea>
                                    </div>
                                </div>
                            </div>
                            <button type="submit">Şimdi gönder</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="contact-shape">
            <img src="<?= SITE_THEME_URL ?>/assets/img/images/contact_shape.png" alt="">
        </div>
    </section>
    `,
    });
    Vvveb.Sections.add("contact/contact_style_2", {
    name: "<?= lang('sections.contact_style_2') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/contact_style_2.png",
    html: `
    <section class="inner-contact-area pt-120 pb-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="inner-contact-img">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/images/contact_img.jpg" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="inner-contact-info">
                        <h2 class="title">Ofis Adres</h2>
                        <div class="contact-info-item">
                            <ul class="list-wrap">
                                <li>Esenyurt <br> İstanbul ,Türkiye</li>
                                <li>+90 620 13 23</li>
                                <li>info@vebusoft.com</li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    `,
    });

    Vvveb.SectionsGroup['<?= lang('sections.group.breadcrumb') ?>'] =
    ["breadcrumb/breadcrumb_style_1"];

    Vvveb.Sections.add("breadcrumb/breadcrumb_style_1", {
    name: "<?= lang('sections.breadcrumb_style_1') ?>",
    image: "<?= SITE_THEME_URL ?>/assets/preview/breadcrumb_style_1.png",
    html: `
    <section class="breadcrumb-area breadcrumb-bg"
             data-background="<?= SITE_THEME_URL ?>/assets/img/bg/breadcrumb_bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-content">
                        <h2 class="title">Hakkımızda</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Anasayfa</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Hakkında</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="breadcrumb-shape-wrap">
            <img src="<?= SITE_THEME_URL ?>/assets/img/images/breadcrumb_shape01.png" alt="">
            <img src="<?= SITE_THEME_URL ?>/assets/img/images/breadcrumb_shape02.png" alt="">
        </div>
    </section>
    `,
    });

Vvveb.SectionsGroup['<?= lang('sections.group.footer') ?>'] =
["footer/footer_style_1"];

Vvveb.Sections.add("footer/footer_style_1", {
name: "<?= lang('sections.footer_style_1') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/footer_style_1.jpg",
html: `
<footer>
    <div class="footer-area-two footer-bg-two" data-background="<?= SITE_THEME_URL ?>/assets/img/bg/h2_footer_bg.jpg">
        <div class="footer-top-two">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-7">
                        <div class="footer-widget">
                            <div class="fw-logo">
                                <a href="<?=DOMAIN?>"><img src="<?=image(settings('logo', m_get_session('editor_lang')))?>" alt="<?=settings('site_title', m_get_session('editor_lang'))?>"></a>
                            </div>
                            <div class="footer-content">
                                <p>When an unknown printer took a galley of type aawer awtnd scrambled it to make a type specimen book.</p>
                                <div class="footer-info">
                                    <ul class="list-wrap">
                                        <li>
                                            <div class="icon">
                                                <i class="flaticon flaticon-phone-call"></i>
                                            </div>
                                            <div class="content">
                                                <a href="tel:<?=settings('phone', m_get_session('editor_lang'))?>"><?=settings('phone', m_get_session('editor_lang'))?></a>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-5 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="fw-title">Menu</h4>
                            <div class="footer-link">
                                <ul class="list-wrap">
                                    <li><a href="#">Ana SAyfa</a></li>
                                    <li><a href="#">Hakkımızda</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li><a href="#">Hizmetler</a></li>
                                    <li><a href="#">İletişim</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-5 col-sm-6">
                        <div class="footer-widget">
                            <h4 class="fw-title">Hızlı Link</h4>
                            <div class="footer-link">
                                <ul class="list-wrap">
                                    <li><a href="#">İş Nasıl?</a></li>
                                    <li><a href="#">Ortaklar</a></li>
                                    <li><a href="#">Görüşler</a></li>
                                    <li><a href="#">Durum çalışmaları</a></li>
                                    <li><a href="#">Fiyatlandırma</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-7">
                        <div class="footer-widget">
                            <h4 class="fw-title">E-Bülten</h4>
                            <div class="footer-newsletter">
                                <p>En son güncellemeleri almak için Privitar'ın haftalık bültenine kaydolun.</p>
                                <form action="#">
                                    <input type="email" placeholder="enter your e-mail">
                                    <button type="submit">Abone Ol</button>
                                </form>
                                <div class="footer-social footer-social-two">
                                    <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>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom-two">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="copyright-text-two text-center">
                            <p><?=settings('copyright', m_get_session('editor_lang'))?></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
`,
});