So, we are taking a shortcut and jumping straight to the UI layer. We still want to make sure that our use case is satisfied, and we will verify it by looking at the UI and interacting with it.
Looking at our use case, the page is a given entity, so we will just create its visual counterpart as an already given instance, place it on top of a table surface, and give it a bit of shadow, to show that it is actually a page and not a window, or a simple rectangle.
We start off by creating a new .qml file in the gui folder, which will contain the table surface. Let's call it TableSurface.qml. Qt Creator provides a specific template wizard for QML files, you can find it under Files and Classes > ...