import { AnimatedSection } from '../../components/AnimatedSection'
import { ComputeHero } from './ComputeHero'
import { ComputeFeatures } from './ComputeFeatures'
import { ComputeArchitecture } from './ComputeArchitecture'
import { ComputeUseCases } from './ComputeUseCases'
import { CallToAction } from './CallToAction'
import { ComputeDesign } from './ComputeDesign'
import { ComputeOverview } from './ComputeOverview'
import { ComputeCapabilitiesNew } from './ComputeCapabilitiesNew'


export default function ComputePage() {
  return (
    <div className="">
      <AnimatedSection>
        <ComputeHero />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeCapabilitiesNew />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeDesign />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeArchitecture />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeFeatures />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeUseCases />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeOverview />
      </AnimatedSection>

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