import { AnimatedSection } from '../../components/AnimatedSection'
import { HomeAurora } from './HomeAurora'
import { HomeFeaturesDark } from './HomeFeaturesDark'
import { StackSectionLight } from './StackSection'
import { WorldMap } from './HomeGlobe'
import { HomeBenefits } from './HomeBenefits'
import { CallToAction } from './CallToAction'


export default function HomePage() {
  return (
    <div>
      <AnimatedSection>
        <HomeAurora />
      </AnimatedSection>

      <AnimatedSection id="next-section">
        <WorldMap />
      </AnimatedSection>

      <AnimatedSection>
        <StackSectionLight />
      </AnimatedSection>


      <AnimatedSection>
        <HomeFeaturesDark />
      </AnimatedSection>

      <AnimatedSection>
       <HomeBenefits />
      </AnimatedSection>

      <AnimatedSection>
        <CallToAction />
      </AnimatedSection>
    </div>
  )
}