Updates

packages/vitec/ContentBlocks/ContentElements/hero-section/config.yaml

@@ -51,9 +51,24 @@ fields:
     default: 'Learn more'
     max: 30
 
+  - identifier: secondary_cta
+    type: Link
+    allowedTypes:
+      - page
+      - url
+      - file
+      - email
+
+  - identifier: secondary_cta_label
+    type: Text
+    max: 30
+
   - identifier: Vitec/ButtonStyle
     type: Basic
 
+  - identifier: Vitec/SecondaryButtonStyle
+    type: Basic
+
   - identifier: hero_layout_variant
     type: Select
     renderType: selectSingle

packages/vitec/ContentBlocks/ContentElements/hero-section/language/labels.xlf

@@ -26,6 +26,17 @@
         <source>CTA Button Text</source>
       </trans-unit>
 
+      <trans-unit id="secondary_cta.label">
+        <source>Second CTA Link (optional)</source>
+      </trans-unit>
+      <trans-unit id="secondary_cta.description">
+        <source>Leave empty for a single button. With both link and label filled, the two buttons render side by side.</source>
+      </trans-unit>
+
+      <trans-unit id="secondary_cta_label.label">
+        <source>Second CTA Button Text</source>
+      </trans-unit>
+
       <trans-unit id="hero_image.label">
         <source>Hero Image</source>
       </trans-unit>

packages/vitec/ContentBlocks/ContentElements/hero-section/templates/backend-preview.html

@@ -46,9 +46,14 @@
             </div>
         </f:if>
 
-        <f:if condition="{data.cta_label}">
+        <f:if condition="{data.cta_label} || {data.secondary_cta_label}">
             <div class="vitec-preview__ctas">
-                <span class="vitec-preview__cta-btn">{data.cta_label} →</span>
+                <f:if condition="{data.cta_label}">
+                    <span class="vitec-preview__cta-btn">{data.cta_label} →</span>
+                </f:if>
+                <f:if condition="{data.secondary_cta_label}">
+                    <span class="vitec-preview__cta-btn vitec-preview__cta-btn--secondary">{data.secondary_cta_label} →</span>
+                </f:if>
             </div>
         </f:if>
     </div>
@@ -60,6 +65,27 @@
             Background: {data.background_variant}
         </span>
 
+        <f:comment>
+            The preview has no per-style colours, so the chosen styles are named
+            instead of painted — otherwise "Transparent White Outline" would be
+            indistinguishable from the default orange here.
+        </f:comment>
+        <f:if condition="{data.cta_label}">
+            <span class="vitec-badge">Button: {data.button_style}</span>
+        </f:if>
+
+        <f:if condition="{data.secondary_cta_label}">
+            <span class="vitec-badge">2nd Button: {data.secondary_button_style}</span>
+        </f:if>
+
+        <f:if condition="{data.secondary_cta_label}">
+            <f:if condition="{data.secondary_cta}">
+                <f:else>
+                    <span class="vitec-badge vitec-badge--warning">⚠ 2nd button without link</span>
+                </f:else>
+            </f:if>
+        </f:if>
+
         <f:if condition="{data.show_logo_wall}">
             <span class="vitec-badge">🏢 Logo Wall</span>
         </f:if>