GULP with Template

Expected behavior: I would like to be able to use GULP (as described in here: https://mdbootstrap.com/education/bootstrap/custom-skin/) with a template.

I have tried to copy the html folder and the scss folder from the template into the dist folder in the MDB-Gulp-Pro_4.8.11 folder and then run: gulp mdb-go (to compile the scss files into the .css files).

I expected the file dist/html/Landing-Page-Cafe.html to now display properly since I am compiling the same .scss files as are in the scss folder in the provided Landing-Page template pack.

Actual behavior: The actual behavior is as if the mdb.min.css file is not configured with the same customization as is done in the Landing-Page template pack.

My objective is to start with the exact template as provided in the Landing-Page template pack and then modify it with GULP to modify it from the provided template.

Resources (screenshots, code snippets etc.) Let me know if recording a video of what I am trying to do would help illustrate what I have already tried.

Can you please provide me with steps of how I can use GULP with the Landing-Page template pack?