Reordered navigation menu: Moved Projects to follow About

Author: devohme-id

assets/js/components.js

@@ -15,9 +15,9 @@ export function renderNavbar(activePage = 'home') {
                     <div class="ml-10 flex items-center space-x-8">
                         <a href="${baseUrl}#home" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Home</a>
                         <a href="${baseUrl}#about" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">About</a>
+                        <a href="${baseUrl}#showcase" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Projects</a>
                         <a href="${baseUrl}#experience" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Experience</a>
                         <a href="${baseUrl}#skills" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Skills</a>
-                        <a href="${baseUrl}#showcase" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Projects</a>
                         <a href="${baseUrl}#achievements" class="nav-link text-slate-600 hover:text-blue-600 dark:text-slate-300 dark:hover:text-blue-400 transition-colors px-3 py-2 rounded-md text-sm font-medium">Achievements</a>
                         <a href="${baseUrl}#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full text-sm font-medium transition-all">Contact Me</a>
 
@@ -51,9 +51,9 @@ export function renderNavbar(activePage = 'home') {
             <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
                 <a href="${baseUrl}#home" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Home</a>
                 <a href="${baseUrl}#about" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">About</a>
+                <a href="${baseUrl}#showcase" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Projects</a>
                 <a href="${baseUrl}#experience" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Experience</a>
                 <a href="${baseUrl}#skills" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Skills</a>
-                <a href="${baseUrl}#showcase" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Projects</a>
                 <a href="${baseUrl}#achievements" class="mobile-link text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 hover:text-slate-900 dark:hover:text-white block px-3 py-2 rounded-md text-base font-medium">Achievements</a>
                 <a href="${baseUrl}#contact" class="mobile-link bg-blue-600 text-white block px-3 py-2 rounded-md text-base font-medium mt-4">Contact Me</a>
             </div>