Moving the page title into the header area

I am wondering how I would add the page title into the header area?

I have added an image into the header and I am working on figuring out how to add the page title and perhaps also the meta information directly into the header.

I have tried:

beans_modify_action_hook( 'beans_post_title', 'beans_header_append_markup' );

It works well on various pages but on the blog page the post titles are removed and the latest post shows its title in the header. So I need a way on the blog page and perhaps also archive page to select to show blog and archive title and not the post title.

I have found a method to do this and made a tutorial for it: https://wpbeansframework.com/replace-header-image-with-featured-image/

I will be greatly extending this tutorial into a (likely) part 2.