diff --git a/components/blocks/CallToAction.tsx b/components/blocks/CallToAction.tsx index d20427a92..b65f9d70b 100644 --- a/components/blocks/CallToAction.tsx +++ b/components/blocks/CallToAction.tsx @@ -28,7 +28,7 @@ const itemVariants = { visible: { opacity: 1, y: 0, - transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] }, + transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }, }, }; diff --git a/components/blocks/ContactSection.tsx b/components/blocks/ContactSection.tsx index c88f28c2a..d35b13b31 100644 --- a/components/blocks/ContactSection.tsx +++ b/components/blocks/ContactSection.tsx @@ -29,12 +29,12 @@ const containerVariants = { const itemVariants = { hidden: { opacity: 0, x: -20 }, - visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease: [0.16, 1, 0.3, 1] } }, + visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease: [0.16, 1, 0.3, 1] as const } }, }; const formVariants = { hidden: { opacity: 0, y: 30 }, - visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1], delay: 0.4 } }, + visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const, delay: 0.4 } }, }; export const ContactSection: React.FC = (props) => { diff --git a/components/blocks/HeroSection.tsx b/components/blocks/HeroSection.tsx index a79911490..2aba842c4 100644 --- a/components/blocks/HeroSection.tsx +++ b/components/blocks/HeroSection.tsx @@ -32,7 +32,7 @@ const itemVariants = { visible: { opacity: 1, y: 0, - transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] } + transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const } }, }; diff --git a/components/blocks/JobListingBlock.tsx b/components/blocks/JobListingBlock.tsx index 51a663f21..463e28b6b 100644 --- a/components/blocks/JobListingBlock.tsx +++ b/components/blocks/JobListingBlock.tsx @@ -40,7 +40,7 @@ const itemVariants = { visible: { opacity: 1, y: 0, - transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] }, + transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }, }, }; @@ -72,7 +72,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => { initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} viewport={{ once: true, margin: "-100px" }} - transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }} + transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }} className="font-heading font-extrabold text-4xl text-neutral-dark mb-12 flex items-center gap-4" > @@ -177,7 +177,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => { initial={{ opacity: 0, x: -20 }} whileInView={{ opacity: 1, x: 0 }} viewport={{ once: true, margin: "-100px" }} - transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }} + transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }} className="font-heading font-extrabold text-4xl text-neutral-dark mb-8" > {title || 'Aktuelle Stellenangebote'} @@ -218,7 +218,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => { initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true, margin: "-100px" }} - transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }} + transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }} className="bg-neutral-50 border border-neutral-100 rounded-2xl p-12 text-center" >

{emptyStateMessage}

diff --git a/components/blocks/SupportCTA.tsx b/components/blocks/SupportCTA.tsx index 2a6a2f2a9..e422054d9 100644 --- a/components/blocks/SupportCTA.tsx +++ b/components/blocks/SupportCTA.tsx @@ -19,7 +19,7 @@ const containerVariants = { y: 0, transition: { duration: 0.8, - ease: [0.16, 1, 0.3, 1], + ease: [0.16, 1, 0.3, 1] as const, staggerChildren: 0.15, delayChildren: 0.1, }, @@ -31,7 +31,7 @@ const itemVariants = { visible: { opacity: 1, y: 0, - transition: { duration: 0.6, ease: [0.16, 1, 0.3, 1] }, + transition: { duration: 0.6, ease: [0.16, 1, 0.3, 1] as const }, }, };