<?php
/**
 * Title: Financial exchange (crypto)
 * Slug: financial-exchange-crypto
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Financial exchange (crypto)","categories":["featured"],"patternName":"wlc/financial-exchange-crypto"},"align":"full","className":"financial-exchange-crypto","layout":{"type":"default"}} -->
<section class="wp-block-group alignfull financial-exchange-crypto"><!-- wp:group {"align":"full","className":"financial-exchange-crypto__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull financial-exchange-crypto__container"><!-- wp:group {"className":"financial-exchange-crypto_header","layout":{"type":"constrained"}} -->
<div class="wp-block-group financial-exchange-crypto_header"><!-- wp:heading {"level":1,"className":"financial-exchange-crypto__heading"} -->
<h1 class="wp-block-heading financial-exchange-crypto__heading">Decentralized for a better tomorrow</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__description"} -->
<p class="financial-exchange-crypto__description">Buy, trade, and hold <strong>600+</strong> cryptocurrencies on Flowbite</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","className":"financial-exchange-crypto__content","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull financial-exchange-crypto__content"><!-- wp:group {"className":"financial-exchange-crypto__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group financial-exchange-crypto__content-box"><!-- wp:heading {"className":"financial-exchange-crypto__content-box-header"} -->
<h2 class="wp-block-heading financial-exchange-crypto__content-box-header">$76 billion</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__content-box-description"} -->
<p class="financial-exchange-crypto__content-box-description">24h trading volume</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"financial-exchange-crypto__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group financial-exchange-crypto__content-box"><!-- wp:heading {"className":"financial-exchange-crypto__content-box-header"} -->
<h2 class="wp-block-heading financial-exchange-crypto__content-box-header">600+</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__content-box-description"} -->
<p class="financial-exchange-crypto__content-box-description">Cryptocurrencies listed</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"financial-exchange-crypto__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group financial-exchange-crypto__content-box"><!-- wp:heading {"className":"financial-exchange-crypto__content-box-header"} -->
<h2 class="wp-block-heading financial-exchange-crypto__content-box-header">34 million</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__content-box-description"} -->
<p class="financial-exchange-crypto__content-box-description">Diluted market cap</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"financial-exchange-crypto__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group financial-exchange-crypto__content-box"><!-- wp:heading {"className":"financial-exchange-crypto__content-box-header"} -->
<h2 class="wp-block-heading financial-exchange-crypto__content-box-header">90 million</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__content-box-description"} -->
<p class="financial-exchange-crypto__content-box-description">Registered users</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"financial-exchange-crypto__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group financial-exchange-crypto__content-box"><!-- wp:heading {"className":"financial-exchange-crypto__content-box-header"} -->
<h2 class="wp-block-heading financial-exchange-crypto__content-box-header">0.10%</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"financial-exchange-crypto__content-box-description"} -->
<p class="financial-exchange-crypto__content-box-description">Low transaction fees</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","className":"financial-exchange-crypto__form","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull financial-exchange-crypto__form"><!-- wp:paragraph -->
<p>Miejsce na formularz</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.financial-exchange-crypto {
    @apply bg-white dark:bg-gray-900;
  
    .financial-exchange-crypto__container {
      @apply max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-16 lg:px-12;
  
      .financial-exchange-crypto_header {
        @apply max-w-2xl mx-auto;
  
        .financial-exchange-crypto__heading {
          @apply mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white;
        }
  
        .financial-exchange-crypto__description {
          @apply mb-8 text-lg font-normal text-gray-500 lg:mb-12 lg:text-xl dark:text-gray-400;
  
          strong {
            @apply font-medium text-gray-900 dark:text-white;
          }
        }
      }
  
      .financial-exchange-crypto__content {
        @apply grid gap-6 lg:gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-5;
  
        .financial-exchange-crypto__content-box {
          @apply p-4 rounded-lg text-center w-full;
        }
  
        .financial-exchange-crypto__content-box-header {
          @apply text-3xl font-extrabold leading-tight;
        }
  
        .financial-exchange-crypto__content-box-description {
          @apply whitespace-nowrap mb-0;
        }
  
        .financial-exchange-crypto__content-box:nth-child(1) {
          @apply bg-blue-100 dark:bg-blue-900;
  
          .financial-exchange-crypto__content-box-header {
            @apply text-blue-700 dark:text-blue-300;
          }
  
          .financial-exchange-crypto__content-box-description {
            @apply text-blue-500 dark:text-blue-400;
          }
        }
  
        .financial-exchange-crypto__content-box:nth-child(2) {
          @apply bg-teal-100 dark:bg-teal-900;
  
          .financial-exchange-crypto__content-box-header {
            @apply text-teal-600 dark:text-teal-300;
          }
  
          .financial-exchange-crypto__content-box-description {
            @apply text-teal-500 dark:text-teal-400;
          }
        }
  
        .financial-exchange-crypto__content-box:nth-child(3) {
          @apply bg-indigo-100 dark:bg-indigo-900;
  
          .financial-exchange-crypto__content-box-header {
            @apply text-indigo-700 dark:text-indigo-300;
          }
  
          .financial-exchange-crypto__content-box-description {
            @apply text-indigo-500 dark:text-indigo-400;
          }
        }
  
        .financial-exchange-crypto__content-box:nth-child(4) {
          @apply bg-purple-100 dark:bg-purple-900;
  
          .financial-exchange-crypto__content-box-header {
            @apply text-purple-700 dark:text-purple-300;
          }
  
          .financial-exchange-crypto__content-box-description {
            @apply text-purple-500 dark:text-purple-400;
          }
        }
  
        .financial-exchange-crypto__content-box:nth-child(5) {
          @apply bg-green-100 dark:bg-green-900;
  
          .financial-exchange-crypto__content-box-header {
            @apply text-green-600 dark:text-green-300;
          }
  
          .financial-exchange-crypto__content-box-description {
            @apply text-green-500 dark:text-green-400;
          }
        }
      }
  
      .financial-exchange-crypto__form {
        @apply p-8 mt-8 lg:mt-12 border border-gray-200 rounded-lg dark:border-gray-700;
      }
    }
  }