import { AnimatedSection } from '../../components/AnimatedSection'
import { HomeHero } from './HomeHero'
import { HomeGlobeNew } from './HomeGlobeNew'
import { HomeStat } from './HomeStat'
import { HomeApplication } from './HomeTabs'
import { HomeStack } from './HomeStack'
import { HomeUniverse } from './HomeUniverse'
import { HomeProductsA } from './HomeProductsA'
import { HomeWhy } from './HomeWhy'
import { HomeCTA } from './HomeCTA'







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

      <AnimatedSection>
        <HomeGlobeNew />
      </AnimatedSection>

      <AnimatedSection>
        <HomeStat />
      </AnimatedSection>

      <AnimatedSection>
        <HomeApplication />
      </AnimatedSection>

      <AnimatedSection>
        <HomeStack />
      </AnimatedSection>

      <AnimatedSection>
        <HomeUniverse />
      </AnimatedSection>

      <AnimatedSection>
        <HomeProductsA />
      </AnimatedSection>

      <AnimatedSection>
        <HomeWhy />
      </AnimatedSection>

      <AnimatedSection>
        <HomeCTA />
      </AnimatedSection>
    </div>
  )
}