Sidekick: Design Team Members Grid Section

Design a team members grid section for my Shopify store theme:

Section Heading: [e.g., “Meet Our Team” or custom heading]
Subheading: [OPTIONAL SUBHEADING, e.g., “The people behind the brand”]

Team Members to Display:


  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES ABOUT THEIR BACKGROUND OR ROLE]
Photo: [UPLOAD OR DESCRIBE]
Social links: [LINKEDIN URL, INSTAGRAM URL, or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  


(Add more team members as needed following the same format.)

Grid Layout:

  Columns per row: [2/3/4]
  Card style: [minimal/bordered/shadow/overlay on hover]
  Photo shape: [circle/square/rounded square]
  Photo aspect ratio: [1:1 square/3:4 portrait]
  Show social icons: [yes/no]


Design Preferences:

  Background color: [COLOR OR “match theme”]
  Text alignment: [centered/left-aligned]
  Hover effect: [show bio on hover/subtle zoom/none]
  Name font weight: [bold/semi-bold]
  Role text color: [muted gray/accent color/theme default]


Responsive Behavior:

  On mobile, display [1/2] columns
  Bios should [always show/only show on tap on mobile]