Hi,
In your page component create a file headless.html and don't include header and footer components in it
e.g. you can put whatever you want in selector file
page.html
<!doctype html>
<html lang="en">
<head>
<sly data-sly-include="partials/head.html" data-sly-unwrap/>
<sly data-sly-include="partials/headlibs.html" data-sly-unwrap/>
</head>
<body class="page ${currentPage.template.name}">
<sly data-sly-include="partials/main.html" data-sly-unwrap/>
<sly data-sly-include="partials/footlibs.html" data-sly-unwrap/>
</body>
</html>
headless.html
<!doctype html>
<html lang="en">
<head>
<sly data-sly-include="partials/headlibs.html" data-sly-unwrap/>
</head>
<body class="page ${currentPage.template.name}">
<sly data-sly-include="partials/main.html" data-sly-unwrap/>
</body>
</html>
or
<body class="page ${currentPage.template.name}">
<sly data-sly-include="partials/main.html" data-sly-unwrap/>
</body>