We need help designing and implementing the Sidebar and Navbar for LegalDocs, following our existing Figma design.
The layout should be pixel-perfect and responsive, closely mirroring the design structure, spacing, and behavior.
This will be part of the general layout across all logged-in dashboard pages.
FIGMA LINK: https://www.figma.com/design/Td2ukVKnsh4zIXKoX8m9vI/LegalDocs?node-id=0-1&p=f
🎯 What You'll Be Building
- Sidebar with icons and labels (collapsible on small screens)
- Top Navbar containing:
- Logo
- User profile section
- Notifications or search (if available in design)
- Mobile responsiveness
- Adherence to the TailwindCSS utility structure and our design system
✅ Acceptance Criteria
- Sidebar and Navbar match the Figma design 100%
- Works across screen sizes (desktop, tablet, mobile)
- Uses Next.js App Router best practices
- Mobile sidebar toggle (e.g., hamburger menu)
- Code is clean, well-structured, and uses components
We need help designing and implementing the Sidebar and Navbar for LegalDocs, following our existing Figma design.
The layout should be pixel-perfect and responsive, closely mirroring the design structure, spacing, and behavior.
This will be part of the general layout across all logged-in dashboard pages.
FIGMA LINK: https://www.figma.com/design/Td2ukVKnsh4zIXKoX8m9vI/LegalDocs?node-id=0-1&p=f
🎯 What You'll Be Building
✅ Acceptance Criteria