import { ParticleBackground } from "@/components/ui/magicui"
import { Hero } from "@/components/sections/Hero"
import { Features } from "@/components/sections/Features"
import { CodeShowcase } from "@/components/sections/CodeShowcase"
import { Architecture } from "@/components/sections/Architecture"
import { Languages } from "@/components/sections/Languages"
import { QuickStart } from "@/components/sections/QuickStart"
import { Footer } from "@/components/sections/Footer"

function App() {
  return (
    <div className="relative min-h-screen bg-background text-foreground overflow-x-hidden">
      {/* Particle Background */}
      <ParticleBackground />
      
      {/* Main Content */}
      <main className="relative z-10">
        <Hero />
        <Features />
        <CodeShowcase />
        <Architecture />
        <Languages />
        <QuickStart />
      </main>
      
      {/* Footer */}
      <Footer />
    </div>
  )
}

export default App