PDF / Illustrator / Old web page to new html/css

Please check mockup in attached pdf.
1. Home page
-. Sticky menu: needs to show smaller menu when user scrolls down.
example:
https://www.glassmountains.co.uk/about/
mobile menu example: https://www.glassmountains.co.uk/about/
-. Contact button on top right will bring up a quick contact box when clicked, sliding out from top.
-. The banner need to cover the whole browser (no matter what screen size it is). Example: https://www.vibecreative.co.uk
The 'Book a Table' is clickable. It will bring up a 'Open table' widget. Opentable website is here https://www.opentable.co.uk/
-. The 3 images above 'Our foods' need to be swipable, which means if you slide it left or right, you can see more images. And tap image to see full size.
-. The images above 'Bed & Breakfast' and above footer also swipable
-. footer
-. Need a scroll up button so that people can scroll up to top of page easily. The scroll up button only appears when people scrolls down. example: https://www.onboardonline.com/ you will see the scroll up button on bottom right when you scroll down.

2. Home food page
please check pdf
3. B& B page
please check pdf

4. contact page
Please check existing site
https://www.thequeensathorton.co.uk/contact
It will be menu header on top of the google map (full browser width). It doesn't need to be full height of the browser. Maybe 600px in height in PC mode.
It will be followed by contact content on left column, and then a simple contact form on right column.


Requirements:
1. Bootstrap responsive html/css/js
2. need to be tested on all major browsers and all screen sizes including mobile/tablets
3. pdf & illustrator files provided. For contact page, please look at the existing site to get information.
4. Need to keep tidy and pleasing in mobile mode

Timescale:
3 working days after project awarded.

Thank you!