Hero Type 10

Talha Aziz

CONTACT US

Let’s create awesome together.

The above block is copied from the site: https://pepcreativepac.wpenginepowered.com/contact-us/

Pattern HTML

<!-- wp:group {"metadata":{"name":"Hero + Hero Content wrapper"},"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|3"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--preset--spacing--3)"><!-- wp:group {"metadata":{"name":"Hero Section"},"align":"full","className":"page-hero-section responsive-hero-section","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"backgroundColor":"two","textColor":"one","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull page-hero-section responsive-hero-section has-one-color has-two-background-color has-text-color has-background has-link-color"><!-- wp:acf/responsive-picture {"name":"acf/responsive-picture","data":{"desktop_image":2919,"_desktop_image":"field_68fc75d331296","tablet_image":"","_tablet_image":"field_68fc760731297","mobile_image":"","_mobile_image":"field_68fc763331298"},"mode":"preview"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"Page Title Section"},"align":"wide","className":"page-title-section overlap-top","layout":{"type":"constrained","contentSize":"1308px","wideSize":"100%"}} -->
<div class="wp-block-group alignwide page-title-section overlap-top"><!-- wp:group {"metadata":{"name":"Title / Text"},"animationsForBlocks":{"animation":"fade","variation":"up","once":true,"mirror":false,"easing":"linear"},"style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"shadow":"var:preset|shadow|natural","spacing":{"padding":{"right":"var:preset|spacing|4","left":"var:preset|spacing|4","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|70"},"background":{"backgroundImage":{"url":"https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/title-star-icon.svg","id":2921,"source":"file","title":"title-star-icon"},"backgroundSize":"auto","backgroundPosition":"98% 100%","backgroundRepeat":"no-repeat","backgroundAttachment":"scroll"}},"backgroundColor":"one","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-one-background-color has-background" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--4);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--4);box-shadow:var(--wp--preset--shadow--natural)" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true"><!-- wp:heading {"level":1,"className":"is-style-border-bottom"} -->
<h1 class="wp-block-heading is-style-border-bottom">CONTACT US</h1>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"fontSize":"heading-6"} -->
<h4 class="wp-block-heading has-heading-6-font-size">Let's create awesome together.</h4>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Pattern CSS

.page-hero-section.responsive-hero-section {
    min-height: 590px;
}

.page-title-section.overlap-top > .wp-block-group {
    margin-top: calc(var(--wp--preset--spacing--4) * -1);
}