diff --git a/public/assets/characters-preview/luis.png b/public/assets/characters-preview/luis.png
new file mode 100644
index 0000000..3ef819d
Binary files /dev/null and b/public/assets/characters-preview/luis.png differ
diff --git a/public/assets/characters/luis/walk.png b/public/assets/characters/luis/walk.png
new file mode 100644
index 0000000..b58a472
Binary files /dev/null and b/public/assets/characters/luis/walk.png differ
diff --git a/public/assets/characters/sofia2/walk.png b/public/assets/characters/sofia2/walk.png
new file mode 100644
index 0000000..91c615d
Binary files /dev/null and b/public/assets/characters/sofia2/walk.png differ
diff --git a/src/app/cafe/page.tsx b/src/app/cafe/page.tsx
index 6f37128..5c19358 100644
--- a/src/app/cafe/page.tsx
+++ b/src/app/cafe/page.tsx
@@ -25,7 +25,7 @@ export default async function CafePage() {
   }
 
   return (
-    <OnlineUsersProvider>
+    <OnlineUsersProvider>      
       <EmoteProvider>
         <div className="relative w-full h-dvh overflow-hidden">
           <div className="w-full h-full">
@@ -36,12 +36,13 @@ export default async function CafePage() {
                   id: userId || "",
                   username: profile?.username || "Guest",
                   profile_url: profile?.profile_url || "default-avatar.png",
+                  avatar: profile?.avatar,
                 }}
               />
             </main>
           </div>
         </div>
-      </EmoteProvider>
-    </OnlineUsersProvider>
+      </EmoteProvider>     
+     </OnlineUsersProvider>
   );
 }
diff --git a/src/components/profile-form.tsx b/src/components/profile-form.tsx
index ad7992a..47cbae2 100644
--- a/src/components/profile-form.tsx
+++ b/src/components/profile-form.tsx
@@ -46,6 +46,11 @@ const avatars = [
     name: "sofia2",
     image: "/assets/characters-preview/sofia.png",
   },
+  {
+    id: "3",
+    name: "luis",
+    image: "/assets/characters-preview/luis.png",
+  },
 ];
 
 export const ProfileForm = ({ profile }: ProfileFormProps) => {