adjust FadeInOnView delays to stagger animations, make component re-trigger on scroll, and shorten Florian's bio

This commit is contained in:
2025-12-05 18:52:07 +01:00
parent 9a1371948f
commit aed0ae393f
3 changed files with 10 additions and 9 deletions

View File

@@ -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>

View File

@@ -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)
} }
}) })
}, },

View File

@@ -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.',
}, },
] ]