Configuration Overview

This section explains how the configuration files in the config folder work.
You will learn how to change:

• Global branding (colors, logo, fonts)
• SEO (site URL, social previews, titles and keywords per page)
• Header navigation and footer links
• Home page sections and content
• Game plans and pricing
• Hardware and locations data
• Testimonials, FAQ, Careers, and Contact cards
• Site languages and texts

You do not need to write code. You only edit simple JavaScript/TypeScript and JSON files.

Where configuration lives

All main configuration files are inside the config folder at the root of the project:

Copysifo/
 ├─ app/
 ├─ config/
 │  ├─ branding.ts
 │  ├─ hero.ts
 │  ├─ header.ts
 │  ├─ footer.ts
 │  ├─ features.ts
 │  ├─ panel-features.ts
 │  ├─ games/
 │  ├─ testimonials.ts
 │  ├─ hardware.ts
 │  ├─ location.ts
 │  ├─ about.ts
 │  ├─ careers.ts
 │  ├─ contact.ts
 │  ├─ faq.ts
 │  ├─ mode.ts
 │  ├─ seo.ts
 │  └─ messages/
 │     ├─ en.json
 │     └─ es.json
 └─ ...

Each file controls a specific part of the site:

• branding.ts — main brand color
• hero.ts — home hero background and game images
• header.ts and footer.ts — navigation menus and footer links
• features.ts, panel-features.ts, games/, testimonials.ts — homepage sections
• hardware.ts and location.ts — hardware list and world map locations
• about.ts — About page images and stats
• careers.ts — Careers hero, features, and open positions
• contact.ts — Contact cards (ticket, Discord, email)
• faq.ts — Frequently Asked Questions list
• mode.ts — feature flags (for example enabling the map editor)
• seo.ts — global SEO (site URL, default Open Graph image, robots, Twitter, verification)
• messages/en.json, messages/es.json — all page texts in English and Spanish, including the Metadata namespace for titles, descriptions, and keywords

Later pages in this section will walk you through each group step by step.