Hero Carousel Setup
Optional fallback. The hero desktop frame currently displays approximately 1512x544px, so upload a landscape image of at least 1920x700px.
<% if (data.hero?.backgroundImage) { %>
<% } %>
Recommended content structure
- Use landscape slide images; prefer large images to fit the container.
- Keep titles to 2-4 lines to avoid overflow on mobile.
- Limit descriptions to 1-3 short sentences.
- Both buttons should use internal links like
/contact.
Hero Slides
<% const existingSlides=(data.hero && Array.isArray(data.hero.slides) && data.hero.slides.length> 0)
? data.hero.slides
: [{
title: data.hero?.title || '',
subtitle: data.hero?.subtitle || '',
description: data.hero?.description || '',
heroImage: data.hero?.heroImage || '',
videoUrl: data.hero?.videoUrl || '',
primaryButton: data.hero?.primaryButton || {},
secondaryButton: data.hero?.secondaryButton || {},
}];
%>
<% existingSlides.forEach(function(slide, index) { %>
<% }); %>
Slide
Currently not rendered on the frontend; kept for backward compatibility with existing data.
Recommended upload size is 1920x700px or larger.
<% if (slide.heroImage) { %>
<% } %>
The frontend currently does not render video in the hero. Kept only to preserve existing data.