diff --git a/components/custom/background-effects.tsx b/app/[locale]/background-effects.tsx
similarity index 100%
rename from components/custom/background-effects.tsx
rename to app/[locale]/background-effects.tsx
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 6cd63d6..ef4a2a4 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -3,8 +3,8 @@ import { Geist, Geist_Mono, Inter } from "next/font/google";
 import "../globals.css";
 import { cn } from "@/lib/utils";
 import { ThemeProvider } from "../../components/theme-provider";
-import BackgroundEffects from "../../components/custom/background-effects";
-import Navbar from "../../components/custom/navbar";
+import BackgroundEffects from "./background-effects";
+import Navbar from "./navbar";
 import { NextIntlClientProvider } from "next-intl";
 
 const inter = Inter({subsets:['latin'],variable:'--font-sans'});
diff --git a/components/custom/navbar.tsx b/app/[locale]/navbar.tsx
similarity index 96%
rename from components/custom/navbar.tsx
rename to app/[locale]/navbar.tsx
index 5048bf0..e57d1b4 100644
--- a/components/custom/navbar.tsx
+++ b/app/[locale]/navbar.tsx
@@ -3,9 +3,9 @@
 import { Fragment, useEffect, useState } from "react"
 import Link from "next/link"
 import { cn } from "@/lib/utils"
-import { ThemeSwitch } from "./theme-switch"
+import { ThemeSwitch } from "../../components/custom/theme-switch"
 import { useTranslations } from "next-intl"
-import { LocaleSwitch } from "./locale-switch"
+import { LocaleSwitch } from "../../components/custom/locale-switch"
 import { Button } from "@/components/ui/button"
 import { Menu, X } from "lucide-react"
 import {