Contact

The Contact page shows several cards (ticket, Discord, email) with buttons.

You will edit:

• config/contact.ts — which contact options exist and their links
• "Contact" in config/messages/en.json and config/messages/es.json — titles and descriptions

Step 1 – Edit contact options and links

1. Open config/contact.ts.
2. You will see a list like:

Copyexport const contactCards = [
  {
    titleKey: "openTicketTitle",
    descriptionKey: "openTicketDescription",
    buttonLabelKey: "openTicketButton",
    href: "/",
  },
  {
    titleKey: "discordServerTitle",
    descriptionKey: "discordServerDescription",
    buttonLabelKey: "discordServerButton",
    href: "https://discord.com",
  },
  {
    titleKey: "sendEmailTitle",
    descriptionKey: "sendEmailDescription",
    buttonLabelKey: "sendEmailButton",
    href: "mailto:support@sifo.example",
  },
];

3. For each card, adjust href:

• For tickets, set the URL of your support system.
• For Discord, put your real invite link.
• For email, put your real support address after mailto:.

You can remove a card by deleting it from the list, or add a new one by copying an item and changing the keys and link.

Step 2 – Change texts in English and Spanish

1. Open config/messages/en.json.
2. Find the "Contact" section and edit:

• "title" and "description" — texts at the top of the page.
• "openTicketTitle", "openTicketDescription", "openTicketButton" — first card.
• "discordServerTitle", "discordServerDescription", "discordServerButton" — second card.
• "sendEmailTitle", "sendEmailDescription", "sendEmailButton" — email card.

3. Open config/messages/es.json.
4. In the "Contact" section, use the same keys with your Spanish text.

Always keep the keys identical in both language files. Only change the sentences so each language looks correct.