improvements

src/components/FadeIn.tsx

@@ -18,11 +18,10 @@ export function FadeIn({ children, transition, className }: FadeInProps) {
       className={className}
       initial={{ opacity: 0, y: 20 }}
       whileInView={{ opacity: 1, y: 0 }}
-      viewport={{ once: false, margin: isMobile ? '0px 0px -50px 0px' : '0px 0px -100px 0px' }}
-      transition={transition || { duration: 0.5 }}
+      viewport={{ once: true, amount: isMobile ? 0.2 : 0.3 }}
+      transition={transition || { duration: 0.5, ease: 'easeOut' }}
     >
       {children}
     </motion.div>
   )
 }
-