- <header class="komili-header">
-     <div class="komili-wrapper">
-         <a href="{{ path('home') }}">
-             <img src="{{ asset('img/komili-logo.svg') }}" alt="Komili" width="105" height="50">
-         </a>
-         <div class="komili-header-right">
-             <a href="javascript:;" class="komili-mobile-hamb">
-                 <img src="{{ asset('img/icon-hamb.svg') }}" alt="Mobil Menü">
-             </a>
-             <nav class="komili-nav">
-                 <a href="havascript:;" class="komili-hamb-close">
-                     <img src={{ asset('img/icon-close.svg')}} alt="{{ 'Close'|trans }}">
-                 </a>
-                 <ul>
-                     <li>
-                         <a href="{{ path('product', {'_locale': app.request.locale}) }}"
-                            title="{{ 'PRODUCT'|trans }}">{{ 'PRODUCT'|trans }}</a>
-                     </li>
-                     <li>
-                         <a href="{{ path('blog', {'_locale': app.request.locale}) }}"
-                            title="{{ 'BLOG'|trans }}">{{ 'BLOG'|trans }}</a>
-                     </li>
-                     <li>
-                         <a href="{{ path('about', {'_locale': app.request.locale}) }}"
-                            title="{{ 'ABOUT'|trans }}">{{ 'ABOUT'|trans }}</a>
-                     </li>
-                     <li>
-                         <a href="{{ path('contact', {'_locale': app.request.locale}) }}"
-                            title="{{ 'CONTACT'|trans }}">{{ 'CONTACT'|trans }}</a>
-                     </li>
-                     <li class="komili-search">
-                         <a href="javascript:;" title="Ara">
-                             <img src="{{ asset('img/icon-search.svg') }}" alt="{{ 'Search'|trans }}">
-                         </a>
-                         <div class="komili-search-box">
-                             <input type="text" class="form-input" placeholder="{{ 'Search...'|trans }}">
-                         </div>
-                     </li>
-                     
-                   <li class="komili-lang">
-                       <a href="javascript:;" title="Dil Seçimi">{{ app.request.get('_locale') | upper}} <img src="{{ asset('img/icon-right.svg') }}" alt=""></a>
-                        <ul>
-                           <li>
-                                <a href="{{ url('home', {'_locale': 'tr'}) }}" {% if app.request.get('_locale') == 'tr' %}class="link-s"{% endif %}>Türkçe</a>
-                            </li>
-                             <li>
-                                 <a href="{{ url('home', {'_locale': 'en'}) }}" {% if app.request.get('_locale') == 'en' %}class="link-s"{% endif %}>English</a>
-                           </li>
-                      </ul>
-                   </li>
-                     <li class="komili-social">
-                         <a href="https://www.instagram.com/komili_tr/" target="_blank" title="Instagram">
-                             <img src="{{ asset('img/icon-instagram.svg') }}" alt="Instagram" loading="lazy" width="24" height="24">
-                         </a>
-                     </li>
-                     <li class="komili-social">
-                         <a href="https://www.facebook.com/Komilitr" title="Facebook" target="_blank">
-                             <img src="{{ asset('img/icon-facebook.svg') }}" alt="Facebook" loading="lazy" width="24"
-                                  height="24">
-                         </a>
-                     </li>
-                     <li class="komili-social">
-                         <a href="https://twitter.com/Komili_1878" title="Twitter" target="_blank">
-                             <img src="{{ asset('img/icon-twitter.svg') }}" alt="Twitter" loading="lazy" width="24" height="24">
-                         </a>
-                     </li>
-                 </ul>
-             </nav>
-         </div>
-     </div>
- </header>