Default Header
The default header is set by the design and implemented using the following code:

Dynamic Header
You can set different headers for different pages by following these steps:
- Locate the File:
- Open home.hbs file, navigate to the corresponding file (e.g., src/templates/pages/merchandise-store.hbs). For example, to change the header on the "merchandise page"
- Update the Code:
- Modify the header-related code in home.hbs file, Add Header component in default.hbs located at 'src/templates/layouts/default.hbs' then enter header name in curly bracket example is given below.

