# Pages, Layouts & Sections

## Pages, Layouts & Sections

Veltro assembles routes in `src/pages/[...lang]/`. All regular pages use `src/layouts/Base.astro`, which provides the document shell, SEO head, header, footer, global scripts, cursor, helper buttons, and back-to-top control.

### Page Composition
```astro
---



---

<Base {...homepageContent?.data}>
  <Banner />
  <ServicesSection hasSectionSpacing={true} />
</Base>
```

Each section component loads its default entry from `src/content/sections/<language>/`. Many accept a `content` prop or merge page frontmatter overrides with their defaults.

### Shared Base Options
Useful `Base.astro` props include:

- `fitToScreen`: adds the theme's minimum-screen class; defaults to `true`
- `footerSpacingTop`: controls top spacing on the footer
- `headerPosition`: `fixed`, `static`, or `sticky`
- `headerBorderOnScroll`: adds the scroll-border behavior
- `hideOffcanvas`: keeps the secondary offcanvas mobile-only by default
- `hasBodyDarkBackground`: switches the body surface
- `hasHeadingFontTernary`: applies the configured tertiary heading font

Edit the route file to reorder or remove a section on one page. Edit the shared Markdown entry when the content change should apply everywhere that section is used.