michal.cukrowski/j_kedzierski
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(hero): remove floating stat component as requested

Browse Source
This commit is contained in:
MichalC
2026-09-18 00:21:55 +02:00
parent 3b4be7907f
commit 4299206097
3 changed files with 2 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/blocks/Hero/Component.tsx
+1 -35
View File
@@ -40,7 +40,6 @@ export const HeroBlock: React.FC<Props> = ({
primaryCta,
secondaryCta,
image,
floatingStat,
whatsappNumber,
}) => {
const whatsappLink = whatsappNumber ? `https://wa.me/${whatsappNumber}` : '#'
@@ -49,9 +48,6 @@ export const HeroBlock: React.FC<Props> = ({
const imageUrl = heroMedia?.url
const imageAlt = heroMedia?.alt || 'Tło hero'
const statValue = floatingStat?.value || '20+'
const statLabel = floatingStat?.label || 'Lat doświadczenia'
return (
<motion.section
initial="hidden"
@@ -143,37 +139,7 @@ export const HeroBlock: React.FC<Props> = ({
</motion.div>
</motion.div>
{/* Floating Stat "Seal" (Bottom Right) */}
<motion.div
initial={{ opacity: 0, scale: 0.9, rotate: -5 }}
animate={{ opacity: 1, scale: 1, rotate: 0 }}
transition={{ duration: 0.8, delay: 0.6, ease: [0.34, 1.56, 0.64, 1] }}
className="hidden lg:flex flex-col items-center justify-center bg-card border border-border/50 p-6 lg:p-8 shadow-2xl lg:-translate-y-4 max-w-[200px] aspect-square rounded-sm relative shrink-0"
>
{/* Dekoracyjna krawędź przypominająca stempel */}
<div className="absolute inset-2 border border-border/20 pointer-events-none" />
<span className="font-heading text-4xl lg:text-5xl font-extrabold tracking-tight text-accent mb-2 drop-shadow-sm relative z-10 text-center">
{statValue}
</span>
<span className="text-sm uppercase tracking-widest text-foreground/80 font-medium text-center relative z-10 leading-snug">
{statLabel}
</span>
</motion.div>
{/* Mobile version of the seal - more inline */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: 0.6, ease: customEase }}
className="flex lg:hidden items-center gap-4 bg-card/90 backdrop-blur-sm border border-border/50 shadow-md p-4 w-full mt-4"
>
<span className="font-heading text-3xl font-extrabold tracking-tight text-accent drop-shadow-sm">
{statValue}
</span>
<span className="text-xs uppercase tracking-widest text-foreground/80 font-medium leading-snug">
{statLabel}
</span>
</motion.div>
</div>
</div>