import { AnimatedSection } from '../../components/AnimatedSection'
import { AgentsHero } from './AgentsHero'
import { DeploySection } from './DeploySection'
import { GallerySection } from './GallerySection'
import { Companies } from './Companies'
import { BentoSection } from './BentoSection'

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

      <AnimatedSection>
        <BentoSection />
      </AnimatedSection>

      <AnimatedSection>
        <GallerySection />
      </AnimatedSection>

      <AnimatedSection>
        <DeploySection />
      </AnimatedSection>

      <AnimatedSection>
        <Companies />
      </AnimatedSection>
    </div>
  )
}
