Generate Case Study Section

Create a case study showcase section with these specifications:

Case Study Card Content:

  Featured image or customer logo
  Case study title
  Customer/company name
  Industry tag: [INDUSTRY]
  Challenge summary (2-3 sentences)
  Solution description (2-3 sentences)
  Key results with metrics (up to [NUMBER] stats)
  Customer quote with attribution
  “Read Full Story” CTA button linking to [CASE_STUDY_URL]


Key Metrics Display:

  Large number with label (e.g., “150% increase in sales”)
  Before/after comparison values
  Metric icon or small graphic
  Animated counter on scroll into view


Layout Options:

  Display style: [featured-single/grid/carousel]
  Grid columns: [2/3] for multiple case studies
  Featured layout: image left, content right (or reversed)
  Card style: [flat/elevated/bordered]


Design Settings:

  Background color: [BACKGROUND_COLOR]
  Accent color for metrics: [ACCENT_COLOR]
  Section heading: [SECTION_HEADING]
  Typography: heading font size [SIZE]px, body [SIZE]px
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  CTA button style: [solid/outline] in [BUTTON_COLOR]


Requirements:

  Responsive layout (single column on mobile)
  Metrics counter animation triggers on viewport entry
  Schema markup for case study content
  Support for at least [NUMBER] case studies
  Accessible heading hierarchy