diff --git a/examples/mem0-demo/app/assistant.tsx b/examples/mem0-demo/app/assistant.tsx
index 89ee5448..2ece8f5a 100644
--- a/examples/mem0-demo/app/assistant.tsx
+++ b/examples/mem0-demo/app/assistant.tsx
@@ -45,7 +45,7 @@ const useUserId = () => {
 export const Assistant = () => {
   const { userId, resetUserId } = useUserId();
   const runtime = useChatRuntime({
-    api: "/api/chat",
+    api: "https://demo.mem0.ai/api/chat",
     body: { userId },
   });
 
diff --git a/examples/mem0-demo/components/assistant-ui/theme-aware-logo.tsx b/examples/mem0-demo/components/assistant-ui/theme-aware-logo.tsx
index 8780347e..74f55462 100644
--- a/examples/mem0-demo/components/assistant-ui/theme-aware-logo.tsx
+++ b/examples/mem0-demo/components/assistant-ui/theme-aware-logo.tsx
@@ -1,5 +1,6 @@
 "use client";
-
+import darkAssistantUi from "@/images/assistant-ui-dark.svg";
+import assistantUi from "@/images/assistant-ui.svg";
 import React from "react";
 import Image from "next/image";
 
@@ -27,7 +28,7 @@ export default function ThemeAwareLogo({
   }
   
   // For default variant, use the full logo image
-  const logoSrc = isDarkMode ? "/images/assistant-ui-dark.svg" : "/images/assistant-ui.svg";
+  const logoSrc = isDarkMode ? darkAssistantUi : assistantUi;
   
   return (
     <Image
diff --git a/examples/mem0-demo/components/mem0/theme-aware-logo.tsx b/examples/mem0-demo/components/mem0/theme-aware-logo.tsx
index ce9ffbad..536c11ec 100644
--- a/examples/mem0-demo/components/mem0/theme-aware-logo.tsx
+++ b/examples/mem0-demo/components/mem0/theme-aware-logo.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import darkLogo from "@/images/dark.svg";
+import lightLogo from "@/images/light.svg";
 import React from "react";
 import Image from "next/image";
 
@@ -27,7 +29,7 @@ export default function ThemeAwareLogo({
   }
   
   // For default variant, use the full logo image
-  const logoSrc = isDarkMode ? "/images/dark.svg" : "/images/light.svg";
+  const logoSrc = isDarkMode ? darkLogo : lightLogo;
   
   return (
     <Image
diff --git a/examples/mem0-demo/public/images/assistant-ui-dark.svg b/examples/mem0-demo/images/assistant-ui-dark.svg
similarity index 100%
rename from examples/mem0-demo/public/images/assistant-ui-dark.svg
rename to examples/mem0-demo/images/assistant-ui-dark.svg
diff --git a/examples/mem0-demo/public/images/assistant-ui.svg b/examples/mem0-demo/images/assistant-ui.svg
similarity index 100%
rename from examples/mem0-demo/public/images/assistant-ui.svg
rename to examples/mem0-demo/images/assistant-ui.svg
diff --git a/examples/mem0-demo/public/images/dark.svg b/examples/mem0-demo/images/dark.svg
similarity index 100%
rename from examples/mem0-demo/public/images/dark.svg
rename to examples/mem0-demo/images/dark.svg
diff --git a/examples/mem0-demo/public/images/light.svg b/examples/mem0-demo/images/light.svg
similarity index 100%
rename from examples/mem0-demo/public/images/light.svg
rename to examples/mem0-demo/images/light.svg
diff --git a/examples/mem0-demo/next.config.ts b/examples/mem0-demo/next.config.ts
index e9ffa308..41ba5796 100644
--- a/examples/mem0-demo/next.config.ts
+++ b/examples/mem0-demo/next.config.ts
@@ -2,6 +2,24 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  assetPrefix: "https://demo.mem0.ai",
+  images: {
+    path: "https://demo.mem0.ai",
+  },
+  async headers() {
+    return [
+        {
+            // matching all API routes
+            source: "/api/:path*",
+            headers: [
+                { key: "Access-Control-Allow-Credentials", value: "true" },
+                { key: "Access-Control-Allow-Origin", value: "*" },
+                { key: "Access-Control-Allow-Methods", value: "GET,DELETE,PATCH,POST,PUT" },
+                { key: "Access-Control-Allow-Headers", value: "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version" },
+            ]
+        }
+    ]
+}
 };
 
 export default nextConfig;