Generate Customer Quote Wall Section

What This Sidekick Query Does

Create a customer quote wall section with these features:

Quote Card Content:

  Customer quote text
  Customer name
  Customer title/role and company (optional)
  Customer photo (optional, circular)
  Star rating (optional)
  Source platform icon (optional)
  Date of quote


Wall Layout:

  Masonry grid with varied card heights based on quote length
  Columns: [3/4/5] on desktop
  Column gap: [GAP]px
  Row gap: [GAP]px
  Optional: highlight [NUMBER] quotes with accent color background


Card Styles:

  Regular cards: white/light background
  Highlighted cards: [ACCENT_COLOR] background with contrasting text
  Card border radius: [RADIUS]px
  Card padding: [PADDING]px
  Quote mark decoration: [large-quote-mark/line-left/none]
  Shadow: [none/subtle/medium]


Section Settings:

  Section heading: [SECTION_HEADING]
  Subheading: [SUBHEADING]
  Background color: [BACKGROUND_COLOR]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  “Load More” button after [NUMBER] visible quotes
  Total quotes supported: at least [NUMBER]


Design Options:

  Quote text font: [serif/sans-serif/custom]
  Quote text size range: [MIN_SIZE]px to [MAX_SIZE]px (larger for shorter quotes)
  Hover effect: [elevate/highlight/none]
  Animate cards in on scroll: [fade-up/fade-in/none]


Requirements:

  True masonry layout (CSS grid or JavaScript-assisted)
  Responsive: fewer columns on smaller screens
  Lazy render quotes below the fold
  Accessible card structure
  Randomize highlight card positions
  Smooth “Load More” with no page jump

Expected Output

Tips to Improve Results