sasha-astiadi
91d249f097
- Revised hosting section description to emphasize decentralized grid and user control - Swapped order of StackSectionLight and HomeHostingDark sections - Enhanced Kubernetes feature description with additional context
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import { useRef } from 'react'
|
|
import { AnimatedSection } from '../../components/AnimatedSection'
|
|
import { HomeAurora } from './HomeAurora'
|
|
import { StackSectionLight } from './StackSection'
|
|
import { WorldMap } from './HomeGlobe'
|
|
import { HomeBenefits } from './HomeBenefits'
|
|
import { CallToAction } from './CallToAction'
|
|
import { HomeSlider } from './HomeSlider'
|
|
import { HomeHostingDark } from './HomeHostingDark'
|
|
import { HomeComparisonTable } from './HomeComparisonTable'
|
|
|
|
|
|
export default function HomePage() {
|
|
const sliderRef = useRef<HTMLDivElement>(null)
|
|
|
|
const handleScrollToSlider = () => {
|
|
sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
|
|
}
|
|
return (
|
|
<div>
|
|
<AnimatedSection>
|
|
<HomeAurora onGetStartedClick={handleScrollToSlider} />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection id="next-section">
|
|
<WorldMap />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeHostingDark />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<StackSectionLight />
|
|
</AnimatedSection>
|
|
|
|
|
|
|
|
<AnimatedSection>
|
|
<HomeBenefits />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection ref={sliderRef}>
|
|
<HomeSlider />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeComparisonTable />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<CallToAction />
|
|
</AnimatedSection>
|
|
</div>
|
|
)
|
|
}
|