Top Bar

Currently, the social icons and phone number can be easily achieved with the Secondary Navigation add-on.

The message and button are a little harder.

I wonder what the options would look like? A spot directly for your icon URLs and phone number? A textarea that allows you to enter your own data/HTML?

Definitely something worth thinking about :)

On this site I have used the Beaver Builder theme.

I have used there top bar setting and inserted the site message in it here http://www.focusma.co.uk/

The "Get a free trial now" message?

Something like that could be done quite easily in GP Hooks - no need for a Customizer option:

<div class="top-bar">
    <div class="inside-top-bar">
        Get a free trial now!
    </div>
</div>

Then the CSS:

.top-bar {
    background: red;
    color: white;
    font-size: 20px;
    text-align: center;
}