import { AnimatedSection } from '../../components/AnimatedSection'
import { Hero } from './Hero'
import { About } from './About'
import { Features } from './Features'
import { PrimaryFeatures } from './PrimaryFeatures'
import { SecondaryFeatures } from './SecondaryFeatures'
import { CallToAction } from './CallToAction'

export default function NetworkPage() {
  return (
    <>
      <AnimatedSection>
        <Hero />
      </AnimatedSection>
      <AnimatedSection>
        <About />
      </AnimatedSection>
      <AnimatedSection>
        <Features />
      </AnimatedSection>
      <AnimatedSection>
        <PrimaryFeatures />
      </AnimatedSection>
      <AnimatedSection>
        <SecondaryFeatures />
      </AnimatedSection>
      <AnimatedSection>
        <CallToAction />
      </AnimatedSection>
    </>
  )
}