logo
Get in touch

Careers

Change the Careers page content and open positions.

The Careers page lets you show why people should work with you and which positions are open.

You will edit:

  • config/careers.ts — hero images, benefits, and open positions
  • "Careers" in config/messages/en.json and config/messages/es.json — texts and labels

Step 1 – Hero images and top text

  1. Open config/careers.ts.
  2. At the top you will see:
hero: {
  backgroundImage: "/careers_hero_bg.jpg",
  logo: "/logo.svg",
},
  1. Put your own images in the public folder and update backgroundImage and logo paths.

Now edit the text:

  1. Open config/messages/en.json.
  2. Find the "Careers" section and change:
  • "title" — main title of the page.
  • "description" — short text under the title.
  1. Open config/messages/es.json and change the same keys for Spanish.

Step 2 – Benefits (why join your team)

Still in config/careers.ts, you will see a list called features.
Each item points to a title and description in the "Careers" section.

To change the benefit texts:

  1. Open config/messages/en.json.
  2. In "Careers", edit feature1Title, feature1Description, etc.
  3. Open config/messages/es.json and update the same keys with Spanish text.

Step 3 – Open positions

In config/careers.ts, you will find a list called openPositions.
Each entry is a job that appears as a card with a “View details” modal.

For each position you can set:

  • title — name of the position.
  • location — where it is based (or Remote).
  • employmentType"full-time", "part-time", or "contract".
  • language — main language for the position (shown with an icon).
  • applyEmail — email that receives applications.
  • applyEmailSubject — default subject of the email. You can use {title} as a placeholder.
  • applyEmailBody — default body of the email. You can also use {title}.
  • details.overview — short paragraph at the top of the modal.
  • details.responsibilities — list of bullet points.
  • details.requirements — list of bullet points.
  • details.niceToHave (optional) — list of “nice to have” points.
  • details.benefits (optional) — list of job benefits.

To add a new position:

  1. Copy one existing position object in openPositions.
  2. Paste it below and change the values to match the new role.
  3. Save the file and refresh the Careers page.

All job‑related text is stored directly in config/careers.ts, so you do not need to add translation keys for each role.
The extra button labels (“View Details”, “Apply Now”, etc.) come from the "Careers" section in the messages files and are already set up in both languages.