[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Pricing table block pattern
   4   */
   5  return array(
   6      'title'      => __( 'Pricing table', 'twentytwentytwo' ),
   7      'categories' => array( 'featured', 'columns', 'buttons' ),
   8      'content'    => '<!-- wp:columns {"align":"wide"} -->
   9                      <div class="wp-block-columns alignwide"><!-- wp:column -->
  10                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  11                      <hr class="wp-block-separator is-style-wide"/>
  12                      <!-- /wp:separator -->
  13  
  14                      <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} -->
  15                      <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>
  16                      <!-- /wp:heading -->
  17  
  18                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  19                      <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3>
  20                      <!-- /wp:heading -->
  21  
  22                      <!-- wp:paragraph -->
  23                      <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>
  24                      <!-- /wp:paragraph -->
  25  
  26                      <!-- wp:buttons -->
  27                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  28                      <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>
  29                      <!-- /wp:button --></div>
  30                      <!-- /wp:buttons -->
  31  
  32                      <!-- wp:spacer {"height":16} -->
  33                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  34                      <!-- /wp:spacer --></div>
  35                      <!-- /wp:column -->
  36  
  37                      <!-- wp:column -->
  38                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  39                      <hr class="wp-block-separator is-style-wide"/>
  40                      <!-- /wp:separator -->
  41  
  42                      <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  43                      <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>
  44                      <!-- /wp:heading -->
  45  
  46                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  47                      <h3 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h3>
  48                      <!-- /wp:heading -->
  49  
  50                      <!-- wp:paragraph -->
  51                      <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>
  52                      <!-- /wp:paragraph -->
  53  
  54                      <!-- wp:buttons -->
  55                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  56                      <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>
  57                      <!-- /wp:button --></div>
  58                      <!-- /wp:buttons -->
  59  
  60                      <!-- wp:spacer {"height":16} -->
  61                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  62                      <!-- /wp:spacer --></div>
  63                      <!-- /wp:column -->
  64  
  65                      <!-- wp:column -->
  66                      <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  67                      <hr class="wp-block-separator is-style-wide"/>
  68                      <!-- /wp:separator -->
  69  
  70                      <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  71                      <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>
  72                      <!-- /wp:heading -->
  73  
  74                      <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  75                      <h3 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h3>
  76                      <!-- /wp:heading -->
  77  
  78                      <!-- wp:paragraph -->
  79                      <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>
  80                      <!-- /wp:paragraph -->
  81  
  82                      <!-- wp:buttons -->
  83                      <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  84                      <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>
  85                      <!-- /wp:button --></div>
  86                      <!-- /wp:buttons -->
  87  
  88                      <!-- wp:spacer {"height":16} -->
  89                      <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  90                      <!-- /wp:spacer --></div>
  91                      <!-- /wp:column --></div>
  92                      <!-- /wp:columns -->',
  93  );