carrousel fearure#123
Open
khadyM-hub wants to merge 3 commits into
Open
Conversation
…tioninacarouselformat,allowinguserstonavigatethroughthegalleryandvieweachimagealongsideitscorrespondingdescription
|
@GabrielPlus is attempting to deploy a commit to the swahilipothubdev's projects Team on Vercel. A member of the Team first needs to authorize it. |
Collaborator
|
@khadyM-hub Resolve the conflicts on this please |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The code defines a gallery component in React using Next.js, structured to present a visually engaging carousel of images paired with descriptive text. It begins by importing necessary modules, including UI components for cards and the carousel from a designated library. The gallery features an array of image objects, each comprising a source URL and a detailed description, which collectively enrich the user's understanding of the content. Inside the
CarouselDemofunction, the images are rendered within a carousel structure, leveraging theCarousel,CarouselContent, andCarouselItemcomponents for seamless navigation. Each image is wrapped in aCardcomponent, ensuring a polished look while the corresponding description is centered below each image, enhancing accessibility. Additionally, the mainGallerycomponent includes a back-to-home link, allowing for easy navigation within the app. Overall, this implementation provides an interactive and user-friendly experience, allowing users to explore the gallery effortlessly while gaining insights into each showcased moment.