diff --git a/src/App.tsx b/src/App.tsx
index e409dfb..9ba55e6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,16 +1,19 @@
 import React from 'react';
+import { ThemeProvider } from './components/ui/ThemeProvider';
 import NavbarStyleApple from './components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboard from './components/sections/hero/HeroBillboard';
 import FeatureCardOne from './components/sections/feature/FeatureCardOne';
 
 function App() {
   return (
-    <div className="App">
-      <NavbarStyleApple />
-      <HeroBillboard />
-      <FeatureCardOne />
-    </div>
+    <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
+      <div className="App">
+        <NavbarStyleApple />
+        <HeroBillboard />
+        <FeatureCardOne />
+      </div>
+    </ThemeProvider>
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;