fix

components/footer/SiteFooter.vue

@@ -16,9 +16,9 @@ class="site--footer" style="position: relative;
                   <ul style="display: flex;">
                    
                     <li v-for="(item, i) in brands" :key="i">
-                      <a :href="'/brands/'+item._id">
+                      <NuxtLink  :to="{ name:'brands-item' , params: { item: item._id } }">
                         <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
-                      </a>
+                      </NuxtLink >
                     </li>
                   
                   </ul>

pages/brands/_item.vue

@@ -0,0 +1,72 @@
+<template>
+    <div class="bg-img-in">
+      <user-dashboard-container page-class="complaint" panel-title="ثبت شکایت" class="panelx">
+        <div class="row">
+          <div class="col-lg-6 col-sm-12 p-3">
+        
+             
+  
+              <p>مشتری گرامی شما میتوانید شکایت خود را از طریق فرم زیر با ما در میان بگذارید</p>
+            
+          </div>
+          <div class="col-lg-6 col-sm-12 p-3">
+            <p>{{ config.complaint }}</p>
+          </div>
+        
+  
+          
+        </div>
+      </user-dashboard-container>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'PublicBrands',
+  
+    data() {
+      return {
+       form:{
+        brands:true
+       },
+      }
+    },
+    computed: {
+      config() {
+        return this.$config
+      }
+    },
+    mounted() {},
+
+  }
+  </script>
+  <style lang="scss" scoped>
+  .err{
+        box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
+      -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
+      -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
+      border: 2px solid rgba(255, 0, 0, 0.2);
+      border-radius: 8px;
+  }
+  .bg-img-in {
+    background: url(@/static/assets/img/home/bg3.jpeg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    border-top: groove;
+  }
+  .panelx {
+    margin-top: 20%;
+    margin-left: auto;
+    margin-right: auto;
+    width: 80% !important;
+  }
+  
+  .el-switch__label--right {
+    margin-right: 10px !important;
+  }
+  
+  .el-switch__label--left {
+    margin-left: 10px !important;
+  }
+  </style>
+