навигационное верхнее меню не отображается

components/navbar.js

@@ -59,3 +59,8 @@ class CustomNavbar extends HTMLElement {
               <a href="/seo-spetsialist-seo-optimizator" class="text-zinc-700 hover:text-primary transition duration-300 py-2">Вакансии</a>
             </div>
           </div>
+        </div>
+      </nav>
+    `;
+  }
+}

style.css

@@ -1,3 +1,17 @@
+
+/* Navbar styles */
+.navbar {
+  position: fixed;
+  width: 100%;
+  z-index: 50;
+  transition: all 0.3s ease;
+}
+
+.navbar.scrolled {
+  background-color: white !important;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
 /* Custom animations */
 @keyframes fadeIn {
     from { opacity: 0; transform: translateY(20px); }