import { AnimatedSection } from '../../components/AnimatedSection'
import { ComputeHero } from './ComputeHero'
import { ComputeOverview } from './ComputeOverview'
import { ComputeFeatures } from './ComputeFeatures'
import { ComputeZeroImage } from './ComputeZeroImage'
import { ComputeArchitecture } from './ComputeArchitecture'
import { ComputeDeveloperExperience } from './ComputeDeveloperExperience'
import { ComputeUseCases } from './ComputeUseCases'
import { ComputeDifferentiators } from './ComputeDifferentiators'
import { CallToAction } from './CallToAction'
import { ComputeCapabilities } from './ComputeCapabilities'
import { ComputeDesign } from './ComputeDesign'

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

      <AnimatedSection>
        <ComputeCapabilities />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeDesign />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeFeatures />
      </AnimatedSection>

      <AnimatedSection>
        <ComputeOverview />
      </AnimatedSection>

    
      <AnimatedSection>
        <ComputeZeroImage />
      </AnimatedSection>
      <AnimatedSection>
        <ComputeArchitecture />
      </AnimatedSection>
      <AnimatedSection>
        <ComputeDeveloperExperience />
      </AnimatedSection>
      <AnimatedSection>
        <ComputeUseCases />
      </AnimatedSection>
      <AnimatedSection>
        <ComputeDifferentiators />
      </AnimatedSection>
      <AnimatedSection>
        <CallToAction />
      </AnimatedSection>
    </div>
  )
}
