Next.js & Chakra UI Tab Animation

I'm seeking an experienced developer to implement a tab animation function in my Next.js and Chakra UI project. The animation style should be a smooth 'Slide' transition, similar to a video. The tabs will represent main categories and subcategories, and all labels will be text-based.

Key Requirements:
- Complete the tab and UI as per this image: https://prnt.sc/RZvxduhXGenJ
- Code all main categories and subcategories manually.

Please note, I will only release payment upon successful completion of the task.