@@ -13,14 +13,12 @@ import { EXTERNAL_LINKS } from "@/lib/constants"
1313import { useLogoSrc } from "@/lib/hooks/use-logo-src"
1414import { ScrollButton } from "@/components/ui"
1515import ThemeToggle from "@/components/chromes/theme-toggle"
16- import { Puzzle , X } from "lucide-react"
16+ import { X } from "lucide-react"
1717import {
1818 NavigationMenu ,
19- NavigationMenuContent ,
2019 NavigationMenuItem ,
2120 NavigationMenuLink ,
2221 NavigationMenuList ,
23- NavigationMenuTrigger ,
2422 navigationMenuTriggerStyle ,
2523} from "@/components/ui/navigation-menu"
2624import { cn } from "@/lib/utils"
@@ -46,83 +44,38 @@ export function NavBar({ stars, downloads }: NavBarProps) {
4644 { /* Desktop Navigation */ }
4745 < NavigationMenu className = "grow ml-6 hidden text-sm md:flex" >
4846 < NavigationMenuList >
49- { /* Product Dropdown */ }
5047 < NavigationMenuItem >
51- < NavigationMenuTrigger className = "bg-transparent font-light" > Product</ NavigationMenuTrigger >
52- < NavigationMenuContent >
53- < ul className = "grid min-w-[260px] gap-1 p-2" >
54- < li >
55- < NavigationMenuLink asChild >
56- < Link
57- href = "/extension"
58- className = "flex items-center select-none rounded-md px-3 py-2 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground" >
59- < Puzzle className = "size-3 mr-2" />
60- Roo Code VS Code Extension
61- </ Link >
62- </ NavigationMenuLink >
63- </ li >
64- </ ul >
65- </ NavigationMenuContent >
48+ < NavigationMenuLink
49+ asChild
50+ className = { cn ( navigationMenuTriggerStyle ( ) , "bg-transparent font-light" ) } >
51+ < a href = { EXTERNAL_LINKS . DOCUMENTATION } target = "_blank" >
52+ Docs
53+ </ a >
54+ </ NavigationMenuLink >
6655 </ NavigationMenuItem >
6756
68- { /* Resources Dropdown */ }
6957 < NavigationMenuItem >
70- < NavigationMenuTrigger className = "bg-transparent font-light" >
71- Resources
72- </ NavigationMenuTrigger >
73- < NavigationMenuContent >
74- < ul className = "grid min-w-[260px] gap-1 p-2" >
75- < li >
76- < NavigationMenuLink asChild >
77- < Link
78- href = "/blog"
79- className = "block select-none rounded-md px-3 py-2 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground" >
80- Blog
81- </ Link >
82- </ NavigationMenuLink >
83- </ li >
84- < li >
85- < NavigationMenuLink asChild >
86- < Link
87- href = "/evals"
88- className = "block select-none rounded-md px-3 py-2 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground" >
89- Evals
90- </ Link >
91- </ NavigationMenuLink >
92- </ li >
93- < li >
94- < NavigationMenuLink asChild >
95- < a
96- href = { EXTERNAL_LINKS . DISCORD }
97- target = "_blank"
98- rel = "noopener noreferrer"
99- className = "block select-none rounded-md px-3 py-2 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground" >
100- Discord
101- </ a >
102- </ NavigationMenuLink >
103- </ li >
104- < li >
105- < NavigationMenuLink asChild >
106- < a
107- href = { EXTERNAL_LINKS . SECURITY }
108- target = "_blank"
109- rel = "noopener noreferrer"
110- className = "block select-none rounded-md px-3 py-2 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground" >
111- Trust Center
112- </ a >
113- </ NavigationMenuLink >
114- </ li >
115- </ ul >
116- </ NavigationMenuContent >
58+ < NavigationMenuLink
59+ asChild
60+ className = { cn ( navigationMenuTriggerStyle ( ) , "bg-transparent font-light" ) } >
61+ < Link href = "/blog" > Blog</ Link >
62+ </ NavigationMenuLink >
11763 </ NavigationMenuItem >
11864
119- { /* Docs Link */ }
12065 < NavigationMenuItem >
12166 < NavigationMenuLink
12267 asChild
12368 className = { cn ( navigationMenuTriggerStyle ( ) , "bg-transparent font-light" ) } >
124- < a href = { EXTERNAL_LINKS . DOCUMENTATION } target = "_blank" >
125- Docs
69+ < Link href = "/evals" > Evals</ Link >
70+ </ NavigationMenuLink >
71+ </ NavigationMenuItem >
72+
73+ < NavigationMenuItem >
74+ < NavigationMenuLink
75+ asChild
76+ className = { cn ( navigationMenuTriggerStyle ( ) , "bg-transparent font-light" ) } >
77+ < a href = { EXTERNAL_LINKS . DISCORD } target = "_blank" rel = "noopener noreferrer" >
78+ Discord
12679 </ a >
12780 </ NavigationMenuLink >
12881 </ NavigationMenuItem >
@@ -179,63 +132,37 @@ export function NavBar({ stars, downloads }: NavBarProps) {
179132 < a
180133 href = { EXTERNAL_LINKS . DOCUMENTATION }
181134 target = "_blank"
182- className = "block w-full p-5 text-left text-foreground active:opacity-50"
135+ className = "block w-full p-5 py-4 text-left text-foreground active:opacity-50"
183136 onClick = { ( ) => setIsMenuOpen ( false ) } >
184137 Docs
185138 </ a >
186- { /* Product Section */ }
187- < div className = "mt-4 w-full" >
188- < div className = "px-5 pb-2 pt-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground" >
189- Product
190- </ div >
191- < Link
192- href = "/extension"
193- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
194- onClick = { ( ) => setIsMenuOpen ( false ) } >
195- Roo Code VS Code Extension
196- </ Link >
197- </ div >
198139
199- { /* Resources Section */ }
200- < div className = "mt-4 w-full" >
201- < div className = "px-5 pb-2 pt-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground" >
202- Resources
203- </ div >
204- < Link
205- href = "/blog"
206- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
207- onClick = { ( ) => setIsMenuOpen ( false ) } >
208- Blog
209- </ Link >
210- < ScrollButton
211- targetId = "faq"
212- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
213- onClick = { ( ) => setIsMenuOpen ( false ) } >
214- FAQ
215- </ ScrollButton >
216- < Link
217- href = "/evals"
218- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
219- onClick = { ( ) => setIsMenuOpen ( false ) } >
220- Evals
221- </ Link >
222- < a
223- href = { EXTERNAL_LINKS . DISCORD }
224- target = "_blank"
225- rel = "noopener noreferrer"
226- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
227- onClick = { ( ) => setIsMenuOpen ( false ) } >
228- Discord
229- </ a >
230- < a
231- href = { EXTERNAL_LINKS . SECURITY }
232- target = "_blank"
233- rel = "noopener noreferrer"
234- className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
235- onClick = { ( ) => setIsMenuOpen ( false ) } >
236- Security Center
237- </ a >
238- </ div >
140+ < Link
141+ href = "/blog"
142+ className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
143+ onClick = { ( ) => setIsMenuOpen ( false ) } >
144+ Blog
145+ </ Link >
146+ < ScrollButton
147+ targetId = "faq"
148+ className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
149+ onClick = { ( ) => setIsMenuOpen ( false ) } >
150+ FAQ
151+ </ ScrollButton >
152+ < Link
153+ href = "/evals"
154+ className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
155+ onClick = { ( ) => setIsMenuOpen ( false ) } >
156+ Evals
157+ </ Link >
158+ < a
159+ href = { EXTERNAL_LINKS . DISCORD }
160+ target = "_blank"
161+ rel = "noopener noreferrer"
162+ className = "block w-full p-5 py-3 text-left text-foreground active:opacity-50"
163+ onClick = { ( ) => setIsMenuOpen ( false ) } >
164+ Discord
165+ </ a >
239166 </ div >
240167
241168 { /* Bottom section with Cloud Login and stats */ }
0 commit comments