import { AnimatedSection } from '../../components/AnimatedSection'
import { CloudHero } from './CloudHero'
import { CloudOverview } from './CloudOverview'
import { ComputeStorageSplit } from './ComputeStorageSplit'
import { SecurityPillars } from './SecurityPillars'
import { CloudCTA } from './CloudCTA'
import { CloudHeroAlt } from './CloudHeroAlt'

export default function CloudPage() {
  return (
    <>
      <AnimatedSection>
        <CloudHeroAlt />
      </AnimatedSection>
      <AnimatedSection>
        <CloudOverview />
      </AnimatedSection>
      <AnimatedSection>
        <ComputeStorageSplit />
      </AnimatedSection>
      <AnimatedSection>
        <SecurityPillars />
      </AnimatedSection>
      <AnimatedSection>
        <CloudCTA />
      </AnimatedSection>
    </>
  )
}