diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index c31528d..9de7f3b 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -15,11 +15,18 @@ const Header = () => {
const [searchQuery, setSearchQuery] = useState('');
const baseUrl = import.meta.env.BASE_URL;
+ const privateSubItems = [
+ {
+ name: t('houseAndApartment', 'Haus & Wohnung'),
+ href: '/sachversicherung',
+ icon: Home,
+ },
+ { name: t('health', 'Gesundheit'), href: '/gesundheitsvorsorge', icon: Shield },
+ ];
+
const navigation = [
{ name: t('home'), href: '/', icon: Home },
{ name: t('privateCustomers'), href: '/privatkunden', icon: Users },
- { name: t('houseAndApartment', 'Haus & Wohnung'), href: '/sachversicherung', icon: Home },
- { name: t('health', 'Gesundheit'), href: '/gesundheitsvorsorge', icon: Shield },
{ name: t('familiesAndChildren', 'Familien & Kinder'), href: '/familien-kinder', icon: Users },
{ name: t('seniors'), href: '/senioren', icon: Shield },
{ name: t('businessCustomers'), href: '/geschaeftskunden', icon: Truck },
@@ -34,6 +41,7 @@ const Header = () => {
const searchItems = [
...navigation,
...rightMenuItems,
+ ...privateSubItems,
{ name: t('accidentInsurance', 'Unfall'), href: '/unfall', icon: Shield },
{ name: t('carInsurance', 'KFZ'), href: '/kfz', icon: Truck },
{ name: t('services', 'Leistungen'), href: '/leistungen', icon: FileText },
@@ -189,21 +197,61 @@ const Header = () => {
{navigation.map((item) => {
const Icon = item.icon;
- const isActive = location.pathname === item.href;
+ const isPrivatkunden = item.href === '/privatkunden';
+ const isActive = isPrivatkunden
+ ? location.pathname === '/privatkunden' || privateSubItems.some((x) => location.pathname.startsWith(x.href))
+ : location.pathname === item.href;
+
+ if (!isPrivatkunden) {
+ return (
+
+
+
{item.name}
+
+ );
+ }
return (
-
-
-
{item.name}
-
+
+
+
+
{item.name}
+
+
+
+
+ {privateSubItems.map((sub) => (
+
+
+ {sub.name}
+
+ ))}
+
+
+
);
})}
@@ -260,19 +308,40 @@ const Header = () => {
const isActive = location.pathname === item.href;
return (
- setIsMenuOpen(false)}
- className={`flex items-center space-x-3 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
- isActive
- ? 'text-blue-600 bg-blue-50'
- : 'text-gray-700 hover:text-blue-600 hover:bg-gray-50'
- }`}
- >
-
- {item.name}
-
+
+
setIsMenuOpen(false)}
+ className={`flex items-center space-x-3 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
+ isActive
+ ? 'text-blue-600 bg-blue-50'
+ : 'text-gray-700 hover:text-blue-600 hover:bg-gray-50'
+ }`}
+ >
+
+
{item.name}
+
+
+ {item.href === '/privatkunden' && (
+
+ {privateSubItems.map((sub) => (
+ setIsMenuOpen(false)}
+ className={`flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
+ location.pathname.startsWith(sub.href)
+ ? 'text-blue-600 bg-blue-50'
+ : 'text-gray-700 hover:text-blue-600 hover:bg-gray-50'
+ }`}
+ >
+
+ {sub.name}
+
+ ))}
+
+ )}
+
);
})}