Registering new panel layout

Hello,

I've been following this guide on how to register layout pages https://www.drupal.org/node/2578731

However, after uploading my_theme.layouts.yml file I receive the following message 'The website encountered an unexpected error. Please try again later.'

My file structure looks like this...

themes/custom/qc/qc.layouts.yml
themes/custom/qc/templates/home/homepage.html.twig
themes/custom/qc/templates/home/homepage.css
themes/custom/qc/templates/home/homepage.png

My twig file is...

home:
label: Homepage Layout
category: Homepage
path: templates/home
css: homepage.css
template: homepage
regions:
offer:
label: Offer
offer1:
label: Offer 1
offer2:
label: Offer 2
offer3:
label: Offer 3
offer4:
label: Offer 4
main:
label: Main
first_row_left:
label: First Row Left
first_row_middle:
label: First Row Middle
first_row_right:
label: First Row Right
second_row_left:
label: Second Row Left
second_row_middle:
label: Second Row Middle
second_row_right:
label: Second Row Right
blog_left:
label: Blog Left
blog_right:
label: Blog Right

Any ideas? Will be much appreciated.

TIA