a

components/sidebar.tsx

@@ -8,9 +8,6 @@ import { ScrollArea } from '@/components/ui/scroll-area'
 import { Separator } from '@/components/ui/separator'
 import {
   LayoutDashboard,
-  Search,
-  Settings,
-  HelpCircle,
   LogOut,
   Sparkles,
   Target
@@ -25,30 +22,11 @@ export function Sidebar({ productName }: SidebarProps) {
 
   const routes = [
     {
-      label: 'Dashboard',
+      label: 'Overview',
       icon: LayoutDashboard,
       href: '/dashboard',
       active: pathname === '/dashboard',
     },
-    {
-      label: 'Opportunities',
-      icon: Target,
-      href: '/opportunities',
-      active: pathname === '/opportunities',
-    },
-  ]
-
-  const bottomRoutes = [
-    {
-      label: 'Settings',
-      icon: Settings,
-      href: '/settings',
-    },
-    {
-      label: 'Help',
-      icon: HelpCircle,
-      href: '/help',
-    },
   ]
 
   return (
@@ -89,22 +67,32 @@ export function Sidebar({ productName }: SidebarProps) {
               {route.label}
             </Link>
           ))}
+          <Link
+            href="/opportunities"
+            className={cn(
+              'flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors',
+              pathname === '/opportunities'
+                ? 'bg-primary text-primary-foreground'
+                : 'text-muted-foreground hover:bg-muted hover:text-foreground'
+            )}
+          >
+            <Target className="h-4 w-4" />
+            Search
+          </Link>
+          <Link
+            href="/leads"
+            className={cn(
+              'flex items-center rounded-md px-3 py-2 pl-9 text-sm font-medium transition-colors',
+              pathname === '/leads'
+                ? 'bg-primary text-primary-foreground'
+                : 'text-muted-foreground hover:bg-muted hover:text-foreground'
+            )}
+          >
+            Inbox
+          </Link>
         </nav>
 
         <Separator className="my-4" />
-
-        <nav className="space-y-1 px-2">
-          {bottomRoutes.map((route) => (
-            <Link
-              key={route.href}
-              href={route.href}
-              className="flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
-            >
-              <route.icon className="h-4 w-4" />
-              {route.label}
-            </Link>
-          ))}
-        </nav>
       </ScrollArea>
 
       {/* Bottom */}