Navigation

On every page, the top bar shows a navigation menu (Home, Features, Contact, etc.).
You can change these links without touching any code.

You will edit two places:

• The links and URLs in config/header.ts
• The text in each language in config/messages/en.json and config/messages/es.json

Step 1 – Change the links

1. Open the file config/header.ts.
2. Look for the links list. It contains several items like:

Copy{
  labelKey: "contactUs",
  href: "/contact",
},

• href is where the link goes (for example /contact).
• labelKey is the name used to find the text in the translation files.

To change the destination of a menu item:

1. Adjust the href value to the page you want.
2. Save the file and refresh the browser.

Step 2 – Change the visible text (English and Spanish)

The words you see in the menu come from the translation files.

1. Open config/messages/en.json.
2. Find the "Header" section.
3. You will see entries like:

Copy"Header": {
  "contactUs": "Contact Us",
  "features": "Features",
  "serverLocation": "Server Location"
}

4. Change the value on the right to whatever you want:

Copy"contactUs": "Support & Contact"

5. Now open config/messages/es.json.
6. In the "Header" section, change the same key for Spanish:

Copy"contactUs": "Soporte y contacto"

Important: The key ("contactUs") must be the same in both files.
You only change the text on the right side.

When you save both files and refresh, the menu will show your new text in each language.