[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Pricing table block pattern
   4   *
   5   * @package WordPress
   6   * @subpackage Twenty_Twenty_Two
   7   * @since Twenty Twenty-Two 1.0
   8   */
   9  
  10  return array(
  11      'title'      => __( 'Pricing table', 'twentytwentytwo' ),
  12      'categories' => array( 'featured', 'columns', 'buttons' ),
  13      'content'    => '<!-- wp:columns {"align":"wide"} -->
  14                      <div class="wp-block-columns alignwide"><!-- wp:column -->
  15                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  16                      <hr class="wp-block-separator is-style-wide"/>
  17                      <!-- /wp:separator -->
  18  
  19                      <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} -->
  20                      <h2 id="1" style="font-size:var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem));line-height:0.5">' . esc_html( _x( '1', 'First item in a numbered list.', 'twentytwentytwo' ) ) . '</h2>
  21                      <!-- /wp:heading -->
  22  
  23                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  24                      <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3>
  25                      <!-- /wp:heading -->
  26  
  27                      <!-- wp:paragraph -->
  28                      <p>' . esc_html__( 'Help support our growing community by joining at the Pigeon level. Your support will help pay our writers, and you’ll get access to our exclusive newsletter.', 'twentytwentytwo' ) . '</p>
  29                      <!-- /wp:paragraph -->
  30  
  31                      <!-- wp:buttons -->
  32                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  33                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$25', 'twentytwentytwo' ) . '</a></div>
  34                      <!-- /wp:button --></div>
  35                      <!-- /wp:buttons -->
  36  
  37                      <!-- wp:spacer {"height":16} -->
  38                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  39                      <!-- /wp:spacer --></div>
  40                      <!-- /wp:column -->
  41  
  42                      <!-- wp:column -->
  43                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  44                      <hr class="wp-block-separator is-style-wide"/>
  45                      <!-- /wp:separator -->
  46  
  47                      <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  48                      <h2 id="2" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '2', 'Second item in a numbered list.', 'twentytwentytwo' ) ) . '</h2>
  49                      <!-- /wp:heading -->
  50  
  51                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  52                      <h3 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h3>
  53                      <!-- /wp:heading -->
  54  
  55                      <!-- wp:paragraph -->
  56                      <p>' . esc_html__( 'Join at the Sparrow level and become a member of our flock! You’ll receive our newsletter, plus a bird pin that you can wear with pride when you’re out in nature.', 'twentytwentytwo' ) . '</p>
  57                      <!-- /wp:paragraph -->
  58  
  59                      <!-- wp:buttons -->
  60                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  61                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$75', 'twentytwentytwo' ) . '</a></div>
  62                      <!-- /wp:button --></div>
  63                      <!-- /wp:buttons -->
  64  
  65                      <!-- wp:spacer {"height":16} -->
  66                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  67                      <!-- /wp:spacer --></div>
  68                      <!-- /wp:column -->
  69  
  70                      <!-- wp:column -->
  71                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  72                      <hr class="wp-block-separator is-style-wide"/>
  73                      <!-- /wp:separator -->
  74  
  75                      <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  76                      <h2 id="3" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '3', 'Third item in a numbered list.', 'twentytwentytwo' ) ) . '</h2>
  77                      <!-- /wp:heading -->
  78  
  79                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  80                      <h3 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h3>
  81                      <!-- /wp:heading -->
  82  
  83                      <!-- wp:paragraph -->
  84                      <p>' . esc_html__( 'Play a leading role for our community by joining at the Falcon level. This level earns you a seat on our board, where you can help plan future birdwatching expeditions.', 'twentytwentytwo' ) . '</p>
  85                      <!-- /wp:paragraph -->
  86  
  87                      <!-- wp:buttons -->
  88                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  89                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$150', 'twentytwentytwo' ) . '</a></div>
  90                      <!-- /wp:button --></div>
  91                      <!-- /wp:buttons -->
  92  
  93                      <!-- wp:spacer {"height":16} -->
  94                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  95                      <!-- /wp:spacer --></div>
  96                      <!-- /wp:column --></div>
  97                      <!-- /wp:columns -->',
  98  );