Complete partial raw html uikit website, move raw html to gridsome

I would like my half finished uikit raw html webpage to be turned into a gridsome website with markdown edited pages. The website is not something big, it will have 4 pages with just static text. but i would like the text to be put into markdown files (hence the need for gridsome)

One of the pages will be a product teasing page, for now this should be left with example text and placeholder pictures. This should be simple page that have picture/video, header text, signup form for email list.

Second page will be a about us, i would like this to be filled in with placeholder text.
Third page will be a simple contact us, here i would like to have placeholder for a form. (can just be empty html forms styled with bootstrap)
The last page is the index page, i want this to be left as is for now, but turned into gridsome.

I would like to keep the existing design using uikit, but im also open for changes where you see fit, but i would like to keep uikit as the framework.

Here is a preview of the current website https://www.freeheit.no/

I will give you access to the gitlab repository.

Skills needed:
html,
js,
vue,
gridsome,
git,
uikit