Footer

The bottom of the site (footer) has:

• Columns with groups of links
• Social icons (Discord, X, etc.)

You can change all of this by editing:

• config/footer.ts — which links and URLs are used
• config/messages/en.json and config/messages/es.json — the visible text

Step 1 – Change footer links and URLs

1. Open config/footer.ts.
2. You will see something like:

Copyexport const footerConfig = {
  columns: [
    {
      titleKey: "serverHosting",
      links: [
        { labelKey: "minecraftServerHosting", href: "/" },
        { labelKey: "hytaleServerHosting", href: "/" },
        // ...
      ],
    },
    {
      titleKey: "company",
      links: [
        { labelKey: "aboutUs", href: "/about" },
        { labelKey: "contactUs", href: "/contact" },
        // ...
      ],
    },
    // ...
  ],
  socialLinks: [
    { labelKey: "x", href: "/", imageHref: "/social-media/x.svg" },
    { labelKey: "discord", href: "/", imageHref: "/social-media/discord.svg" },
  ],
};

• titleKey is the name of the column (“Server Hosting”, “Company”, etc.).
• Each links item has:
  • href — where the link goes (for example /about or /contact).
  • labelKey — the name used to find the text.

To change where a link goes:

1. Find the link object.
2. Change its href value (for example from / to /faq).
3. Save the file and refresh the page.

Step 2 – Change footer text in each language

The footer text is stored under "Footer" in the translation files.

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

Copy"Footer": {
  "serverHosting": "Server Hosting",
  "aboutUs": "About Us",
  "faq": "FAQ",
  "discord": "Discord",
  "copyright": "Copyright © {year} Sifo. All rights reserved."
}

3. Change the values on the right for English:

Copy"faq": "Help Center"

4. Open config/messages/es.json.
5. In the "Footer" section, change the same keys for Spanish:

Copy"faq": "Centro de ayuda"

Remember: The keys (for example "faq", "aboutUs") must exist and match in both en.json and es.json.
You only change the sentences on the right side.

Social icons (Discord, X, etc.)

In config/footer.ts, the socialLinks list controls the social icons:

• href — URL of your social page
• imageHref — icon file under the public folder
• labelKey — text in the "Footer" section of the translation files

To point Discord to your real server:

Copy{ labelKey: "discord", href: "https://discord.gg/your-server", imageHref: "/social-media/discord.svg" }

Then, in en.json and es.json, make sure "discord" has the words you want to show.