sasha-astiadi
0d9f357881
- Integrated next-themes for dark mode theming with default dark theme - Added new UI components (GridBlink, Spotlight) and enhanced world map with cyan glow effects - Updated homepage messaging to emphasize Mycelium as a living network with new audience imagery
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 { HomeWhy} from './HomeWhy'
|
|
import { HomeMap } from './HomeMap'
|
|
import { HomeAudience } from './HomeAudience'
|
|
import { HomeBlink } from './HomeBlink'
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
const sliderRef = useRef<HTMLDivElement>(null)
|
|
|
|
const handleScrollToSlider = () => {
|
|
sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
|
|
}
|
|
return (
|
|
<div>
|
|
<AnimatedSection>
|
|
<HomeBlink onGetStartedClick={handleScrollToSlider} />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeWhy />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeTab />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeMap />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeAudience />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<CallToAction />
|
|
</AnimatedSection>
|
|
</div>
|
|
)
|
|
}
|