Services Grid Pro

The Services Grid Pro Module is a flexible and reusable component designed to showcase services, features, or solutions in a visually appealing card-based layout. It provides multiple layout options, allowing content editors to choose the design that best fits their page without modifying any code. The module includes a customizable section heading with a title and description, followed by responsive service cards displayed in either two-column or three-column grid layouts. Each card supports optional badges, icons, titles, descriptions, and configurable call-to-action buttons. Editors can individually customize the background color, text colors, button colors, and border colors for every card, making each card unique when needed.

The module is fully responsive and automatically adapts its layout for desktop, tablet, and mobile devices. Separate spacing controls are available for desktop, tablet, and mobile to maintain consistent spacing across different screen sizes. The cards include smooth hover animations, elevation effects, icon scaling, and button transitions to create an engaging user experience. Optional service icons and button icons can also be enabled to enhance the overall visual presentation. The module is built with a dynamic and reusable structure along with scoped styling to ensure clean code organization and prevent style conflicts with other page components.