Vvveb.SectionsGroup['<?= lang('sections.group.menu') ?>'] =
["menu/menu_style_1","menu/menu_style_2","menu/menu_style_3","menu/menu_style_4","menu/menu_style_5","menu/menu_style_6"];

Vvveb.Sections.add("menu/menu_style_1", {
name: "<?= lang('sections.menu_style_1') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_1.jpg",
html: `
<header id="sticky-header" class="transparent-header header-style-two">
    <div class="container custom-container">
        <div class="heder-top-wrap">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="header-top-left">
                        <ul class="list-wrap">
                            <li id="address">
                                <i class="flaticon flaticon-location"></i><?= settings('address', m_get_session('editor_lang')) ?>
                            </li>
                            <li><i class="flaticon flaticon-mail"></i><a
                                    href="mailto:<?= settings('email', m_get_session('editor_lang')) ?>"><?= settings('email', m_get_session('editor_lang')) ?></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="header-top-right">
                        <div class="header-social">
                            <ul class="social-icons-no-span list-unstyled list-wrap">
                                <li>
                                    <a href="https://facebook.com">
                                        <i class="lab la-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://linkedin.com">
                                        <i class="lab la-linkedin-in" title="linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com">
                                        <i class="lab la-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://instagram.com">
                                        <i class="lab la-instagram"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul class="list-wrap" id="languages">
                                |
                                <?php
                                $languages = languages('data');
                                foreach ($languages as $language) {
                                    ?>
                                    <li id="lang_<?= $language['lang_code'] ?>"><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>">
                                        <img data-component-disable  src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                    </li>
                                    <?php
                                }
                                ?>
                            </ul>
                        </div>
                        <div class="header-top-btn">
                            <a href="#" id=""><i class="flaticon flaticon-briefcase"></i>Ücretsiz Danışmanlık</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu-area">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex " data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="active menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li class="active"><a href="#">Finance</a></li>
                                            <li><a href="index-2.html">Consulting</a></li>
                                            <li><a href="index-3.html">Insurance</a></li>
                                            <li><a href="index-4.html">Digital Agency</a></li>
                                            <li><a href="index-5.html">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">About Finance</a></li>
                                            <li><a href="about-2.html">About Consulting</a></li>
                                            <li><a href="about-3.html">About Insurance</a></li>
                                            <li><a href="about-4.html">About Digital Agency</a></li>
                                            <li><a href="about-5.html">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Projeler</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#l">Consulting Services</a></li>
                                                    <li><a href="#l">Insurance Services</a></li>
                                                    <li><a href="#l">Agency Services</a></li>
                                                    <li><a href="#l">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="#">Services
                                                    Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a>
                                                    </li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Portfolio Details</a></li>
                                            <li><a href="#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">İletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-action">
                                <ul class="list-wrap">
                                    <li class="header-contact-two">
                                        <div class="icon">
                                            <i class="flaticon flaticon-phone-call"></i>
                                        </div>
                                        <div class="content">
                                            <span>Yardım Hattı</span>
                                            <a href="tel:<?= settings('phone', m_get_session('editor_lang')) ?>"><?= settings('phone', m_get_session('editor_lang')) ?></a>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-logo">
                                <a href="#"><img src="<?= settings('logo', m_get_session('editor_lang')) ?>" alt="Logo"></a>
                            </div>

                            <div class="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->

                </div>
            </div>
        </div>
    </div>

</header>`,
});

Vvveb.Sections.add("menu/menu_style_2", {
name: "<?= lang('sections.menu_style_2') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_2.jpg",
html: `
<div id="header-fixed-height"></div>
<header class="header-style-six">
    <div class="heder-top-wrap">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="header-top-left">
                        <ul class="list-wrap">
                            <li id="address"><i class="flaticon flaticon-location"></i><?= settings('address', m_get_session('editor_lang')) ?></li>
                            <li><i class="flaticon flaticon-mail"></i><a href="mailto:<?= settings('email', m_get_session('editor_lang')) ?>"><?= settings('email', m_get_session('editor_lang')) ?></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="header-top-right">
                        <div class="header-contact">
                            <a href="tel<?= settings('phone', m_get_session('editor_lang')) ?>"><i class="flaticon flaticon-phone-call"></i><?= settings('phone', m_get_session('editor_lang')) ?></a>
                        </div>
                        <div class="header-social">
                            <ul class="social-icons-no-span list-unstyled list-wrap">
                                <li>
                                    <a href="https://facebook.com">
                                        <i class="lab la-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://linkedin.com">
                                        <i class="lab la-linkedin-in" title="linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com">
                                        <i class="lab la-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://instagram.com">
                                        <i class="lab la-instagram"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul class="list-wrap" id="languages">
                                |
                                <?php
                                $languages = languages('data');
                                foreach ($languages as $language) {
                                    ?>
                                    <li><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>"><img
                                                data-component-disable
                                                src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                    </li>
                                    <?php
                                }
                                ?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="sticky-header" class="menu-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex" data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Finance</a></li>
                                            <li><a href="#l">Consulting</a></li>
                                            <li><a href="#l">Insurance</a></li>
                                            <li><a href="#l">Digital Agency</a></li>
                                            <li><a href="#l">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">About Finance</a></li>
                                            <li><a href="#">About Consulting</a></li>
                                            <li><a href="#">About Insurance</a></li>
                                            <li><a href="#">About Digital Agency</a></li>
                                            <li><a href="#">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="active menu-item-has-children"><a href="#">sayfalar</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#">Consulting Services</a></li>
                                                    <li><a href="#">Insurance Services</a></li>
                                                    <li><a href="#">Agency Services</a></li>
                                                    <li><a href="#">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="services-details.html">Services Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a></li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li class="active"><a href="#">Portfolio Details</a></li>
                                            <li><a href="t#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">iletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-action d-none d-md-block">
                                <ul class="list-wrap">
                                    <li class="header-btn"><a href="#" class="btn btn-two">İletişime Geç</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-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="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->

                </div>
            </div>
        </div>
    </div>


</header>
`,
});
Vvveb.Sections.add("menu/menu_style_3", {
name: "<?= lang('sections.menu_style_3') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_3.jpg",
html: `
<header  id="sticky-header" class="transparent-header header-style-three">
    <div  class="menu-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex " data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="active menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li class="active"><a href="#">Finance</a></li>
                                            <li><a href="index-2.html">Consulting</a></li>
                                            <li><a href="index-3.html">Insurance</a></li>
                                            <li><a href="index-4.html">Digital Agency</a></li>
                                            <li><a href="index-5.html">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">About Finance</a></li>
                                            <li><a href="about-2.html">About Consulting</a></li>
                                            <li><a href="about-3.html">About Insurance</a></li>
                                            <li><a href="about-4.html">About Digital Agency</a></li>
                                            <li><a href="about-5.html">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Projeler</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#l">Consulting Services</a></li>
                                                    <li><a href="#l">Insurance Services</a></li>
                                                    <li><a href="#l">Agency Services</a></li>
                                                    <li><a href="#l">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="#">Services
                                                    Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a>
                                                    </li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Portfolio Details</a></li>
                                            <li><a href="#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">İletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-social">
                                <ul class="list-wrap">
                                    <?php
                                    $languages = languages('data');
                                    foreach ($languages as $language) {
                                        ?>
                                        <li><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>"><img
                                                    data-component-disable
                                                    src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                        </li>
                                        <?php
                                    }
                                    ?>
                                </ul>
                            </div>

                            <div class="header-action">
                                <ul class="list-wrap">
                                    <li class="header-contact-two">
                                        <div class="icon">
                                            <i class="flaticon flaticon-phone-call"></i>
                                        </div>
                                        <div class="content">
                                            <span>Yardım Hattı</span>
                                            <a href="tel:<?= settings('phone', m_get_session('editor_lang')) ?>"><?= settings('phone', m_get_session('editor_lang')) ?></a>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-logo">
                                <a href="#"><img src="<?= settings('logo', m_get_session('editor_lang')) ?>" alt="Logo"></a>
                            </div>

                            <div class="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->

                </div>
            </div>
        </div>
    </div>
</header>
`,
});
Vvveb.Sections.add("menu/menu_style_4", {
name: "<?= lang('sections.menu_style_4') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_1.jpg",
html: `
<div id="header-fixed-height"></div>
<header class="header-style-four">
    <div class="heder-top-wrap">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="header-top-left">
                        <ul class="list-wrap">
                            <li id="address">
                                <i class="flaticon flaticon-location"></i><?= settings('address', m_get_session('editor_lang')) ?>
                            </li>
                            <li><i class="flaticon flaticon-mail"></i><a
                                    href="mailto:<?= settings('email', m_get_session('editor_lang')) ?>"><?= settings('email', m_get_session('editor_lang')) ?></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="header-top-right">
                        <div class="header-social">
                            <ul class="social-icons-no-span list-unstyled list-wrap">
                                <li>
                                    <a href="https://facebook.com">
                                        <i class="lab la-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://linkedin.com">
                                        <i class="lab la-linkedin-in" title="linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com">
                                        <i class="lab la-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://instagram.com">
                                        <i class="lab la-instagram"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul class="list-wrap" id="languages">
                                |
                                <?php
                                $languages = languages('data');
                                foreach ($languages as $language) {
                                    ?>
                                    <li><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>"><img
                                                data-component-disable
                                                src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                    </li>
                                    <?php
                                }
                                ?>
                            </ul>
                        </div>
                        <div class="header-top-btn">
                            <a href="#"><i class="flaticon flaticon-briefcase"></i>Ücretsiz Danışmanlık</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="sticky-header" class="menu-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex " data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="active menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li class="active"><a href="#">Finance</a></li>
                                            <li><a href="index-2.html">Consulting</a></li>
                                            <li><a href="index-3.html">Insurance</a></li>
                                            <li><a href="index-4.html">Digital Agency</a></li>
                                            <li><a href="index-5.html">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">About Finance</a></li>
                                            <li><a href="about-2.html">About Consulting</a></li>
                                            <li><a href="about-3.html">About Insurance</a></li>
                                            <li><a href="about-4.html">About Digital Agency</a></li>
                                            <li><a href="about-5.html">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Projeler</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#l">Consulting Services</a></li>
                                                    <li><a href="#l">Insurance Services</a></li>
                                                    <li><a href="#l">Agency Services</a></li>
                                                    <li><a href="#l">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="#">Services
                                                    Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a>
                                                    </li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Portfolio Details</a></li>
                                            <li><a href="#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">İletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-action">
                                <ul class="list-wrap">
                                    <li class="header-contact-two">
                                        <div class="icon">
                                            <i class="flaticon flaticon-phone-call"></i>
                                        </div>
                                        <div class="content">
                                            <span>Yardım Hattı</span>
                                            <a href="tel:<?= settings('phone', m_get_session('editor_lang')) ?>"><?= settings('phone', m_get_session('editor_lang')) ?></a>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-logo">
                                <a href="#"><img src="<?= settings('logo', m_get_session('editor_lang')) ?>" alt="Logo"></a>
                            </div>

                            <div class="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->

                </div>
            </div>
        </div>
    </div>


</header>`,
});
Vvveb.Sections.add("menu/menu_style_5", {
name: "<?= lang('sections.menu_style_5') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_5.jpg",
html: `
<header  id="sticky-header" class="transparent-header header-style-three">
    <div  class="menu-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex " data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="active menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li class="active"><a href="#">Finance</a></li>
                                            <li><a href="index-2.html">Consulting</a></li>
                                            <li><a href="index-3.html">Insurance</a></li>
                                            <li><a href="index-4.html">Digital Agency</a></li>
                                            <li><a href="index-5.html">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">About Finance</a></li>
                                            <li><a href="about-2.html">About Consulting</a></li>
                                            <li><a href="about-3.html">About Insurance</a></li>
                                            <li><a href="about-4.html">About Digital Agency</a></li>
                                            <li><a href="about-5.html">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Projeler</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#l">Consulting Services</a></li>
                                                    <li><a href="#l">Insurance Services</a></li>
                                                    <li><a href="#l">Agency Services</a></li>
                                                    <li><a href="#l">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="#">Services
                                                    Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a>
                                                    </li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Portfolio Details</a></li>
                                            <li><a href="#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">İletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-social">
                                <ul class="list-wrap">
                                    <?php
                                    $languages = languages('data');
                                    foreach ($languages as $language) {
                                        ?>
                                        <li><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>"><img
                                                    data-component-disable
                                                    src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                        </li>
                                        <?php
                                    }
                                    ?>
                                </ul>
                            </div>
                            <div class="header-action d-none d-md-block">
                                <ul class="list-wrap">
                                    <li class="header-btn"><a href="#" class="btn btn-two">İletişime Geç</a></li>
                                </ul>
                            </div>

                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-logo">
                                <a href="#"><img src="<?= settings('logo', m_get_session('editor_lang')) ?>" alt="Logo"></a>
                            </div>

                            <div class="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->

                </div>
            </div>
        </div>
    </div>
</header>
`,
});
Vvveb.Sections.add("menu/menu_style_6", {
name: "<?= lang('sections.menu_style_6') ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/menu_style_6.jpg",
html: `
<header class="transparent-header">
    <div class="heder-top-wrap">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="header-top-left">
                        <ul class="list-wrap">
                            <li id="address"><i class="flaticon flaticon-location"></i><?= settings('address', m_get_session('editor_lang')) ?></li>
                            <li><i class="flaticon flaticon-mail"></i><a href="mailto:<?= settings('email', m_get_session('editor_lang')) ?>"><?= settings('email', m_get_session('editor_lang')) ?></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="header-top-right">
                        <div class="header-contact">
                            <a href="tel<?= settings('phone', m_get_session('editor_lang')) ?>"><i class="flaticon flaticon-phone-call"></i><?= settings('phone', m_get_session('editor_lang')) ?></a>
                        </div>
                        <div class="header-social">
                            <ul class="social-icons-no-span list-unstyled list-wrap">
                                <li>
                                    <a href="https://facebook.com">
                                        <i class="lab la-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://linkedin.com">
                                        <i class="lab la-linkedin-in" title="linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com">
                                        <i class="lab la-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://instagram.com">
                                        <i class="lab la-instagram"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul class="list-wrap" id="languages">
                                |
                                <?php
                                $languages = languages('data');
                                foreach ($languages as $language) {
                                    ?>
                                    <li><a href="<?= DOMAIN ?>/?lang=<?= $language['lang_code'] ?>"><img
                                                data-component-disable
                                                src="<?= ADMIN_FOLDER ?>/model/languages/flags/<?= $language['lang_code'] ?>.svg"></a>
                                    </li>
                                    <?php
                                }
                                ?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="sticky-header" class="menu-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler"><i class="la la-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="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="navbar-wrap main-menu d-none d-lg-flex" data-component-menu data-id="">
                                <ul class="navigation" data-vvveb-disabled-noback>
                                    <li class="menu-item-has-children"><a href="#">Ana Sayfa</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Finance</a></li>
                                            <li><a href="#l">Consulting</a></li>
                                            <li><a href="#l">Insurance</a></li>
                                            <li><a href="#l">Digital Agency</a></li>
                                            <li><a href="#l">Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Hakkımızda</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">About Finance</a></li>
                                            <li><a href="#">About Consulting</a></li>
                                            <li><a href="#">About Insurance</a></li>
                                            <li><a href="#">About Digital Agency</a></li>
                                            <li><a href="#">About Business</a></li>
                                        </ul>
                                    </li>
                                    <li class="active menu-item-has-children"><a href="#">sayfalar</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><a href="#">Services</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Finance Services</a></li>
                                                    <li><a href="#">Consulting Services</a></li>
                                                    <li><a href="#">Insurance Services</a></li>
                                                    <li><a href="#">Agency Services</a></li>
                                                    <li><a href="#">Business Services</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><a href="services-details.html">Services Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Services Details One</a></li>
                                                    <li><a href="#">Services Details Two</a></li>
                                                    <li><a href="#">Services Details Three</a></li>
                                                    <li><a href="#">Services Details Four</a></li>
                                                    <li><a href="#">Services Details Five</a></li>
                                                </ul>
                                            </li>
                                            <li class="active"><a href="#">Portfolio Details</a></li>
                                            <li><a href="t#">Team Details</a></li>
                                            <li><a href="#">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Our Blog</a></li>
                                            <li><a href="#">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">iletişim</a></li>
                                </ul>
                            </div>
                            <div class="header-action d-none d-md-block">
                                <ul class="list-wrap">
                                    <li class="header-btn"><a href="#" class="btn btn-two">İletişime Geç</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="la la-times"></i></div>
                            <div class="nav-logo mobile-menu-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="menu-outer">
                                <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                            </div>
                            <div class="social-links ">
                                <ul class="clearfix list-wrap mobile-menu-social-links">

                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>

                </div>
            </div>
        </div>
    </div>


</header>`,
});