feat(hero): remove floating stat component as requested
This commit is contained in:
@@ -40,7 +40,6 @@ export const HeroBlock: React.FC<Props> = ({
|
|||||||
primaryCta,
|
primaryCta,
|
||||||
secondaryCta,
|
secondaryCta,
|
||||||
image,
|
image,
|
||||||
floatingStat,
|
|
||||||
whatsappNumber,
|
whatsappNumber,
|
||||||
}) => {
|
}) => {
|
||||||
const whatsappLink = whatsappNumber ? `https://wa.me/${whatsappNumber}` : '#'
|
const whatsappLink = whatsappNumber ? `https://wa.me/${whatsappNumber}` : '#'
|
||||||
@@ -49,9 +48,6 @@ export const HeroBlock: React.FC<Props> = ({
|
|||||||
const imageUrl = heroMedia?.url
|
const imageUrl = heroMedia?.url
|
||||||
const imageAlt = heroMedia?.alt || 'Tło hero'
|
const imageAlt = heroMedia?.alt || 'Tło hero'
|
||||||
|
|
||||||
const statValue = floatingStat?.value || '20+'
|
|
||||||
const statLabel = floatingStat?.label || 'Lat doświadczenia'
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<motion.section
|
<motion.section
|
||||||
initial="hidden"
|
initial="hidden"
|
||||||
@@ -143,37 +139,7 @@ export const HeroBlock: React.FC<Props> = ({
|
|||||||
</motion.div>
|
</motion.div>
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -15,14 +15,7 @@ export const Hero: Block = {
|
|||||||
{ name: 'url', type: 'text' },
|
{ 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: 'image', type: 'upload', relationTo: 'media' },
|
||||||
{ name: 'imageSecondary', type: 'upload', relationTo: 'media' },
|
{ name: 'imageSecondary', type: 'upload', relationTo: 'media' },
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -333,10 +333,6 @@ export interface Page {
|
|||||||
text?: string | null;
|
text?: string | null;
|
||||||
url?: string | null;
|
url?: string | null;
|
||||||
};
|
};
|
||||||
floatingStat?: {
|
|
||||||
value?: string | null;
|
|
||||||
label?: string | null;
|
|
||||||
};
|
|
||||||
image?: (number | null) | Media;
|
image?: (number | null) | Media;
|
||||||
imageSecondary?: (number | null) | Media;
|
imageSecondary?: (number | null) | Media;
|
||||||
id?: string | null;
|
id?: string | null;
|
||||||
@@ -1030,12 +1026,6 @@ export interface PagesSelect<T extends boolean = true> {
|
|||||||
text?: T;
|
text?: T;
|
||||||
url?: T;
|
url?: T;
|
||||||
};
|
};
|
||||||
floatingStat?:
|
|
||||||
| T
|
|
||||||
| {
|
|
||||||
value?: T;
|
|
||||||
label?: T;
|
|
||||||
};
|
|
||||||
image?: T;
|
image?: T;
|
||||||
imageSecondary?: T;
|
imageSecondary?: T;
|
||||||
id?: T;
|
id?: T;
|
||||||
|
|||||||
Reference in New Issue
Block a user