End

components/header/SiteHeader.vue

@@ -60,17 +60,37 @@
               :class="$route.name.includes('download') && 'active'"
               tag="li"
             >
-              <a>دانلود</a>
+              <a>دانلود ها</a>
             </nuxt-link>
-            <nuxt-link :to="{ name: 'about' }" tag="li">
-              <a>درباره ما</a>
-            </nuxt-link>
-            <li>
-              <a href="https://jobs.asan-service.com" >همکاری</a>
+
+            <li
+              class="dropDown-container contactus"
+              :class="contactusDropDownActiveClass && 'active'"
+              @mouseenter="openDrop('contactus')"
+              @mouseleave="closeDrop('contactus')"
+            >
+              <a>
+                <span>ارتباط با ما</span>
+                <i class="fas fa-angle-down"></i>
+              </a>
+
+              <div class="drop-down">
+                <nuxt-link :to="{ name: 'about' }">درباره ما </nuxt-link>
+                <nuxt-link :to="{ name: 'contact' }" >تماس با ما </nuxt-link>
+                <a href="https://jobs.asan-service.com" >همکاری</a>
+                
+              </div>
             </li>
-            <nuxt-link :to="{ name: 'contact' }" tag="li">
-              <a>ارتباط با ما</a>
+
+            <nuxt-link
+              :to="{ name: 'complaint'}"
+              :class="$route.name.includes('complaint') && 'active'"
+              tag="li"
+            >
+              <a>ثبت شکایت</a>
             </nuxt-link>
+
+          
           </ul>
         </nav>
         <nav class="col-2 d-none d-lg-flex account">
@@ -115,6 +135,9 @@ export default {
     agentsDropDownActiveClass() {
       return this.$route.name === 'representation' || this.$route.name === 'agent-benefits'
     },
+    contactusDropDownActiveClass() {
+      return this.$route.name === 'about' || this.$route.name === 'contact' 
+    },
     fullName() {
       return this.$auth.user.first_name + ' ' + this.$auth.user.last_name
     }
@@ -129,3 +152,7 @@ export default {
   }
 }
 </script>
+<style scoped>
+
+
+</style>