<template>
  <header class="site--header">
    <div class="container">
      <nav class="header--nav">
        <div class="row">
          <div class="col-6 col-md-2 logo--box">
            <nuxt-link to="/" class="logo">
              <IconsLogo/>
            </nuxt-link>
          </div>
          <div class="col-9 d-none d-md-block nav--links">
            <ul class="relativePos">
              <li>
                <nuxt-link :to="{name: 'index'}" exact>صفحه اصلی</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'menu'}">منو</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'cateringmenu'}">منو کترینگ</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'about'}">درباره ما</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'subscriber-affairs'}">امور مشترکین</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'gallery'}">گالری تصاویر</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'social-responsibility'}">مسئولیت اجتماعی</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name: 'franchise'}">فرانچایز</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name:'contact'}">تماس با ما</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name:'applanding2'}">دانلود اپلیکیشن</nuxt-link>
              </li>
              <li>
                <nuxt-link :to="{name:'qrlanding'}">شبکه های اجتماعی</nuxt-link>
              </li>
            </ul>
          </div>
          <div class="col-6 col-md-1 reservation relativePos">
            <nuxt-link to="/reservation">
              <IconsReservation/>
            </nuxt-link>
          </div>
        </div>
      </nav>
    </div>
  </header>
</template>

<script>
export default {
  mounted() {
  }
}
</script>
