feat: add Login navigation and beautiful staff authentication page (fully translated sv/en/hi/ur, mobile-optimized form with Askim/Backaplan dropdown, premium theme graphics, placeholder 'backend under construction' message)

components/Navbar.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from "react";
 import Link from "next/link";
 import { useCart } from "./CartContext";
-import { ShoppingBag, ArrowRight, Home, UtensilsCrossed, MapPin, Star, Phone, X } from "lucide-react";
+import { ShoppingBag, ArrowRight, Home, UtensilsCrossed, MapPin, Star, Phone, X, LogIn } from "lucide-react";
 import LanguageSwitcher from "./LanguageSwitcher";
 import { useLanguage } from "@/lib/language-context";
 import { getTranslation } from "@/lib/translations";
@@ -39,6 +39,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
     { href: "/", label: t.nav.home },
     { href: "/menu", label: t.nav.menu },
     { href: "/locations", label: t.nav.locations },
+    { href: "/login", label: t.nav.login },
     { href: "/#experience", label: t.nav.experience },
     { href: "/#contact", label: t.nav.contact },
   ];
@@ -232,6 +233,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
                     link.href === '/' ? Home :
                     link.href === '/menu' ? UtensilsCrossed :
                     link.href === '/locations' ? MapPin :
+                    link.href === '/login' ? LogIn :
                     link.href.includes('experience') ? Star : Phone;
 
                   return (