renderer.view only displays header and search but not footer

I am doing the "Build a Simple Dynamic Site with Node.js" course and I'm on this video

https://teamtreehouse.com/library/build-a-simple-dynamic-site-with-nodejs/creating-a-basic-template-engine-in-nodejs/reading-from-files

I have a problem with renderer.view it's not displaying the footer no matter what I do.

var Profile = require("./profile");
var render = require('./render');

function home(request, response) {
    if(request.url === '/') {
        response.writeHead(200, {'Content-Type': 'text/plain'});
        render.view('header', {}, response);
        render.view('search', {}, response);
        render.view('footer', {}, response);
    }
}

The code above just doesn't load the server at all, the page keeps loading and eventually I get Page isn't loading

Failed to load resource: net::ERR_CONNECTION_RESET

if I replace the footer part with response.end('Footer'); the page loads but it displays the word Footer instead of loading the content of footer.html

If I test it with only the header part, the page doesn't load, if I test it with header & search or header & footer, the page doesn't load either.

I have no idea what's going on.

This is render.js

var fs = require('fs');

function view(templateName, values, response) {
    var content = fs.readFileSync('./views/' + templateName + '.html');

    response.write(content);
}

module.exports.view = view;