import { AnimatedSection } from '../../components/AnimatedSection'
import { DeploySection } from './DeploySection'
import { Companies } from './Companies'
import { AgentBento } from './AgentBento'
import { AgentHeroAlt } from './AgentHeroAlt'
import { CallToAction } from './CallToAction'
import { AgentUsecase } from './AgentUseCase'

import { AgentPro } from './AgentPro'

export default function AgentsPage() {
  return (
    <div>
      <AnimatedSection>
      <AgentHeroAlt />
      </AnimatedSection>

      <AnimatedSection>
        <DeploySection />
      </AnimatedSection>

      <AnimatedSection>
        <Companies />
      </AnimatedSection>

      <AnimatedSection>
        <AgentUsecase />
      </AnimatedSection>

      <AnimatedSection>
        <AgentBento />
      </AnimatedSection>

      <AnimatedSection>
        <AgentPro />
      </AnimatedSection>

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