From 5a07642d73adc7b1429d345ba3ab70d359d4d22e Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Thu, 15 Jan 2026 13:42:05 +0000
Subject: [PATCH] Update components/in-view-div.tsx

---
 components/in-view-div.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 components/in-view-div.tsx

diff --git a/components/in-view-div.tsx b/components/in-view-div.tsx
new file mode 100644
index 0000000..27a609e
--- /dev/null
+++ b/components/in-view-div.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { useRef } from "react";
+import { useInView } from "framer-motion";
+
+export function InViewDiv({
+  children,
+  ...props
+}: { children: React.ReactNode } & any) {
+  const containerRef = useRef<HTMLDivElement>(null);
+  let isInView = useInView(containerRef, { once: true, amount: 0.4 });
+
+  return (
+    <div ref={containerRef} {...props}>
+      {isInView ? children : null}
+    </div>
+  );
+}