Fix nav

src/components/marketing/sections/cta-sections/logoShowcase.vue

@@ -1,11 +1,12 @@
 <template>
   <section class="py-10 pb-8 px-4 text-center">
     <div class="max-w-4xl mx-auto mb-4" v-if="main">
-      <h2 class="lg:text-6xl uppercase leading-tight mb-6 font-bold font-heading">
+      <h2
+        class="lg:text-6xl uppercase leading-tight mb-6 font-bold font-heading"
+      >
         {{ main.title }}
       </h2>
       <p class="text-gray-400 leading-relaxed"></p>
-       
     </div>
     <div
       v-if="id == 'support' || id == 'community'"
@@ -20,9 +21,9 @@
           <g-image :src="img(logo.image)" />
         </a>
 
-        <g-link v-else :href="logo.url">
+        <a v-else :href="logo.url">
           <g-image :src="img(logo.image)" />
-        </g-link>
+        </a>
       </div>
     </div>
     <div v-else class="flex flex-wrap -mx-8">
@@ -35,26 +36,25 @@
         <g-image :src="img(logo.image)" />
       </a>
     </div>
-   <a
+    <a
-        class="
+      class="
-          inline-block
+        inline-block
-          bg-white
+        bg-white
-          text-lg
+        text-lg
-          learn-button
+        learn-button
-          hover:bg-gray-400
+        hover:bg-gray-400
-          px-12
+        px-12
-          py-1
+        py-1
-          mr-5
+        mr-5
-          my-4
+        my-4
-          border-2
+        border-2
-          shadow
+        shadow
-          border-black
+        border-black
-        "
+      "
-        v-if="main.button"
+      v-if="main.button"
-        :href="main.link"
+      :href="main.link"
-        >{{ main.button }}</a
+      >{{ main.button }}</a
-      >
+    >
-    
   </section>
 </template>
 

src/layouts/partials/HeaderWithNavbar.vue

@@ -39,9 +39,9 @@
                 class="animated-link"
                 >{{ element.name }}</a
               >
-              <g-link v-else :to="element.link" class="animated-link">{{
+              <a v-else :href="element.link" class="animated-link">{{
                 element.name
-              }}</g-link>
+              }}</a>
             </li>
           </ul>
         </div>