<?php
/**
 * Title: Illustration with email sign-up
 * Slug: illustration-with-email-sign-up
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Illustration with email sign-up"},"align":"full","className":"illustration-with-email-sign-up","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull illustration-with-email-sign-up"><!-- wp:columns {"align":"full","className":"illustration-with-email-sign-up__columns"} -->
<div class="wp-block-columns alignfull illustration-with-email-sign-up__columns"><!-- wp:column {"className":"illustration-with-email-sign-up__content-column"} -->
<div class="wp-block-column illustration-with-email-sign-up__content-column"><!-- wp:heading {"level":1,"className":"illustration-with-email-sign-up__heading"} -->
<h1 class="wp-block-heading illustration-with-email-sign-up__heading">Building digital products & brands</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"illustration-with-email-sign-up__description"} -->
<p class="illustration-with-email-sign-up__description">Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"illustration-with-email-sign-up__form","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group illustration-with-email-sign-up__form"><!-- wp:paragraph {"className":"illustration-with-email-sign-up__form-info"} -->
<p class="illustration-with-email-sign-up__form-info">Instant signup. No credit card required. <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a>.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"illustration-with-email-sign-up__image-column"} -->
<div class="wp-block-column illustration-with-email-sign-up__image-column"><!-- wp:image {"sizeSlug":"large","className":"illustration-with-email-sign-up__image"} -->
<figure class="wp-block-image size-large illustration-with-email-sign-up__image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/mobile-app.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->

.illustration-with-email-sign-up {
    @apply bg-white dark:bg-gray-900;
  
    .illustration-with-email-sign-up__columns {
      @apply grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-12 xl:gap-0 lg:py-16 md:grid-cols-12;
  
      .illustration-with-email-sign-up__content-column {
        @apply mr-auto place-self-center md:col-span-7 xl:col-span-8;
  
        .illustration-with-email-sign-up__heading {
          @apply max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white;
        }
  
        .illustration-with-email-sign-up__description {
          @apply max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400;
        }
      }

      .illustration-with-email-sign-up__form {
          @apply text-sm text-left text-gray-500 dark:text-gray-300;
          a{
            @apply text-primary-600 hover:underline dark:text-primary-500;
          }
      }
  
      .illustration-with-email-sign-up__image-column {
        @apply hidden lg:mt-0 md:col-span-5 xl:col-span-4 md:flex;
  
        .illustration-with-email-sign-up__image {
          @apply w-full;
        }
      }
    }
  }