Hi there,
First you will need to make set a static page as the front page:
https://codex.wordpress.org/Settings_Reading_Screen
Unfortunately making columns that are separated isn’t very easy to do currently as Gutenberg columns don’t have built-in gutter options.
I don’t know if there are any columns plugin that offer it either.
I would recommend starting with Gutenberg columns first then go from there.
Otherwise you will need to use one of the plugins suggested here:
https://docs.generatepress.com/article/creating-columns/#using-plugins
But again I don’t think you can have a separate container columns like that without some custom coding.