Display site header based on the category of the blog post opened.

I wish to display a different site header based on the category of the blog post opened.
I know it is possible to achieve this using Velo.

  • Adding a multi-state box to the header.

  • Then on the post page:

  • Get post ID.

  • Query the categories collection post field with the gotten ID,

  • Switch to the relevant state based on the category gotten in the result.
    However, I struggle with with the code, anyone done this before, that can share their code?