+ {/* Background media: video first, image fallback */}
+ {currentSlide?.video?.url ? (
+
+ ) : currentSlide?.background_image?.url ? (
+
+ ) : null}
+
+ {/* Overlay (for readability like your image) */}
+ {/*
*/}
+
+ {/* Content */}
+
+ {/* Heading */}
+ {currentSlide?.heading && (
+
+ {currentSlide?.heading}
+
+ )}
+
+ {/* Subheading */}
+ {currentSlide?.sub_heading && (
+
+ {currentSlide.sub_heading}
+
+ )}
+
+ {/* CTA */}
+ {currentSlide?.cta?.link_text && (
+
+ {currentSlide.cta.link_text}
+
+
+ )}
+
+
+ {/* Carousel arrows (only if more than 1 slide) */}
+ {totalSlides > 1 && (
+ <>
+
+
+
+ )}
+
+ {/* Dots Navigation (ONLY if more than 1 slide) */}
+ {totalSlides > 1 && (
+
+ {content.map((_, index) => (
+
+ )}
+
+ {/* Below lg: collapsed row (active label + chevron only); tap expands links + CTA. */}
+
+
+ {mobileExpanded ? (
+
+
+ {flatLinks.map((link, idx) => {
+ const href =
+ link?.internal_link?.[0]?.url || link?.external_link || "#";
+ const active = subNavLinkMatchesCurrentRoute(link, slugParam);
+ return (
+ -
+ setMobileExpanded(false)}
+ >
+ {link?.link_text}
+
+
+ );
+ })}
+
+ {cta.text ? (
+
+
setMobileExpanded(false)}
+ >
+ {cta.text}
+
+
+
+ ) : null}
+
+ ) : null}
+
+
+ {/* lg+: logo, full link row, CTA */}
+
+
+ ) : (
+