Better layout for Gallery section

[TechTonicShift]

🚀Feature request

Description

Following is the current layout of the gallery section:

You have to be creative and make a layout that amazes us. Points and bonus points for creativity will be rewarded accordingly.

What more you have to implement?

Transition between images as we move between them and through them.

The solution that we're looking for?

Something that is catchy and soothing to the eye.

[Ayush5071]

Sir @TechTonicShift ,can you please assign this issue to me .

[Ayush5071]

https://github.com/user-attachments/assets/4ccea4d7-6c5b-4a01-abf8-639de4c83002 see this if you like assign this issue to me.Also,let me know if wanna change something.

[TechTonicShift]

Actually I'm expecting a better UI than the one you provided @Ayush5071. The below is an example:

There will be photographs under the partition spaces and the photographs will be highlighted (come up in z axis) when we hover mouse cursor over them. You have to also add smooth transitioning between images as we hover our cursor over them

[Ayush5071]

@TechTonicShift , sure sir i can create the same as you mentioned , please acccept my request to work on this ,if anyone else is not working on it RN.Also, i can design same layout as per Image but need more clarification on transition you want.

[TechTonicShift]

OK. I'll be accepting your request. For now on don't work on the transition part but just try to create the layout and the cursor hover effect. ATB!

[Ayush5071]

sir is layout okay?

[Ayush5071]

@TechTonicShift

[TechTonicShift]

Can you send it in video format? @Ayush5071

[Ayush5071]

https://github.com/user-attachments/assets/9e55a8fa-3a15-4fad-ab98-e08e52d34018

[Ayush5071]

https://github.com/user-attachments/assets/b8fb6988-535b-471c-a54b-04b09e9ffd29

sir,This is final i also implemented dynamic rendering of image as before in this layout.

[Ayush5071]

@TechTonicShift

[TechTonicShift]

@Ayush5071 Great work. Just make sure to remove the dynamic rendering. Provide some margin from left and right. And add text (link) that says "More pictures.." which redirects the user to this URL. https://enactus-mnnit.netlify.app/gallery

[Ayush5071]

https://github.com/user-attachments/assets/2ed6cd13-f13e-4a35-8ad5-40cdbae6179f

Done sir i raised PR also added in Contrihub website

[Ayush5071]

@TechTonicShift I'm very comfortable now working with this codeBase , if there is any more issue or new feature to add please let me know.

[usha-here]

@TechTonicShift Good evening sir, I was assigned this issue through contrihub 2024 and below is my pull request so if you could please review it. https://github.com/ContriHUB/Enactus/pull/3

[Ayush5071]

@TechTonicShift Sir, I raised a new PR, now there are no conflicts.

[TechTonicShift]

@Ayush5071 Your layout was well according to the requirement, hence your PR has been merged. @usha-here There will be more issues in the same repo so keep an eye for them.