Image Only Section
A section for displaying images with optional captions and CTAs. Essentially a section wrapper for the image partial.
This is an example caption that provides context for the image
Configuration
- sectionType: image-only
containerTag: section
# container settings
image:
src: '/assets/images/featured-photo.jpg'
alt: 'Description of the image for accessibility'
caption: 'Optional caption providing context or description'
ctas:
- url: 'https://example.com/gallery'
label: 'View Full Gallery'
isButton: true
buttonStyle: 'primary'
Configuration Options
Image Properties
| Property | Type | Required | Description |
|---|---|---|---|
image.src | string | Yes | Path to the image file |
image.alt | string | Yes | Alternative text for accessibility |
image.caption | string | No | Optional caption text displayed below the image |
Content
| Property | Type | Required | Description |
|---|---|---|---|
ctas | array | No | Optional array of call-to-action buttons or links |
Full-width background with overlay image