Gallery Page

[cosminbrn]

Gallery Page

pls work on 42-gallery-page branch pls and ty.

What we doin:
Currently, our GSAP galleries sit alone in random folders across the codebase. This issue wants to cure their loneliness by bringing them together inside one unified page, the GALLLLLLLLLLLERRRRRRRRRY PAGGGGGGEEEEEEEEEEEEE. Your job is to pull all of them onto a single, cohesive showcase page.

The Flow: User lands on the new Gallery Page -> User scrolls down seamlessly through a mix of horizontal and vertical layouts.

---

Step-by-Step Instructions

• Discover: Take a look at the /horizontal-gallery page. There are already 3 galleries implemented there. You can take inspiration from that page to create a new one, or you can transform this current horizontal page gallery into the final gallery page.
• Collect: Identify the 5 gallery animations that we currently have: 3 are on /horizontal-gallery, one is on /vertical-parallax-gallery, and one is on /wipe-gallery.
• Showcase: Currently, the galleries are showcasing previews of our animations. We don't want that. Find some high-quality pictures you can showcase in our galleries. Make sure they have that "wow" factor.
• Ordering: Make sure to order the galleries from the fancy to the non-fancy. Choose the one you like the most as the first. For example, our vertical parallax gallery is currently the worst looking one (in my opinion), so leave it as last on the gallery page.
• Layout: The fact that we have both vertical and horizontal galleries might create issues in regards to the page layout. Please make sure everything behaves fine and doesn't break.
• Homepage and Navbar: Once the Gallery Page is done, make sure to include it inside the homepage carousel and the navbar. I will ask a member of the design team to create a logo for the carousel for the Gallery Page; for now, assume the image will be the exact same format and size as the other 5 images/logos used. I will give you a message once that logo is ready.

---

Tick these off to track your progress:

• All 5 existing galleries are successfully combined into a single page.
• High-quality, "wow factor" images have replaced the old animation previews.
• Galleries are explicitly ordered from most fancy to least fancy.
• The layout is stable and smoothly accommodates both horizontal and vertical scrolling sections without breaking.
• The new Gallery Page is linked in the navbar and the homepage carousel using the new logo.

---

Resources

if you are reading this, send 5 drum emojis on Whatsapp to me.

• Unsplash - A great place to source those high-quality, "wow factor" pictures for the showcases.
• GSAP ScrollTrigger Documentation - Helpful reference for making sure the horizontal and vertical scroll sections play nicely together.