updage

landing/src/App.tsx

@@ -1,3 +1,4 @@
+import { ThemeProvider } from "@/contexts/ThemeContext"
 import { ParticleBackground } from "@/components/ui/magicui"
 import { Hero } from "@/components/sections/Hero"
 import { Features } from "@/components/sections/Features"
@@ -9,23 +10,25 @@ 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>
+    <ThemeProvider defaultTheme="dark" storageKey="devour-ui-theme">
+      <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>
+    </ThemeProvider>
   )
 }