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 delayMs={100}>
|
||||
<FadeInOnView delayMs={200}>
|
||||
<Ventures />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={100}>
|
||||
<FadeInOnView delayMs={300}>
|
||||
<Foundation />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={100}>
|
||||
<FadeInOnView delayMs={400}>
|
||||
<Team />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={400}>
|
||||
<FadeInOnView delayMs={500}>
|
||||
<Quote />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={500}>
|
||||
<FadeInOnView delayMs={600}>
|
||||
<News />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={500}>
|
||||
<FadeInOnView delayMs={700}>
|
||||
<CTA />
|
||||
</FadeInOnView>
|
||||
|
||||
<FadeInOnView delayMs={600}>
|
||||
<FadeInOnView delayMs={800}>
|
||||
<Faqs />
|
||||
</FadeInOnView>
|
||||
</main>
|
||||
|
||||
@@ -24,7 +24,8 @@ export function FadeInOnView({
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
setVisible(true)
|
||||
observer.disconnect()
|
||||
} else {
|
||||
setVisible(false)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
@@ -33,7 +33,7 @@ const members = [
|
||||
name: 'Florian Fournier',
|
||||
role: 'Marketing & Business Development',
|
||||
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