"use client"; import { Link } from "react-router-dom"; import { useState } from "react"; import { Navbar, NavBody, NavItems, MobileNav, NavbarLogo, NavbarButton, MobileNavHeader, MobileNavToggle, MobileNavMenu, } from "@/components/ui/resizable-navbar"; import Logo from "@/components/Logo"; const Header = () => { const navItems = [ { name: "Über uns", link: "#about" }, { name: "Leistungen", link: "#services" }, { name: "Projekte", link: "#projects" }, { name: "Ablauf", link: "#process" }, ]; const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); return (
{/* Desktop Navigation */} Webklar
Kontakt
{/* Mobile Navigation */} Webklar setIsMobileMenuOpen(!isMobileMenuOpen)} /> setIsMobileMenuOpen(false)} > {navItems.map((item, idx) => ( setIsMobileMenuOpen(false)} className="relative text-neutral-600 dark:text-neutral-300" > {item.name} ))}
setIsMobileMenuOpen(false)}> Kontakt
); }; export default Header;