Generate UGC Gallery Section

Create a user-generated content (UGC) gallery section:

Gallery Item Content:

  Customer-submitted photo
  Customer name or social media handle: @[HANDLE]
  Caption text (optional)
  Tagged product(s) with link to product page
  Social platform source icon (Instagram, TikTok, etc.)
  Like/heart count (optional display)


Gallery Layout:

  Grid style: [masonry/uniform-grid/justified]
  Columns: [3/4/5/6] on desktop
  Gap between images: [GAP]px
  Aspect ratio for uniform grid: [square/4:3/3:2]
  Load more button or infinite scroll after [NUMBER] items


Lightbox Features:

  Click to open full-size image
  Product tag overlay with “Shop This” link
  Customer name and caption in lightbox
  Navigation arrows between gallery items
  Close button and click-outside-to-close


Section Settings:

  Section heading: [SECTION_HEADING] (e.g., “Our Customers Love It”, “Share Your Style”)
  Subheading with hashtag: #[HASHTAG]
  CTA text: [CTA_TEXT] (e.g., “Share your photo for a chance to be featured”)
  Background color: [BACKGROUND_COLOR]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Design Options:

  Image hover effect: [zoom/darken-overlay/slide-up-info]
  Border radius on images: [RADIUS]px
  Optional image border or shadow
  Accent color: [ACCENT_COLOR]


Requirements:

  Lazy loading for all images
  Responsive: fewer columns on smaller screens
  Accessible alt text per image
  Lightbox keyboard navigation (Escape to close, arrows to navigate)
  Support for at least [NUMBER] gallery items
  Integration-ready for [Instagram API/manual upload/third-party UGC app]