Home Hero

The hero is the first large section on the home page (title, short description, main button and background image).

You only need to edit:

• config/hero.ts — images and button link
• "Hero" inside config/messages/en.json and config/messages/es.json — texts

Change hero images and button link

1. Open config/hero.ts.
2. At the top you will see values like:

CopybackgroundImage: "/hero_bg.png",
ctaButtonHref: "/",
gamesImages: {
  left: { src: "/games/hytale.png", alt: "Hytale" },
  center: { src: "/games/minecraft.png", alt: "Minecraft" },
  right: { src: "/games/arkse.png", alt: "ARK: Survival Evolved" }
},

3. Put your own images in the public folder.
4. Replace the backgroundImage and gamesImages.*.src paths with your own files.
5. Optionally change the alt values to describe the new images.
6. Change ctaButtonHref to the page where the main button should go (for example "/contact").

Change hero text (multi‑language)

1. Open config/messages/en.json.
2. Find the "Hero" section:

Copy"Hero": {
  "title": "Best Premium Gaming Server Hosting",
  "description": "Lag-free, high-performance servers...",
  "ctaButtonLabel": "Get Started"
}

3. Change title, description and ctaButtonLabel to your own English text.
4. Now open config/messages/es.json.
5. In the "Hero" section, change the same keys to your Spanish text.

Always keep the keys ("title", "description", "ctaButtonLabel") identical in both files.
Only the sentences on the right side should be different for each language.