adjust FadeInOnView delays to stagger animations, make component re-trigger on scroll, and shorten Florian's bio
This commit is contained in:
@@ -29,31 +29,31 @@ export default function Home() {
|
|||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
|
|
||||||
<FadeInOnView delayMs={100}>
|
<FadeInOnView delayMs={200}>
|
||||||
<Ventures />
|
<Ventures />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={100}>
|
<FadeInOnView delayMs={300}>
|
||||||
<Foundation />
|
<Foundation />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={100}>
|
<FadeInOnView delayMs={400}>
|
||||||
<Team />
|
<Team />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={400}>
|
<FadeInOnView delayMs={500}>
|
||||||
<Quote />
|
<Quote />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={500}>
|
<FadeInOnView delayMs={600}>
|
||||||
<News />
|
<News />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={500}>
|
<FadeInOnView delayMs={700}>
|
||||||
<CTA />
|
<CTA />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
|
|
||||||
<FadeInOnView delayMs={600}>
|
<FadeInOnView delayMs={800}>
|
||||||
<Faqs />
|
<Faqs />
|
||||||
</FadeInOnView>
|
</FadeInOnView>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -24,7 +24,8 @@ export function FadeInOnView({
|
|||||||
entries.forEach((entry) => {
|
entries.forEach((entry) => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
setVisible(true)
|
setVisible(true)
|
||||||
observer.disconnect()
|
} else {
|
||||||
|
setVisible(false)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ const members = [
|
|||||||
name: 'Florian Fournier',
|
name: 'Florian Fournier',
|
||||||
role: 'Marketing & Business Development',
|
role: 'Marketing & Business Development',
|
||||||
bio:
|
bio:
|
||||||
'Florian is a global venture builder and storyteller at the intersection of technology, education, and social impact. With a background in marketing, media, and ecosystem development, he brings a deep understanding of how to connect innovation with real-world needs across cultures and geographies.',
|
'Florian is a global venture builder and storyteller at the intersection of technology, education, and social impact.',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user