import { AnimatedSection } from '../../components/AnimatedSection'
import { CloudArchitecture } from './CloudArchitecture'
import { CloudFeatures } from './CloudFeatures'
import { CloudGettingStarted } from './CloudGettingStarted'
import { CloudUseCases } from './CloudUseCases'
import { SecurityPillars } from './SecurityPillars'
import { CloudCTA } from './CloudCTA'
import { CloudHeroNew } from './CloudHeroNew'
import { CloudHosting } from './CloudHosting'

export default function CloudPage() {
  return (
    <>

      <AnimatedSection>
        <CloudHeroNew />
      </AnimatedSection>

      <AnimatedSection>
        <CloudHosting />
      </AnimatedSection>

      <AnimatedSection>
        <CloudFeatures />
      </AnimatedSection>

      <AnimatedSection>
        <CloudArchitecture />
      </AnimatedSection>

      <AnimatedSection>
        <CloudGettingStarted />
      </AnimatedSection>
      <AnimatedSection>
        <CloudUseCases />
      </AnimatedSection>
      <AnimatedSection>
        <SecurityPillars />
      </AnimatedSection>
      <AnimatedSection>
        <CloudCTA />
      </AnimatedSection>
    </>
  )
}