Gallery24 is a visually engaging component designed to present a gallery of images with interactive features. The component showcases multiple images in a dynamic carousel format and allows users to interact with individual images. This interaction highlights additional details in an overlay, enhancing user engagement with the visual content.
The component is structured to provide an immersive experience. It features a central title and a brief description that sets the context for the gallery. Users can interact with the images using hover and click actions, which animate the details of the selected image into view. This interaction is animated smoothly, maintaining a user-friendly interface. The design includes a button for adding items to a cart, making it ideal for e-commerce platforms, and a contact button to facilitate direct user interactions.
| Package | Type |
|---|---|
| framer-motion | NPM |
| lucide-react | NPM |
| react | NPM |
button @shadcn | Registry |