front-page.php 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <?php
  2. /**
  3. * Title: front-page
  4. * Slug: bute/front-page
  5. * Categories: featured
  6. */
  7. declare( strict_types = 1 );
  8. ?>
  9. <!-- wp:group {"style":{"position":{"type":""}},"layout":{"type":"default"}} -->
  10. <div class="wp-block-group">
  11. <!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_D49XR0MX5L.jpg","dimRatio":0,"focalPoint":{"x":1,"y":1},"minHeight":100,"minHeightUnit":"vh","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} -->
  12. <div class="wp-block-cover is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
  13. <img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_D49XR0MX5L.jpg" style="object-position:100% 100%" data-object-fit="cover" data-object-position="100% 100%"/>
  14. <div class="wp-block-cover__inner-container">
  15. <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
  16. <div class="wp-block-group" style="min-height:100vh">
  17. <!-- wp:pattern {"slug":"bute/header"} /-->
  18. <!-- wp:group {"style":{"layout":{"flexSize":"88px","selfStretch":"fixed"}},"layout":{"type":"constrained","contentSize":"900px"}} -->
  19. <div class="wp-block-group">
  20. <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"lineHeight":"0.8","textTransform":"uppercase","fontStyle":"normal","fontWeight":"800"},"color":{"text":"#dcbc06"}},"fontSize":"xxxx-large"} -->
  21. <h1 class="wp-block-heading has-text-align-center has-text-color has-xxxx-large-font-size" style="color:#dcbc06;font-style:normal;font-weight:800;line-height:0.8;text-transform:uppercase"><?php echo wp_kses_post( __( 'Embark<br>on an<br>Adventure', 'bute' ) ); ?></h1>
  22. <!-- /wp:heading -->
  23. <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
  24. <p class="has-text-align-center has-link-color" style="font-style:normal;font-weight:500"><a href="#" data-type="URL" data-id="#"><?php echo esc_html__( 'Explore our insights', 'bute' ); ?></a>→ </p>
  25. <!-- /wp:paragraph -->
  26. </div>
  27. <!-- /wp:group -->
  28. <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"88px","selfStretch":"fixed"}}} -->
  29. <div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
  30. <!-- /wp:spacer -->
  31. </div>
  32. <!-- /wp:group -->
  33. </div>
  34. </div>
  35. <!-- /wp:cover -->
  36. </div>
  37. <!-- /wp:group -->