How to remove, disable or hide 'Calendar' and 'Jitsi as a Service' boxes?

Thanks for all the previous help.
When I use this code on a web page:

 <script src='https://meet.jit.si/external_api.js'></script>
 <div id="meeting00"></div>
    <script>
    const options = {
    parentNode: document.querySelector('#meeting00'),
    roomName: 'NameOfRoom',
    width: 700,
    height: 750,
}
meetAPI = new JitsiMeetExternalAPI("meet.jit.si", options);
 </script>

I see this image:
FirstScreen

And when I use this code:

 <script src='https://meet.jit.si/external_api.js'></script>
 <div id="meeting00"></div>
    <script>
    const options = {
    parentNode: document.querySelector('#meeting00'),
    GENERATE_ROOMNAMES_ON_WELCOME_PAGE: true,
    width: 700,
    height: 750,
}
meetAPI = new JitsiMeetExternalAPI("meet.jit.si", options);
 </script>

I see this image:

I want the web page visitor to be able to create a room name, but I don’t want ‘Calendar’ box and the ‘Jitsi as a Service’ box, etc. footer to show.

Is there a way to remove, disable or hide those boxes?
And is there a way to remove, disable or hide the scroll bars (vertical and horizontal)?

I look forward to any help. Much thanks