hero.php 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <?php
  2. /**
  3. * Title: Home page hero
  4. * slug: pendant/home-hero
  5. */
  6. ?>
  7. <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
  8. <div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":"0px"}}} -->
  9. <div class="wp-block-columns alignfull"><!-- wp:column -->
  10. <div class="wp-block-column"></div>
  11. <!-- /wp:column -->
  12. <!-- wp:column {"verticalAlignment":"bottom","width":"calc(1240px / 2)","style":{"spacing":{"padding":{"left":"var(--wp--custom--gap--horizontal)"}}}} -->
  13. <div class="wp-block-column is-vertically-aligned-bottom" style="padding-left:var(--wp--custom--gap--horizontal);flex-basis:calc(1240px / 2)"><!-- wp:group {"style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"calc(var(--wp--custom--gap--horizontal)/2)"}}},"layout":{"inherit":true}} -->
  14. <div class="wp-block-group" style="padding-top:100px;padding-right:calc(var(--wp--custom--gap--horizontal)/2);padding-bottom:100px">
  15. <!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.1em","fontStyle":"normal","fontWeight":"500"}},"fontSize":"x-small"} -->
  16. <p class="has-x-small-font-size" style="font-style:normal;font-weight:500;text-transform:uppercase;letter-spacing:0.1em"><?php echo esc_html__( 'Featured', 'pendant' ); ?></p>
  17. <!-- /wp:paragraph -->
  18. <!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1"}}} -->
  19. <h1 style="line-height:1"><?php echo esc_html__( 'October Finds', 'pendant' ); ?></h1>
  20. <!-- /wp:heading -->
  21. <!-- wp:buttons -->
  22. <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
  23. <div class="wp-block-button is-style-outline"><a class="wp-block-button__link"><?php echo esc_html__( 'Explore', 'pendant' ); ?></a></div>
  24. <!-- /wp:button --></div>
  25. <!-- /wp:buttons --></div>
  26. <!-- /wp:group --></div>
  27. <!-- /wp:column -->
  28. <!-- wp:column {"width":"50%"} -->
  29. <div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"width":1000,"sizeSlug":"full","linkDestination":"none"} -->
  30. <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/fists-on-chin.jpeg'; ?>" alt="" width="1000"/></figure>
  31. <!-- /wp:image --></div>
  32. <!-- /wp:column --></div>
  33. <!-- /wp:columns --></div>
  34. <!-- /wp:group -->