From c59c905945cf04cc5435c11811bd59c1e2f0fad3 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 8 Sep 2025 17:48:06 +0200
Subject: [PATCH] ok

---
 src/components/StackSection.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/StackSection.tsx b/src/components/StackSection.tsx
index 0c72497..0076cfb 100644
--- a/src/components/StackSection.tsx
+++ b/src/components/StackSection.tsx
@@ -7,7 +7,7 @@ import { useRef } from "react";
 
 export function StackSectionPreview() {
   const ref = useRef(null);
-  const isInView = useInView(ref, { once: true });
+  const isInView = useInView(ref);
 
   return (
     <section ref={ref} className="w-full bg-transparent px-4 py-8 sm:px-6 sm:pb-12 lg:px-8 relative">
@@ -45,7 +45,13 @@ export function StackSectionPreview() {
           
           {/* Right Column - Stacked Cubes (2/3 width) */}
           <div className="lg:col-span-2 flex items-center justify-center lg:justify-start order-2 lg:order-2">
-            <StackedCubes />
+            <motion.div
+              initial={{ opacity: 0, y: 30 }}
+              animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 30 }}
+              transition={{ duration: 0.8, delay: 0.3 }}
+            >
+              <StackedCubes />
+            </motion.div>
           </div>
         </div>
       </div>