[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * About page with large image and buttons
   4   */
   5  return array(
   6      'title'      => __( 'About page with large image and buttons', 'twentytwentytwo' ),
   7      'categories' => array( 'twentytwentytwo_pages', 'buttons' ),
   8      'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} -->
   9                      <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:image {"align":"wide","width":2100,"height":1260,"sizeSlug":"full","linkDestination":"none"} -->
  10                      <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt="" width="2100" height="1260"/></figure>
  11                      <!-- /wp:image -->
  12  
  13                      <!-- wp:columns {"align":"wide"} -->
  14                      <div class="wp-block-columns alignwide"><!-- wp:column -->
  15                      <div class="wp-block-column"><!-- wp:buttons -->
  16                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  17                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div>
  18                      <!-- /wp:button --></div>
  19                      <!-- /wp:buttons --></div>
  20                      <!-- /wp:column -->
  21  
  22                      <!-- wp:column -->
  23                      <div class="wp-block-column"><!-- wp:buttons -->
  24                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  25                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div>
  26                      <!-- /wp:button --></div>
  27                      <!-- /wp:buttons --></div>
  28                      <!-- /wp:column -->
  29  
  30                      <!-- wp:column -->
  31                      <div class="wp-block-column"><!-- wp:buttons -->
  32                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  33                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div>
  34                      <!-- /wp:button --></div>
  35                      <!-- /wp:buttons --></div>
  36                      <!-- /wp:column --></div>
  37                      <!-- /wp:columns -->
  38  
  39                      <!-- wp:columns {"align":"wide"} -->
  40                      <div class="wp-block-columns alignwide"><!-- wp:column -->
  41                      <div class="wp-block-column"><!-- wp:buttons -->
  42                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  43                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div>
  44                      <!-- /wp:button --></div>
  45                      <!-- /wp:buttons --></div>
  46                      <!-- /wp:column -->
  47  
  48                      <!-- wp:column -->
  49                      <div class="wp-block-column"><!-- wp:buttons -->
  50                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  51                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div>
  52                      <!-- /wp:button --></div>
  53                      <!-- /wp:buttons --></div>
  54                      <!-- /wp:column -->
  55  
  56                      <!-- wp:column -->
  57                      <div class="wp-block-column"><!-- wp:buttons -->
  58                      <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  59                      <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div>
  60                      <!-- /wp:button --></div>
  61                      <!-- /wp:buttons --></div>
  62                      <!-- /wp:column --></div>
  63                      <!-- /wp:columns -->
  64  
  65                      <!-- wp:spacer {"height":50} -->
  66                      <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
  67                      <!-- /wp:spacer -->
  68  
  69                      <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
  70                      <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
  71  
  72                      <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  73  
  74                      <!-- wp:social-link {"url":"#","service":"twitter"} /-->
  75  
  76                      <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  77                      <!-- /wp:social-links --></div>
  78                      <!-- /wp:group -->',
  79  );