Hey everyone! Hope you are doing great

I'm developing a web app with Next.js app router, Tailwind and shadcn ui.

How can I implement the mobile navigation that the Vercel website has on the Settings page?

https://vercel.com/account

- Mobile Vercel Settings (screenshot 1 attached)
- Desktop Vercel Settings (screenshot 2 attached)

I have already implemented the desktop version but I couldn't adapt it to mobile yet. I want the options to be a list of links and when clicked they go to the corresponding page, but I'm struggling to get it done on a single layout.tsx file. Maybe I should design the layout and pages in another way.

Any ideas/guidance?


Thank you very much.