Marketing Sections
Trust Bento Grid
A premium 5-card asymmetrical bento grid designed to establish immense social proof through high-impact metrics and client testimonials.
Trust Bento Grid Overview
Asymmetrical Grid Layout
The Trust Bento Grid utilizes a strict 5-block structure meticulously crafted using CSS Grid to create an engaging visual hierarchy:
Card 1
Full height column on the left
Card 2
Horizontal span
Card 3
Card 4
Card 5
Full height column on the right
Testimonial Cards
Highlight Metrics
Each card features a prominent Metric heading (e.g., "8X", "99%") and an optional sub-metric text (e.g., "Increase in conversion rate") to immediately draw attention to the value provided.
Author Authority
Support the quote with comprehensive author details including an avatar image, name, professional role, and a company logo positioned at the bottom right.
Dark & Light Variations
Individual testimonial cards within the grid can be set to either a "Light" or "Dark" style. Mixing card styles within the bento grid is a powerful way to break monotony and emphasize specific testimonials (e.g., setting the central small card to "Dark").