From f21de6dd5e8647ed382e7408185140c9903cec66 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Thu, 17 Sep 2026 23:50:33 +0200
Subject: [PATCH] fix(hero): make secondary CTA text white when image is
 present for visibility

---
 src/blocks/Hero/Component.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/blocks/Hero/Component.tsx b/src/blocks/Hero/Component.tsx
index a09749b..4b64c96 100644
--- a/src/blocks/Hero/Component.tsx
+++ b/src/blocks/Hero/Component.tsx
@@ -131,14 +131,14 @@ export const HeroBlock: React.FC<Props> = ({
                 secondaryCta.url.startsWith('#') ? (
                   <a 
                     href={secondaryCta.url}
-                    className="text-foreground font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors drop-shadow-sm"
+                    className={`${imageUrl ? 'text-white drop-shadow-md' : 'text-foreground'} font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors`}
                   >
                     {secondaryCta.text}
                   </a>
                 ) : (
                   <Link 
                     href={secondaryCta.url}
-                    className="text-foreground font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors drop-shadow-sm"
+                    className={`${imageUrl ? 'text-white drop-shadow-md' : 'text-foreground'} font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors`}
                   >
                     {secondaryCta.text}
                   </Link>