Navigation.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // components/NavigationComponent.js
  2. import Link from "next/link";
  3. import Image from "next/image";
  4. import HelpButton from "./HelpButton";
  5. import LoginButton from "./LoginButton";
  6. import LogoutButton from "./LogoutButton";
  7. export default function NavigationComponent() {
  8. return (
  9. <nav className="bg-slate-50 border-b-1 border-slate-200">
  10. <div className="w-screen px-6 flex justify-between items-center">
  11. {/* Logo */}
  12. <div className="text-white text-xl font-bold">
  13. <Link href="/">
  14. <Image
  15. src="/images/LogoNav.png"
  16. alt="Logo von Reifen Helm"
  17. width={250}
  18. height={150}
  19. />
  20. </Link>
  21. </div>
  22. {/* Navigation Links */}
  23. <div className="flex items-center space-x-4">
  24. {/* Help Button with Modal */}
  25. <HelpButton />
  26. <h3 className="font-poppins font-semibold">Lieferscheine Service</h3>
  27. <div className="h-10 border-1 border-slate-300"></div>
  28. {/* Login Button */}
  29. <LoginButton />
  30. {/* Logout Button */}
  31. <LogoutButton />
  32. </div>
  33. </div>
  34. </nav>
  35. );
  36. }