feat(hero): remove floating stat component as requested
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -15,14 +15,7 @@ export const Hero: Block = {
|
||||
{ name: 'url', type: 'text' },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'floatingStat',
|
||||
type: 'group',
|
||||
fields: [
|
||||
{ name: 'value', type: 'text', localized: true, defaultValue: '20+' },
|
||||
{ name: 'label', type: 'text', localized: true, defaultValue: 'Lat doświadczenia' },
|
||||
],
|
||||
},
|
||||
|
||||
{ name: 'image', type: 'upload', relationTo: 'media' },
|
||||
{ name: 'imageSecondary', type: 'upload', relationTo: 'media' },
|
||||
],
|
||||
|
||||
@@ -333,10 +333,6 @@ export interface Page {
|
||||
text?: string | null;
|
||||
url?: string | null;
|
||||
};
|
||||
floatingStat?: {
|
||||
value?: string | null;
|
||||
label?: string | null;
|
||||
};
|
||||
image?: (number | null) | Media;
|
||||
imageSecondary?: (number | null) | Media;
|
||||
id?: string | null;
|
||||
@@ -1030,12 +1026,6 @@ export interface PagesSelect<T extends boolean = true> {
|
||||
text?: T;
|
||||
url?: T;
|
||||
};
|
||||
floatingStat?:
|
||||
| T
|
||||
| {
|
||||
value?: T;
|
||||
label?: T;
|
||||
};
|
||||
image?: T;
|
||||
imageSecondary?: T;
|
||||
id?: T;
|
||||
|
||||
Reference in New Issue
Block a user