Layout Style 2: Card Image with Floating Badge Overlay

• Description: A media-rich layout featuring a prominent top image with a customizable category badge floating gracefully in the top-right corner. The image is followed by a structured title, description, and action buttons.

• Best Use Cases: portfolio galleries, e-commerce product grids, or featured case studies.

• Key Features:

  • Adjustable image aspect ratios (16:9, 4:3, 1:1, or Auto).

  • Smooth image scale-up (zoom) animation on card hover.

Layout Style 3: Centered Avatar & Profile Layout (User Showcase)

• Description: A specialized layout designed for profiles and testimonials. It features a centered circular image/avatar at the top with flexible badge placements (Top-Left, Top-Right, Center, or Bottom) to highlight roles, ratings, or labels.

• Best Use Cases: "Meet the Team" grids,  or client profiles.

• Key Features:

  • Support for custom background gradient styling.

• • Sleek border controls around the profile avatar image.
    
    

Layout Style 4: Full-Height Image Card with Text Overlay

• Description: A modern, high-impact visual layout where the card background is a full-height image. The card title, subtitle, description, and CTA buttons are elegantly overlaid on a semi-transparent, colored gradient box at the bottom.

• Best Use Cases: Creative agency portfolio showcases, featured service offerings, case studies, or high-conversion landing page banners.

• Key Features:

  • Custom overlay color blocks or gradient options to ensure text readability.

  • Smooth Hover Lift effects that create a premium floating look.
    
    

Layout Style 5: Icon-Centric Minimalist Layout

• Description: A clean, whitespace-friendly layout that strips away background images to focus entirely on a large, centered vector icon, followed by clear typographic hierarchy.

• Best Use Cases:  Listing company core values, step-by-step processes (how it works), or highlighting core services in a clean grid. 

• Key Features:

  • Support for both web font icons (FontAwesome) and custom SVG/PNG icon images.

  • Interactive icon animations on hover (Continuous Spin, Pulse, Rotate, Float/Lift, or Zoom).

Layout Style 6: Single-Column Feature Banner / CTA Card

• Description: A full-width, single-card layout engineered to grab the user's attention and drive conversions. It features centered headings, subtitles, description body, and call-to-action buttons.

• Best Use Cases:  Lead generation forms, newsletter sign-ups, section breakers, or final call-to-action banners at the bottom of the page.

• Key Features:

  • Striking background gradient overlays and customizable border setups.

  • Seamless responsive full-width behavior.

Layout Style 7: Responsive Image Overlay Carousel Slider

• Description:  Reimagines the full-height image card layouts into an interactive, touch-responsive horizontal slider. Ideal for displaying visual-heavy items like featured services, portfolio projects, or case studies without taking up vertical page space.

• Best Use Cases:  Lead generation forms, newsletter sign-ups, section breakers, or final call-to-action banners at the bottom of the page.

• Key Features:

  • Swipe & Drag Enabled: Smooth touch-swipe for mobile devices and click-and-drag functionality for desktop mice.
    
  • Auto-Play Loop: Automatically rotate slides with optional speed controls and hover-to-pause logic.
    
  • Custom Indicators: Styled navigation arrows and active-state pagination dots that adapt to your brand colors.
    

Layout Style 8: Minimalist Icon-Centric Carousel

• Description: Transitions clean, minimalist icon cards into a modern, distraction-free horizontal scroll layout. Perfect for compact sections like core business values, step-by-step processes, or customer testimonials.

• Best Use Cases:  Lead generation forms, newsletter sign-ups, section breakers, or final call-to-action banners at the bottom of the page.

• Key Features:

  • Compact Design: Condenses multiple content blocks into a sleek, horizontal space-saving track.
    

  • Custom Gap controls: Keeps spacing between slide cards consistent based on editor layout settings.