@@ -50,6 +50,17 @@ const { isMobile } = useSidebar();
5050 <!-- Unified Play and Community menus for all screen sizes -->
5151 <NavigationMenu >
5252 <NavigationMenuList class="flex items-center">
53+ <NavigationMenuItem class="hidden md:block ">
54+ <NavigationMenuLink as-child>
55+ <NuxtLink
56+ to="/my-matches"
57+ class="uppercase font-bold px-4 py-2 transition-colors duration-150 border-none outline-none focus:ring-0 hover:text-green-300 rounded bg-transparent"
58+ >
59+ {{ $t("layouts.top_nav.home") }}
60+ </NuxtLink >
61+ </NavigationMenuLink >
62+ </NavigationMenuItem >
63+
5364 <!-- Play menu with hero card -->
5465 <NavigationMenuItem >
5566 <NavigationMenuTrigger
@@ -82,16 +93,16 @@ const { isMobile } = useSidebar();
8293 </NuxtLink >
8394 </NavigationMenuLink >
8495 </li >
85- <li >
96+ <NavigationMenuItem class="block md: hidden " >
8697 <NavigationMenuLink as-child>
8798 <NuxtLink
88- to="/matches"
99+ to="/my- matches"
89100 class="block w-full text-left px-4 py-2 uppercase font-bold text-sm transition-colors duration-150 border-none outline-none hover:text-green-300 "
90101 >
91- {{ $t("layouts.top_nav.play.view_previous_matches ") }}
102+ {{ $t("layouts.top_nav.my_matches ") }}
92103 </NuxtLink >
93104 </NavigationMenuLink >
94- </li >
105+ </NavigationMenuItem >
95106 </ul >
96107 <div
97108 class =" flex flex-col items-center justify-center bg-[#18181b] rounded-t-lg md:rounded-l-lg md:rounded-tr-none p-6 min-w-[120px] max-w-[200px]"
@@ -106,7 +117,7 @@ const { isMobile } = useSidebar();
106117 </div >
107118 </NavigationMenuContent >
108119 </NavigationMenuItem >
109- <NavigationMenuItem >
120+ <NavigationMenuItem class="hidden md: block " >
110121 <NavigationMenuLink as-child>
111122 <NuxtLink
112123 to="/watch"
@@ -134,6 +145,21 @@ const { isMobile } = useSidebar();
134145 <div
135146 class =" text-xs font-bold text-neutral-400 mb-2 uppercase tracking-widest"
136147 ></div >
148+ <li class =" block md:hidden" >
149+ <NavigationMenuLink as-child>
150+ <NuxtLink
151+ to="/watch"
152+ class="flex flex-col px-2 py-2 rounded hover:text-green-300 transition-colors"
153+ >
154+ <span class =" block font-bold" >{{
155+ $t("layouts.top_nav.community.watch.title")
156+ }}</span >
157+ <span class =" block text-xs text-neutral-400" >{{
158+ $t("layouts.top_nav.community.watch.subtitle")
159+ }}</span >
160+ </NuxtLink >
161+ </NavigationMenuLink >
162+ </li >
137163 <li >
138164 <NavigationMenuLink as-child>
139165 <NuxtLink
0 commit comments