Index: frontend/src/pages/LandingPage.tsx
===================================================================
--- frontend/src/pages/LandingPage.tsx	(revision d1ee039fd24b2a213cd8404c44d174c80c180877)
+++ frontend/src/pages/LandingPage.tsx	(revision 615dceec5ce09f962e30b3bc96b8c511eea814eb)
@@ -14,4 +14,5 @@
 } from "../utils/types";
 import { toEmbedUrl } from "../utils/utils";
+import { useAuth } from "../context/authContext";
 
 const CATEGORIES: { value: SearchCategory; label: string }[] = [
@@ -25,8 +26,8 @@
   const navigate = useNavigate();
   const { play, currentSong } = usePlayer();
+  const { user } = useAuth();
   const [songs, setSongs] = useState<Song[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
 
-  // search state
   const [searchInput, setSearchInput] = useState("");
   const [activeQuery, setActiveQuery] = useState("");
@@ -36,5 +37,4 @@
   const [hasSearched, setHasSearched] = useState(false);
 
-  // playlist dropdown state
   const [openPlaylistDropdown, setOpenPlaylistDropdown] = useState<
     number | null
@@ -415,75 +415,77 @@
                             {song.releasedBy}
                           </p>
-                          <div className="flex items-center justify-between mt-4 pt-3 border-t border-white/10">
-                            {/* Like button */}
-                            <button
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                toggleLike(song.id);
-                              }}
-                              className="text-gray-400 hover:text-[#1db954] transition-colors cursor-pointer"
-                              aria-label={
-                                song.isLikedByCurrentUser
-                                  ? "Unlike song"
-                                  : "Like song"
-                              }
-                            >
-                              {song.isLikedByCurrentUser ? (
-                                <svg
-                                  className="w-6 h-6 fill-[#1db954]"
-                                  viewBox="0 0 24 24"
-                                >
-                                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
-                                </svg>
-                              ) : (
-                                <svg
-                                  className="w-6 h-6"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  viewBox="0 0 24 24"
-                                >
-                                  <path
-                                    strokeLinecap="round"
-                                    strokeLinejoin="round"
-                                    strokeWidth={2}
-                                    d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
-                                  />
-                                </svg>
-                              )}
-                            </button>
-
-                            {/* Add to playlist button */}
-                            <div className="relative">
+                          {user && (
+                            <div className="flex items-center justify-between mt-4 pt-3 border-t border-white/10">
+                              {/* Like button */}
                               <button
                                 onClick={(e) => {
                                   e.stopPropagation();
-                                  togglePlaylistDropdown(song.id);
+                                  toggleLike(song.id);
                                 }}
                                 className="text-gray-400 hover:text-[#1db954] transition-colors cursor-pointer"
-                                aria-label="Add to playlist"
+                                aria-label={
+                                  song.isLikedByCurrentUser
+                                    ? "Unlike song"
+                                    : "Like song"
+                                }
                               >
-                                <svg
-                                  className="w-6 h-6"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  viewBox="0 0 24 24"
+                                {song.isLikedByCurrentUser ? (
+                                  <svg
+                                    className="w-6 h-6 fill-[#1db954]"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
+                                  </svg>
+                                ) : (
+                                  <svg
+                                    className="w-6 h-6"
+                                    fill="none"
+                                    stroke="currentColor"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <path
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      strokeWidth={2}
+                                      d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
+                                    />
+                                  </svg>
+                                )}
+                              </button>
+
+                              {/* Add to playlist button */}
+                              <div className="relative">
+                                <button
+                                  onClick={(e) => {
+                                    e.stopPropagation();
+                                    togglePlaylistDropdown(song.id);
+                                  }}
+                                  className="text-gray-400 hover:text-[#1db954] transition-colors cursor-pointer"
+                                  aria-label="Add to playlist"
                                 >
-                                  <path
-                                    strokeLinecap="round"
-                                    strokeLinejoin="round"
-                                    strokeWidth={2}
-                                    d="M12 4v16m8-8H4"
-                                  />
-                                </svg>
-                              </button>
-
-                              <PlaylistDropdown
-                                songId={song.id}
-                                isOpen={openPlaylistDropdown === song.id}
-                                onClose={() => setOpenPlaylistDropdown(null)}
-                                direction="above"
-                              />
+                                  <svg
+                                    className="w-6 h-6"
+                                    fill="none"
+                                    stroke="currentColor"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <path
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      strokeWidth={2}
+                                      d="M12 4v16m8-8H4"
+                                    />
+                                  </svg>
+                                </button>
+
+                                <PlaylistDropdown
+                                  songId={song.id}
+                                  isOpen={openPlaylistDropdown === song.id}
+                                  onClose={() => setOpenPlaylistDropdown(null)}
+                                  direction="above"
+                                />
+                              </div>
                             </div>
-                          </div>
+                          )}
                         </div>
                       </div>
