Homepage

src/contents/home/runningOut.tsx

@@ -11,8 +11,6 @@ interface RunningOutProps {
 
 export function RunningOut({ title, desc, cta, index }: RunningOutProps) {
     const ref = useRef(null);
-    // const inView = useInView(ref, { once: true });
-   // const inView = useInView(ref, { threshold: 0.75, triggerOnce: true });
     const inView = useInView(ref, { amount: 0.7, once: true }); // Use t
 
 
@@ -51,18 +49,7 @@ export function RunningOut({ title, desc, cta, index }: RunningOutProps) {
                 <strong style={styles.cta}>{cta}</strong>
             </motion.div>
 
-            {/* Illustration */}
-            {/* <motion.div
-                className="illustration"
-                style={styles.illustrationContainer}
-                initial="initial"
-                animate={inView ? "animate" : "initial"} 
-                exit="exit"
-                transition={{ duration: 0.6, ease: "easeInOut", delay: 0.3 }}
-                variants={imageVariants}
-            >
-                <img src={illustration} alt="Illustration" style={styles.illustration} />
-            </motion.div> */}
+
 
         </div>
     );
@@ -109,16 +96,4 @@ const styles: { [key: string]: React.CSSProperties } = {
         fontWeight: 600,
         color: "#fdfdfd",
     },
-    illustrationContainer: {
-        maxWidth: "45%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    illustration: {
-        maxWidth: "100%",
-        maxHeight: "80vh",
-        objectFit: "cover",
-        borderRadius: "15px",
-    },
 };
\ No newline at end of file