diff --git a/src/components/ui/blur-fade.tsx b/src/components/ui/blur-fade.tsx
index df2e1dc..797f7bc 100644
--- a/src/components/ui/blur-fade.tsx
+++ b/src/components/ui/blur-fade.tsx
@@ -1,60 +1,60 @@
-'use client'
+"use client";
 
-import { useRef } from 'react'
-import type { Variants } from 'framer-motion'
-import { AnimatePresence, motion, useInView } from 'framer-motion'
+import { useRef } from "react";
+import type { Variants } from "framer-motion";
+import { AnimatePresence, motion, useInView } from "framer-motion";
 
 interface BlurFadeProps {
-   children: React.ReactNode
-   className?: string
-   variant?: {
-      hidden: { y: number }
-      visible: { y: number }
-   }
-   duration?: number
-   delay?: number
-   yOffset?: number
-   inView?: boolean
-   inViewMargin?: string
-   blur?: string
+  children: React.ReactNode;
+  className?: string;
+  variant?: {
+    hidden: { y: number };
+    visible: { y: number };
+  };
+  duration?: number;
+  delay?: number;
+  yOffset?: number;
+  inView?: boolean;
+  inViewMargin?: any;
+  blur?: string;
 }
 
 export default function BlurFade({
-   children,
-   className,
-   variant,
-   duration = 0.4,
-   delay = 0,
-   yOffset = 6,
-   inView = false,
-   inViewMargin = '-50px',
-   blur = '6px',
+  children,
+  className,
+  variant,
+  duration = 0.4,
+  delay = 0,
+  yOffset = 6,
+  inView = false,
+  inViewMargin = "-50px",
+  blur = "6px",
 }: BlurFadeProps) {
-   const ref = useRef(null)
-   const inViewResult = useInView(ref, { once: true, margin: inViewMargin })
-   const isInView = !inView || inViewResult
-   const defaultVariants: Variants = {
-      hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
-      visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
-   }
-   const combinedVariants = variant || defaultVariants
-   return (
-      <AnimatePresence>
-         <motion.div
-            ref={ref}
-            initial="hidden"
-            animate={isInView ? 'visible' : 'hidden'}
-            exit="hidden"
-            variants={combinedVariants}
-            transition={{
-               delay: 0.04 + delay,
-               duration,
-               ease: 'easeOut',
-            }}
-            className={className}
-         >
-            {children}
-         </motion.div>
-      </AnimatePresence>
-   )
+  const ref = useRef(null);
+  const inViewResult = useInView(ref, { once: true, margin: inViewMargin });
+  const isInView = !inView || inViewResult;
+  const defaultVariants: Variants = {
+    hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
+    visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
+  };
+  const combinedVariants = variant || defaultVariants;
+  return (
+    <AnimatePresence>
+      <motion.div
+        ref={ref}
+        initial="hidden"
+        animate={isInView ? "visible" : "hidden"}
+        exit="hidden"
+        variants={combinedVariants}
+        transition={{
+          delay: 0.04 + delay,
+          duration,
+          ease: "easeOut",
+        }}
+        className={className}
+      >
+        {children}
+      </motion.div>
+    </AnimatePresence>
+  );
 }