Awards Section

Awards and recognition display

Marketing BlockSocial Proof

Overview

Renders a configurable grid of award cards. Each card can display a publication logo, a headline, and a "Read more" link. Supports 2, 3, or 4 column layouts.

Usage

import { AwardsSection } from "@leanicon/web-builder-library";

Variants

Default (3 columns)

Awards & Recognition

See what the industry is saying about us.

  • TechCrunch

    Named #1 Sales Intelligence Platform

    Read more
  • Forbes

    Top 50 Cloud Companies to Watch

    Read more
  • Inc.

    Best Place to Work 2024

2 columns

In the Press

  • G2

    Leader in Sales Intelligence — G2 Grid Report

    Read more
  • Gartner

    Recognized in Gartner Magic Quadrant

    Read more

4 columns

Trusted by Industry Leaders

Recognized across every major analyst and media publication.

Without logos

Cards work without publication logos — useful for internal milestones or metrics.

Milestones

  • Series D at $1.6B Valuation

  • 10,000+ Enterprise Customers

  • 99.99% Platform Uptime

Without heading

Omit heading and subtitle for a standalone grid.

  • TechCrunch

    Best Product of the Year

    Read more
  • Forbes

    Top 50 Cloud Companies to Watch

  • Inc.

    Best Place to Work 2024

    Read more

Dark color scheme

Awards & Recognition

See what the industry is saying about us.

  • TechCrunch

    Named #1 Sales Intelligence Platform

    Read more
  • Forbes

    Top 50 Cloud Companies to Watch

    Read more
  • Inc.

    Best Place to Work 2024

Props

Prop

Type

Default

Description

heading

string

—

Section heading

subtitle

string

—

Subtitle below heading

awards

AwardCard[]

required

Array of award card data

columns

2 | 3 | 4

3

Number of grid columns

colorScheme

ColorScheme

—

Set "dark" for dark mode

className

string

—

Additional CSS classes

AwardCard

Prop

Type

Description

headline

string

Award or recognition headline (required)

publicationLogo

ImageProps

Logo image for the publication

href

string

URL for "Read more" link

Notes

  • Dark mode: pass colorScheme="dark" or place inside a .dark ancestor.
  • Logo images in dark mode should use light-on-dark variants for contrast.
  • Cards without href omit the "Read more" link.
  • Cards without publicationLogo render with headline only — useful for milestones or metrics.
  • The grid is fully responsive: single column on mobile, 2 columns at sm, full column count at lg.

Props

NameTypeDefaultRequiredDescription
headingstring—No
subtitlestring—No
awardsAwardCard[]—Yes
columnsenum3No
colorSchemeenum—No
classNamestring—No