import { AnimatedSection } from '../../components/AnimatedSection'
import { DeploySection } from './DeploySection'
import { GallerySection } from './GallerySection'
import { Companies } from './Companies'
import { BentoSection } from './BentoSection'
import { AgentHeroAlt } from './AgentHeroAlt'
import { CallToAction } from './CallToAction'
import { AgentComponents } from './AgentComponents'

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

      <AnimatedSection>
        <DeploySection />
      </AnimatedSection>

      <AnimatedSection>
        <Companies />
      </AnimatedSection>

      <AnimatedSection>
        <GallerySection />
      </AnimatedSection>

      <AnimatedSection>
        <BentoSection />
      </AnimatedSection>

      <AnimatedSection>
        <AgentComponents />
      </AnimatedSection>

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