import { AnimatedSection } from '../../components/AnimatedSection'
import { CloudArchitecture } from './CloudArchitecture'
import { CloudUseCases } from './CloudUseCases'
import { CloudHeroNew } from './CloudHeroNew'
import { CloudBluePrint } from './CloudBluePrint'
import { CallToAction } from './CalltoAction'
import { CloudHostingNew } from './CloudHostingNew'
import { CloudFeaturesLight } from './CloudFeaturesLight'


export default function CloudPage() {
  return (
    <>

      <AnimatedSection>
        <CloudHeroNew />
      </AnimatedSection>

      <AnimatedSection>
        <CloudHostingNew />
      </AnimatedSection>

      <AnimatedSection>
        <CloudFeaturesLight />
      </AnimatedSection>

      <AnimatedSection>
        <CloudArchitecture />
      </AnimatedSection>

      <AnimatedSection>
        <CloudUseCases />
      </AnimatedSection>

      <AnimatedSection>
        <CloudBluePrint />
      </AnimatedSection>

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