import { AnimatedSection } from '../../components/AnimatedSection'
import { CloudHero } from './CloudHero'
import { FeaturesSection } from './FeaturesSection'
import { MyceliumNetworking } from './MyceliumNetworking'
import { WebGateway } from './WebGateway'
import { MultiMaster } from './MultiMaster'
import { LoadBalancing } from './LoadBalancing'
import { CloudCTA } from './CloudCTA'

export default function CloudPage() {
  return (
    <div>
      <AnimatedSection>
        <CloudHero />
      </AnimatedSection>
      
      <AnimatedSection>
        <FeaturesSection />
      </AnimatedSection>

      <AnimatedSection>
        <MyceliumNetworking />
      </AnimatedSection>

      <AnimatedSection>
        <WebGateway />
      </AnimatedSection>

      <AnimatedSection>
        <MultiMaster />
      </AnimatedSection>

      <AnimatedSection>
        <LoadBalancing />
      </AnimatedSection>

      <AnimatedSection>
        <CloudCTA />
      </AnimatedSection>
    </div>
  )
}