'use client'; import { RiArrowRightUpLongLine } from '@remixicon/react'; import Image from './next-image-mock'; import * as LinkButton from './components/ui/link-button'; import * as StatusBadge from './components/ui/status-badge'; const integrationsData = [ { id: 'zendesk', image: 'https://alignui.com/images/blocks/integrations-logo-zendesk.svg', darkImage: 'https://alignui.com/images/blocks/integrations-logo-zendesk-dark.svg', alt: 'Integration Zendesk Logo', }, { id: 'dropbox', image: 'https://alignui.com/images/blocks/integrations-logo-dropbox.svg', alt: 'Integration Dropbox Logo', }, { id: 'mailchimp', image: 'https://alignui.com/images/blocks/integrations-logo-mailchimp.svg', alt: 'Integration Mailchimp Logo', }, { id: 'zapier', image: 'https://alignui.com/images/blocks/integrations-logo-zapier.svg', alt: 'Integration Zapier Logo', }, { id: 'envato', image: 'https://alignui.com/images/blocks/integrations-logo-envato.svg', alt: 'Integration Envato Logo', }, { id: 'clickup', image: 'https://alignui.com/images/blocks/integrations-logo-clickup.svg', alt: 'Integration Clickup Logo', }, { id: 'slack', image: 'https://alignui.com/images/blocks/integrations-logo-slack.svg', alt: 'Integration Slack Logo', }, { id: 'loom', image: 'https://alignui.com/images/blocks/integrations-logo-loom.svg', alt: 'Integration Loom Logo', }, { id: 'zoom', image: 'https://alignui.com/images/blocks/integrations-logo-zoom.svg', alt: 'Integration Zoom Logo', }, { id: 'linear', image: 'https://alignui.com/images/blocks/integrations-logo-linear.svg', alt: 'Integration Linear Logo', }, { id: 'evernote', image: 'https://alignui.com/images/blocks/integrations-logo-evernote.svg', alt: 'Integration Evernote Logo', }, { id: 'notion', image: 'https://alignui.com/images/blocks/integrations-logo-notion.svg', darkImage: 'https://alignui.com/images/blocks/integrations-logo-notion-dark.svg', alt: 'Integration Notion Logo', }, { id: 'asana', image: 'https://alignui.com/images/blocks/integrations-logo-asana.svg', alt: 'Integration Asana Logo', }, { id: 'monday', image: 'https://alignui.com/images/blocks/integrations-logo-monday.svg', alt: 'Integration Monday Logo', }, ]; const desktopColumns = [ [0], [1, 2], [3, 4, 5], [6, 7], [8, 9, 10], [11, 12], [13], ]; export default function Integrations01() { return (

Apps & Integrations

Seamless integrations, better campaigns

{integrationsData.map((integration) => (

{integration.darkImage && ( {integration.alt}

)}

))}

{desktopColumns.map((columnIndices, colIndex) => (

{columnIndices.map((integrationIndex) => { const integration = integrationsData[integrationIndex]; return (

{integration.darkImage && ( {integration.alt}

)}

); })}

))}

No extra costs, no limits — just powerful integrations that grow{' '} with your marketing goals.

Explore all integrations

); }