Reusable Components & Sections

Veltro Theme Documentation

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

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.