import { I18nProvider } from './i18n'
import { Header } from './sections/Header'
import { Hero } from './sections/Hero'
import { Features } from './sections/Features'
import { HowItWorks } from './sections/HowItWorks'
import { Privacy } from './sections/Privacy'
import { Pricing } from './sections/Pricing'
import { FAQ } from './sections/FAQ'
import { CTA } from './sections/CTA'
import { Footer } from './sections/Footer'

export function App() {
  return (
    <I18nProvider>
      <div className="min-h-screen bg-surface-950">
        <Header />
        <main>
          <Hero />
          <Features />
          <HowItWorks />
          <Privacy />
          <Pricing />
          <FAQ />
          <CTA />
        </main>
        <Footer />
      </div>
    </I18nProvider>
  )
}