Thanks. I missed a step. It's working fine now.
First up, your need to change your sites Front Page so that it’s displaying a Static Page, rather than your latest posts. You do this within the SETTINGS > READING page. For the option ‘Front page displays’, select ‘A static page’ and then select the Page you want to display for the homepage and the page you want to use for your blog posts.
I missed the step below
When creating the page to use for your ‘Front Page’, make sure to set the template to Front Page Template using the ‘Template’ dropdown list in the Page Attributes panel on the right of the page.
Next, in the APPEARANCE > WIDGETS page, add a text widget to the First Front Page Banner Widget. Add a title to the text widget and in the content area, I added the following:
<h2>Your basic building block for creating beautiful, responsive custom themes built on HTML5 & CSS3</h2>
<p>Call to action!</p>
You can obviously change the text as you please and add a proper url to the link.
In the Second Front Page Banner Widget I just added another text widget and added the following img html tag:
<img src="insert-your-image-url-here" alt="Add your img ALT text in here" />
You could also use something like this Image Widget plugin. It’s a great little plugin that allows you to add images to your widgets really easily.
The three widget areas below the main content are simply text widgets again, added to the First Front Page Widget Area, Second Front Page Widget Area and Third Front Page Widget Area.