@Gareth_Ellison it’s a good start, but there are a couple of things that I think you change.
The load animation
The over all animation could have a better video quality, I don’t know if you created it yourself or not. I think you could use a thicker font-weight and a slightly brighter color to make the text more readable. Also, the “your logo here” part should be removed to provide a better presentation.
The Header Area
The ship can be tad bit bigger. The “An experience like no other” headline seems it would be a better fit to be above the buttons and at a larger size, maybe 48.83px. The buttons could have a slightly faster transition.
Overall Page and User Experience
The scrolling animations are nice, but they are excessive and a bit slow which may not be appropriate for a project like this. Think about it like this, if I’m coming to a restaurant’s website to get certain information quickly whether it’s about the food or something else, I don’t want to have to scroll a long time to get to that information. This is especially true for older users who typically would enjoy this type of restaurant more than someone my age (20).
I feel it would be best if you optimize your design, so that the scrolling is not overwhelming and they feel a bit snappier.
Another thing I noticed is the size of the body copy rather small. 16px is generally an overall good size for body copy. At the moment, people who don’t have the greatest eye sight or who are older will have a difficult time reading text at 11-14px.
Make sure that when you go over your design in different viewports, you check to make sure that elements have the appropriate spacing and they aren’t too cramped.
Some Resources To Help
Making a style guide before you start physically building out any website is essential. It saves you time on having to recreate elements and outputting repetitive CSS which can impact site performance. It’s also great for design consistency.
Here is a good video to watch: Dynamic Style Guides | Web Development Basics in #Webflow - YouTube
https://types-scale.com/ will help you create more efficient typography scaling.
I can also recommend checking out Wizardy created by Timothy Ricks. Which I think will greatly help with responsive scaling of elements and text.
New Responsive Technique for Webflow: Introducing wizardry. - YouTube
I’m sorry if this is a lot to digest, but I hope it helps you. Feel free to contact me with any questions.