# Reusable Components & Sections

## Reusable Components & Sections

Veltro includes 35 reusable section components in `src/layouts/components/sections/`, excluding the shared `Section.astro` wrapper. Their default content lives in `src/content/sections/english/` and `src/content/sections/french/`.

Section families include banners, about, services, portfolio, case studies, industries, process, solutions, pricing, FAQ, testimonials, team, careers, awards, video, contact, customer logos, calls to action, and blog lists.

### Content And Component Pair
```text
src/layouts/components/sections/ServicesSection.astro
src/content/sections/english/services-section.md
src/content/sections/french/services-section.md
```

### Shared Schemas
`src/sections.schema.ts` defines reusable structures for buttons, form fields, videos, and page-level section overrides. For example, shared buttons support:

- `enable`, `tag`, `url`, `buttonType`, `label`, and `title`
- `class`, `rel`, and `target`
- icon name, position, class, and size
- `hoverEffect`: `bg-flip`, `icon-flip`, or `creative-fill`
- `variant`: `fill`, `outline`, `text`, or `circle`

Use the existing comments in section Markdown files as the primary option reference. Keep the component and its content entry together when adding a new section.