forked from emre/www_projectmycelium_com
47 lines
1.0 KiB
TypeScript
47 lines
1.0 KiB
TypeScript
|
|
import { useRef } from 'react'
|
|
import { AnimatedSection } from '../../components/AnimatedSection'
|
|
import { CallToAction } from './CallToAction'
|
|
import { HomeTab } from './HomeTab'
|
|
import { HomeMap } from './HomeMap'
|
|
import { HomeAudience } from './HomeAudience'
|
|
import { HomeBlink } from './HomeBlink'
|
|
import { HomeArchitecture } from './HomeArchitecture';
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
const sliderRef = useRef<HTMLDivElement>(null)
|
|
|
|
const handleScrollToSlider = () => {
|
|
sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
|
|
}
|
|
return (
|
|
<div>
|
|
<AnimatedSection>
|
|
<HomeBlink onGetStartedClick={handleScrollToSlider} />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeArchitecture/>
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeTab />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeMap />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeAudience />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<CallToAction />
|
|
</AnimatedSection>
|
|
</div>
|
|
)
|
|
}
|