Add logos and display in carousel #452
Conversation
| emblaRoot?.forEach((root) => { |
There was a problem hiding this comment.
Now that there are 2 carousels on the same, page, the JavaScript has been updated so that separate options may be set for each one. Although the align option should always be start to ensure the carousel begins with the first slide that we set. Currently, the options for both carousels are the same but adding this flexibility now will make it easier if we want to make changes.
| {{ end }} | ||
| {{ end }} | ||
| </ul> | ||
| <div class="embla overflow-hidden" data-loop="true" data-scroll="1"> |
There was a problem hiding this comment.
When the user scrolls through the logos, only 1 moves at a time. We can change this to another number. Also, the user will be able to loop through all of the logos. This means that when the user gets to the last logo they will see the first one. This matches how we handle the testimonials.
| {{ end }} | ||
| </ul> | ||
| </div> | ||
| <div class="flex justify-between lg:justify-center gap-x-8 items-center mt-4 p-2 sm:p-6"> |
There was a problem hiding this comment.
Displaying on the side of the logos, instead of below them, led to issues where the styles were blocked. I couldn't figure out how to prevent that, so they will appear below the logos for now.
This PR adds more client logos and displays them in a carousel on the home page.
https://www.awesomescreenshot.com/video/36202864?key=917496caf4e8c46fa64dd909930c659b