style(hero): switch to white text and dark overlay for premium image contrast

src/blocks/Hero/Component.tsx

@@ -74,9 +74,9 @@ export const HeroBlock: React.FC<Props> = ({
                 imageLoaded ? 'opacity-100 scale-100' : 'opacity-0 scale-105'
               }`}
             />
-            {/* Zmniejszony gradient dla lepszej widoczności zdjęcia */}
-            <div className="absolute inset-0 bg-gradient-to-t from-background/90 via-background/40 to-transparent lg:bg-gradient-to-r lg:from-background/90 lg:via-background/20 lg:to-transparent" />
-            <div className="absolute inset-0 bg-background/10" />
+            {/* Ciemny gradient pod spodem, by biały tekst był świetnie czytelny, a zdjęcie pozostało nasycone */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent lg:bg-gradient-to-r lg:from-black/90 lg:via-black/40 lg:to-transparent" />
+            <div className="absolute inset-0 bg-black/20" />
           </>
         ) : (
           <div className="absolute inset-0 bg-card bg-paper-noise border-b border-border/50" />
@@ -94,7 +94,7 @@ export const HeroBlock: React.FC<Props> = ({
           >
             <motion.h1
               variants={itemVariants}
-              className={`font-heading text-4xl sm:text-5xl md:text-6xl lg:text-[4.5rem] font-bold leading-[1.05] mb-6 text-balance text-foreground break-words hyphens-auto ${imageUrl ? 'drop-shadow-sm' : ''}`}
+              className={`font-heading text-4xl sm:text-5xl md:text-6xl lg:text-[4.5rem] font-bold leading-[1.05] mb-6 text-balance break-words hyphens-auto ${imageUrl ? 'text-white drop-shadow-md' : 'text-foreground'}`}
             >
               <span className="block">{title}</span>
               {titleAccent && (
@@ -108,7 +108,7 @@ export const HeroBlock: React.FC<Props> = ({
             
             <motion.p
               variants={itemVariants}
-              className={`text-lg sm:text-xl md:text-2xl text-foreground/90 mb-10 leading-relaxed font-medium max-w-[55ch] ${imageUrl ? 'drop-shadow-sm' : ''}`}
+              className={`text-lg sm:text-xl md:text-2xl mb-10 leading-relaxed font-medium max-w-[55ch] ${imageUrl ? 'text-white/90 drop-shadow-md' : 'text-foreground/90'}`}
             >
               {subtitle}
             </motion.p>