feat: add import to WebsiteNavbar for mobile menu toggle (#697)

* feat: add Bars3Icon import to WebsiteNavbar for mobile menu toggle

* feat: enhance logo styling in WebsiteNavbar for improved visual appeal

* fix: update documentation links for API, MCP, and Authentication sections

Author: denisdobra10

docs-v3/.data/content/contents.sqlite

@@ -14,12 +14,12 @@
           </button>
 
           <!-- Logo -->
-          <NuxtLink to="/" class="flex items-center ml-2 lg:ml-0">
-            <div class="w-8 h-8 bg-gradient-to-br from-red-500 to-red-600 rounded-lg flex items-center justify-center">
-              <span class="text-white font-bold text-lg">R</span>
-            </div>
-            <span class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
-              Laravel Restify
+          <NuxtLink to="/" class="flex items-center ml-2 lg:ml-0 group">
+            <span class="text-2xl font-bold tracking-tight">
+              <span class="bg-gradient-to-r from-gray-900 via-gray-700 to-gray-900 dark:from-white dark:via-gray-200 dark:to-white bg-clip-text text-transparent drop-shadow-sm">
+                Laravel Restify
+              </span>
+              <span class="inline-block w-2 h-2 ml-0.5 mb-1 rounded-full bg-gradient-to-br from-red-500 to-red-600 shadow-lg shadow-red-500/50 group-hover:shadow-red-500/70 group-hover:scale-110 transition-all duration-300"></span>
             </span>
           </NuxtLink>
         </div>
@@ -156,6 +156,8 @@
 </template>
 
 <script setup lang="ts">
+import { Bars3Icon } from '@heroicons/vue/24/outline'
+
 // Mobile menu state
 const isMobileMenuOpen = ref(false)
 

docs-v3/components/website/WebsiteNavbar.vue

@@ -32,7 +32,7 @@
 
         <!-- API Reference -->
         <NuxtLink
-          to="/docs/api"
+          to="/docs/api/repositories"
           class="group block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-300 dark:hover:border-blue-600 transition-colors hover:shadow-lg"
         >
           <div class="flex items-center mb-4">
@@ -50,7 +50,7 @@
 
         <!-- MCP Integration -->
         <NuxtLink
-          to="/docs/mcp"
+          to="/docs/mcp/mcp"
           class="group block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-600 transition-colors hover:shadow-lg"
         >
           <div class="flex items-center mb-4">
@@ -66,7 +66,7 @@
 
         <!-- Authentication -->
         <NuxtLink
-          to="/docs/auth"
+          to="/docs/auth/authentication"
           class="group block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-green-300 dark:hover:border-green-600 transition-colors hover:shadow-lg"
         >
           <div class="flex items-center mb-4">
@@ -145,7 +145,7 @@
               <div class="mt-2 text-sm text-blue-700 dark:text-blue-300">
                 <p>
                   Laravel Restify now supports automatic MCP server generation! Enable AI agents to interact with your APIs seamlessly.
-                  <NuxtLink to="/docs/mcp" class="font-medium underline hover:text-blue-600 dark:hover:text-blue-100">
+                  <NuxtLink to="/docs/mcp/mcp" class="font-medium underline hover:text-blue-600 dark:hover:text-blue-100">
                     Learn more →
                   </NuxtLink>
                 </p>