Components

Integration logo row

Six integration icons with auto-swap to real logos when PNG files are placed.

2 tokens

Preview

PixPay
PixPay
School fee payments
Flutterwave
Flutterwave
Payment processing
WhatsApp
WhatsApp
Parent notifications
ZKTeco
ZKTeco
Biometric attendance
Resend
Resend
Email delivery
Termii
Termii
SMS notifications

Usage

import { IntegrationLogoRow } from '@/components/marketing/integration-logo-row'

// Drop PNGs at /public/logos/integrations/{name}.png to replace the icons.
<IntegrationLogoRow />

Tokens used

This component reads these tokens directly: change one on a Foundations page and it updates here and across the site.

Icon size default--ds-icon-size
1.25rem
Surface--ds-surface
#F5F7F5
    Integration logo row — Design system — BentoSMS