diff --git a/src/components/ui/blur-fade.tsx b/src/components/ui/blur-fade.tsx
index 797f7bc..f7427b7 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?: any;
-  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>
+   )
 }