Description with feature list icons

Designed for strong teams like yours

Here we focus on markets where creativity and innovation can unlock long-term value and growth.

Marketing

Plan it, create it, launch it. Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.

Business Automation

Auto-assign tasks, send Slack messages, and much more. Now power up with hundreds of new templates to help you get started.

Finance

Audit-proof software built for critical financial operations like month-end close and quarterly budgeting.

Enterprise Design

Craft beautiful, delightful experiences for both marketing and product with real cross-company collaboration.

<?php
/**
 * Title: Description with feature list icons
 * Slug: wlc/description-with-feature-list-icons
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Description with feature list icons","categories":["featured"],"patternName":"wlc/description-with-feature-list-icons"},"align":"full","className":"description-with-feature-list-icons","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull description-with-feature-list-icons"><!-- wp:group {"className":"description-with-feature-list-icons__wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group description-with-feature-list-icons__wrapper"><!-- wp:group {"className":"description-with-feature-list-icons__header","layout":{"type":"default"}} -->
<div class="wp-block-group description-with-feature-list-icons__header"><!-- wp:heading {"className":"description-with-feature-list-icons__heading"} -->
<h2 class="wp-block-heading description-with-feature-list-icons__heading">Designed for strong teams like yours</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"description-with-feature-list-icons__description"} -->
<p class="description-with-feature-list-icons__description">Here we focus on markets where creativity and innovation can unlock long-term value and growth.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"description-with-feature-list-icons__buttons"} -->
<div class="wp-block-buttons description-with-feature-list-icons__buttons"><!-- wp:button {"className":"description-with-feature-list-icons__button","icon":"chevron-right"} -->
<div class="wp-block-button description-with-feature-list-icons__button"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"description-with-feature-list-icons__content","layout":{"type":"constrained"}} -->
<div class="wp-block-group description-with-feature-list-icons__content"><!-- wp:group {"className":"description-with-feature-list-icons__box","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group description-with-feature-list-icons__box"><!-- wp:group {"className":"description-with-feature-list-icons__box-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group description-with-feature-list-icons__box-svg"><!-- wp:wlc/custom-svg {"svgContent":"  \u003csvg class=\u0022w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->

<!-- wp:heading {"level":3,"className":"description-with-feature-list-icons__box-heading"} -->
<h3 class="wp-block-heading description-with-feature-list-icons__box-heading">Marketing</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"description-with-feature-list-icons__box-description"} -->
<p class="description-with-feature-list-icons__box-description">Plan it, create it, launch it. Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"description-with-feature-list-icons__box","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group description-with-feature-list-icons__box"><!-- wp:group {"className":"description-with-feature-list-icons__box-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group description-with-feature-list-icons__box-svg"><!-- wp:wlc/custom-svg {"svgContent":"   \u003csvg class=\u0022w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003cpath d=\u0022M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e   "} /--></div>
<!-- /wp:group -->

<!-- wp:heading {"level":3,"className":"description-with-feature-list-icons__box-heading"} -->
<h3 class="wp-block-heading description-with-feature-list-icons__box-heading">Business Automation</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"description-with-feature-list-icons__box-description"} -->
<p class="description-with-feature-list-icons__box-description">Auto-assign tasks, send Slack messages, and much more. Now power up with hundreds of new templates to help you get started.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"description-with-feature-list-icons__box","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group description-with-feature-list-icons__box"><!-- wp:group {"className":"description-with-feature-list-icons__box-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group description-with-feature-list-icons__box-svg"><!-- wp:wlc/custom-svg {"svgContent":"\u003csvg class=\u0022w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath d=\u0022M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z\u0022\u003e\u003c/path\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->

<!-- wp:heading {"level":3,"className":"description-with-feature-list-icons__box-heading"} -->
<h3 class="wp-block-heading description-with-feature-list-icons__box-heading">Finance</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"description-with-feature-list-icons__box-description"} -->
<p class="description-with-feature-list-icons__box-description">Audit-proof software built for critical financial operations like month-end close and quarterly budgeting.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"description-with-feature-list-icons__box","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group description-with-feature-list-icons__box"><!-- wp:group {"className":"description-with-feature-list-icons__box-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group description-with-feature-list-icons__box-svg"><!-- wp:wlc/custom-svg {"svgContent":" \u003csvg class=\u0022w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath d=\u0022M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->

<!-- wp:heading {"level":3,"className":"description-with-feature-list-icons__box-heading"} -->
<h3 class="wp-block-heading description-with-feature-list-icons__box-heading">Enterprise Design</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"description-with-feature-list-icons__box-description"} -->
<p class="description-with-feature-list-icons__box-description">Craft beautiful, delightful experiences for both marketing and product with real cross-company collaboration.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.description-with-feature-list-icons {
    @apply bg-white dark:bg-gray-900;

    .description-with-feature-list-icons__wrapper {
        @apply items-center py-8 px-4 mx-auto lg:grid xl:grid-cols-3 lg:gap-8 xl:gap-24 sm:py-16 lg:px-6;
    }

    .description-with-feature-list-icons__header {
        @apply mb-8 lg:mb-0;
    }

    .description-with-feature-list-icons__heading {
        @apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
    }

    .description-with-feature-list-icons__description {
        @apply mb-4 text-gray-500 sm:text-xl dark:text-gray-400;
    }

    .description-with-feature-list-icons__buttons {
        @apply inline-flex items-center;

        .description-with-feature-list-icons__button {
            .wp-element-button {
                @apply text-lg font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700 bg-transparent p-0;
            }
        }
    }

    .description-with-feature-list-icons__content {
        @apply col-span-2 space-y-8 md:grid md:grid-cols-2 md:gap-12 md:space-y-0;
    }

    .description-with-feature-list-icons__box-svg {
        @apply flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-primary-100 lg:h-12 lg:w-12 dark:bg-primary-900;
    }

    .description-with-feature-list-icons__box-heading {
        @apply mb-2 text-xl font-bold dark:text-white;
    }

    .description-with-feature-list-icons__box-description {
        @apply text-gray-500 dark:text-gray-400 mb-0;
    }
}