This is the menu section where I display the 4 sections into card elements. These elements are mobile responsive and would shrink as the view width is scaled down. This section is straightforward as there is a description and a button that would lead to the menu page when clicked.
This is the who we are, essentially the About section where I display an image at full width 50% on the left with the content on the right side. I originally had this background color as transparent however, throughout the feedback from my group, we decided to add a bit more color since the website felt very colorless and empty.
IMAGE GALLERY SCREEN
This is the image gallery section where I display an isotope style gallery that the user can filter out the image using the buttons displayed at the top. Each image is clickable as its implementing the lightbox option to view in a carousel slider.
OUR TEAM SCREEN
This is the our team section where the site would display their chefs and staff members that are relevant to the company. I utilized a card element as well as this would shrink into single column when the page is scaled down. Straightforward and simple layout that has a button to navigate to their own page.
STORE INFO SCREEN
This is the final section I added which is the store info section where I integrated the Google Maps API. On the right I have the following store details along with its relevant social media links.