Meta Data in the Head Component

[hollow sleet]

This is a website that I am building:
https://frontend-photography-wheat.vercel.app/work
And this is one of the route for this project. But if you notice the tab you will see that the title is not available as you might see on the home page.
I have defined the metadata info in the index.js page, for the metadata to be available universally in the head what can I do? Or will I have to introduce it in each route page individually?
This is the code:
https://github.com/Sagar-Kap/frontend-photography/blob/main/src/pages/work.jsx

[final cradle]

index.js doesn’t cover work.js so you need to use the next/head tag in work.js as well

If you use one shared metadata set for all pages, you can use next/head inside _app.js which covers all routes