# Customizing Menus

## Customizing Menus

Veltro uses `src/config/menu.en.json` and `src/config/menu.fr.json`.

### Header Menu
The `header` array supports simple links, nested dropdowns, badges, and a grouped mega menu.

```json
{
  "enable": true,
  "name": "Pages",
  "weight": 2,
  "hasChildren": true,
  "children": [
    { "enable": true, "name": "About Company", "url": "/about/" },
    { "enable": true, "name": "Pricing", "url": "/pricing/" }
  ]
}
```

Useful fields include `enable`, `name`, `url`, `weight`, `hasChildren`, `children`, and `badge`.

### Mega Menu
Set `hasMegaMenu: true` and add `menus`. Each group supports `layoutStyle: "grid"` or `"list"`, child entries, and an optional `bottomLink`. Veltro's CTA panel supports a title, button, and `scatteredImages`.

```json
{
  "enable": true,
  "name": "Mega Menu",
  "hasMegaMenu": true,
  "menus": [
    {
      "enable": true,
      "name": "Company Services",
      "layoutStyle": "grid",
      "children": [
        {
          "enable": true,
          "name": "Product Development",
          "icon": "/images/icons/services/product.svg",
          "url": "/services/"
        }
      ]
    }
  ]
}
```

### Footer Menu
The `footer` array contains grouped columns. `footerLegal` contains the lower policy links.

<Aside type="caution">
  Keep both language menu files structurally aligned so each locale has complete
  header and footer navigation.
</Aside>