import { AnimatedSection } from '@/components/AnimatedSection'
import { CallToAction } from '@/components/CallToAction'
import { Faqs } from '@/components/Faqs'
import { Hero } from '@/components/Hero'
import { PrimaryFeatures } from '@/components/PrimaryFeatures'
import { UseCases } from '@/components/UseCases'
import { SecondaryFeatures } from '@/components/SecondaryFeatures'
import { Benefits } from '@/components/Benefits'
import { About } from '@/components/About'
import { Features } from '@/components/Features'

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