Case Studies List

A responsive grid layout displaying case studies with full-bleed background images, company logos, and hover zoom effects. Features a 2-column asymmetric grid where the first and fifth items span 2 rows for visual hierarchy. Each card shows a gradient overlay, company logo at top, and case study title at bottom. Ideal for showcasing client success stories, portfolio highlights, or featured projects with strong visual impact.

A split-layout component displaying customer testimonials alongside key metrics. Features customer photo and quote on the left, and performance statistics on the right. Each testimonial includes author details with company logo. Multiple testimonials are separated by horizontal dividers. Ideal for showcasing customer success stories with quantifiable results and social proof metrics.

A bordered card layout with a prominent featured case study and secondary items below. Features a full-width bordered container with dot pattern decorations on the sides. The featured case study shows company logo, tags, title with subtitle, image preview, and a 'Read case study' CTA with arrow icon. Secondary case studies appear in a two-column grid below. Hover states include background color transitions. Ideal for highlighting a primary success story while showcasing additional case studies.

A single case study card format with company branding, key metrics, author attribution, and call-to-action. Features a two-column layout within a muted background container. The left column shows company logo, key statistics in a row, and author info with avatar. The right column displays the case study title, summary text, and a 'Read Story' button with arrow icon. Ideal for highlighting a featured customer success story with quantifiable results and personal testimonial.