Match the website navbar sections in the blog

# Problem

Currently, the blog website and the main website have different set of elements in the navbar. This is not ideal.

Website:

<img width="1093" alt="Image" src="https://github.com/user-attachments/assets/2df2477b-40fa-4587-bf86-d532a5fdb265" />

Blog:

<img width="1115" alt="Image" src="https://github.com/user-attachments/assets/c38c5daf-25b0-49f7-9eb6-03dac51a5900" />