show case slider connected to backend

components/layout/navbar.tsx

@@ -33,15 +33,6 @@ export function Navbar() {
     }),
   });
 
-  console.log({ navbarItems });
-
-  const tabs = [
-    { name: t("navbar.about"), value: "" },
-    { name: t("about.subPages.baza"), value: "baza" },
-    { name: t("about.subPages.certificate"), value: "sertificate" },
-    { name: t("about.subPages.notePP"), value: "notePP" },
-  ];
-
   useEffect(() => {
     const handleScroll = () => {
       setScrolled(window.scrollY > 50);
@@ -110,13 +101,14 @@ export function Navbar() {
                     {item.children.length > 0 && (
                       <DropdownMenuContent className="space-y-2">
                         {item.children.map((child: NavbarItem) => (
-                          <Link
-                            key={child.id}
-                            href={`/${locale}/${child.url}`}
-                            className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
-                          >
-                            {child.name}
-                          </Link>
+                          <DropdownMenuItem asChild key={child.id}>
+                            <Link
+                              href={`/${locale}/${child.url}`}
+                              className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
+                            >
+                              {child.name}
+                            </Link>
+                          </DropdownMenuItem>
                         ))}
                       </DropdownMenuContent>
                     )}