Design & Development
React Router was installed to navigate through the main navigation and nested routes were created under Villa Projects to switch through each property. Under the before and after section, onClick of the arrows would update the state and the variable would be used as a value for the src attribute inside of a square bracket notation to index the next object.
The property image and copy are dynamically rendered making it easy to make amends in the appropriate component with the use of map(). The use of useState was implemented frequently to update the state and display different imagery onClick of the buttons under the before and after section of the homepage.