Нет описания

general-pricing-table.php 5.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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. <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} -->
  14. <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>
  15. <!-- /wp:heading -->
  16. <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
  17. <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3>
  18. <!-- /wp:heading -->
  19. <!-- wp:paragraph -->
  20. <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>
  21. <!-- /wp:paragraph -->
  22. <!-- wp:buttons -->
  23. <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  24. <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>
  25. <!-- /wp:button --></div>
  26. <!-- /wp:buttons -->
  27. <!-- wp:spacer {"height":16} -->
  28. <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  29. <!-- /wp:spacer --></div>
  30. <!-- /wp:column -->
  31. <!-- wp:column -->
  32. <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  33. <hr class="wp-block-separator is-style-wide"/>
  34. <!-- /wp:separator -->
  35. <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  36. <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>
  37. <!-- /wp:heading -->
  38. <!-- wp:heading {"fontSize":"x-large"} -->
  39. <h2 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h2>
  40. <!-- /wp:heading -->
  41. <!-- wp:paragraph -->
  42. <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>
  43. <!-- /wp:paragraph -->
  44. <!-- wp:buttons -->
  45. <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  46. <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>
  47. <!-- /wp:button --></div>
  48. <!-- /wp:buttons -->
  49. <!-- wp:spacer {"height":16} -->
  50. <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  51. <!-- /wp:spacer --></div>
  52. <!-- /wp:column -->
  53. <!-- wp:column -->
  54. <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
  55. <hr class="wp-block-separator is-style-wide"/>
  56. <!-- /wp:separator -->
  57. <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
  58. <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>
  59. <!-- /wp:heading -->
  60. <!-- wp:heading {"fontSize":"x-large"} -->
  61. <h2 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h2>
  62. <!-- /wp:heading -->
  63. <!-- wp:paragraph -->
  64. <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>
  65. <!-- /wp:paragraph -->
  66. <!-- wp:buttons -->
  67. <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
  68. <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>
  69. <!-- /wp:button --></div>
  70. <!-- /wp:buttons -->
  71. <!-- wp:spacer {"height":16} -->
  72. <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
  73. <!-- /wp:spacer --></div>
  74. <!-- /wp:column --></div>
  75. <!-- /wp:columns -->',
  76. );