diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
index 3fb05ff..c9d6ea7 100644
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -1,11 +1,8 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "../globals.css";
-import { ThemeProvider } from "@/components/theme-provider";
-import { Toaster } from "@/components/ui/sonner";
-import { Footer } from "@/components/footer";
-import { I18nProviderClient } from "@/lib/i18n/client";
 import { getI18n } from "@/lib/i18n/server";
+import { Providers } from "@/components/providers";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -37,18 +34,9 @@ export default function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        <I18nProviderClient locale={locale}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="system"
-            enableSystem
-            disableTransitionOnChange
-          >
-            {children}
-            <Footer />
-            <Toaster />
-          </ThemeProvider>
-        </I18nProviderClient>
+        <Providers locale={locale}>
+          {children}
+        </Providers>
       </body>
     </html>
   );
diff --git a/src/components/providers.tsx b/src/components/providers.tsx
new file mode 100644
index 0000000..ebbfa33
--- /dev/null
+++ b/src/components/providers.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme-provider";
+import { I18nProviderClient } from "@/lib/i18n/client";
+import { Toaster } from "@/components/ui/sonner";
+import { Footer } from "@/components/footer";
+
+export function Providers({
+  children,
+  locale,
+}: {
+  children: React.ReactNode;
+  locale: string;
+}) {
+  return (
+    <I18nProviderClient locale={locale}>
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="system"
+        enableSystem
+        disableTransitionOnChange
+      >
+        {children}
+        <Footer />
+        <Toaster />
+      </ThemeProvider>
+    </I18nProviderClient>
+  );
+}
\ No newline at end of file
