diff --git a/next.config.js b/next.config.js
index 0d91467..c8bbe3e 100644
--- a/next.config.js
+++ b/next.config.js
@@ -11,7 +11,7 @@ const nextConfig = {
             },
         ],
     },
-    basePath: "",
+    basePath: "/static",
 
     images: {
         unoptimized: true,
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index f5fa093..61be1fe 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -30,7 +30,7 @@ export default function Page() {
 
                 <Image
                     className="mt-4 w-full rounded-md"
-                    src="/preview.png"
+                    src="/static/preview.png"
                     alt="preview"
                     width={1858}
                     height={785}
diff --git a/src/components/common/ThemedWrapper.tsx b/src/components/common/ThemedWrapper.tsx
index 23c58c1..ab6a512 100644
--- a/src/components/common/ThemedWrapper.tsx
+++ b/src/components/common/ThemedWrapper.tsx
@@ -1,6 +1,7 @@
 export type ThemedWrapperProps = {
     children?: React.ReactNode;
     className?: string;
+    onClick?: () => void;
 } & JSX.IntrinsicAttributes;
 
 export default function ThemedWrapper({
diff --git a/src/components/search/ProfileCard.tsx b/src/components/search/ProfileCard.tsx
index aabe131..7ff3fc7 100644
--- a/src/components/search/ProfileCard.tsx
+++ b/src/components/search/ProfileCard.tsx
@@ -1,4 +1,4 @@
-import ThemedWrapper from "../common/ThemedWrapper";
+import ThemedWrapper from "@/components/common/ThemedWrapper";
 import Image from "next/image";
 
 interface ProfileCardProps {