ourworld_web/www_threefold_2025
23
0
Fork 0
forked from ourworld_web/www_engage_os
Code Pull Requests Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-08 17:48:06 +02:00
parent 14435d8f63
commit c59c905945
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/StackSection.tsx
View File

@@ -7,7 +7,7 @@ import { useRef } from "react";
export function StackSectionPreview() { export function StackSectionPreview() {
const ref = useRef(null); const ref = useRef(null);
const isInView = useInView(ref, { once: true }); const isInView = useInView(ref);
return ( return (
<section ref={ref} className="w-full bg-transparent px-4 py-8 sm:px-6 sm:pb-12 lg:px-8 relative"> <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) */} {/* 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"> <div className="lg:col-span-2 flex items-center justify-center lg:justify-start order-2 lg:order-2">
<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 /> <StackedCubes />
</motion.div>
</div> </div>
</div> </div>
</div> </div>