Visual Layout
Gain Insight Into Your Finances and Your Future
Helping you unlock the True value of your money
AS FEATURED IN
Hero Type 4
The above block is copied from the site: https://www.insightcapmgmt.com/
Pattern HTML
<!-- wp:code -->
<pre class="wp-block-code"><code><!-- wp:group {"metadata":{"name":"Hero section"},"className":"hero-area","style":{"spacing":{"padding":{"bottom":"87px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group hero-area" style="padding-bottom:87px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|15"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"57%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:57%"><!-- wp:heading {"level":1,"animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|15"},"padding":{"top":"0","bottom":"0"}}}} -->
<h1 class="wp-block-heading" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--15);padding-top:0;padding-bottom:0;font-style:normal;font-weight:400" data-aos="fade-up" data-aos-once="true">Gain Insight Into Your Finances and Your Future</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}},"typography":{"letterSpacing":"0.5px"}},"fontSize":"heading-4"} -->
<p class="has-heading-4-font-size" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;letter-spacing:0.5px" data-aos="fade-up" data-aos-once="true">Helping you unlock the <strong>True value</strong> of your money</p>
<!-- /wp:paragraph -->
<!-- wp:columns {"verticalAlignment":"center","metadata":{"name":"As Featured IN"},"className":"featured-logos-block","style":{"spacing":{"blockGap":{"left":"0"},"padding":{"top":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center featured-logos-block" style="padding-top:var(--wp--preset--spacing--50)"><!-- wp:column {"verticalAlignment":"center","width":"20%","animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"className":"featured-text"} -->
<div class="wp-block-column is-vertically-aligned-center featured-text" style="flex-basis:20%" data-aos="fade-up" data-aos-once="true"><!-- wp:paragraph -->
<p>AS FEATURED IN</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"80%","animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%" data-aos="fade-up" data-aos-once="true"><!-- wp:columns {"className":"featured-logos","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|15"}}}} -->
<div class="wp-block-columns featured-logos"><!-- wp:column {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-column"><!-- wp:image {"id":303,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/seal-one-logo.png" alt="Forbes: Best-in-State Wealth Advisor" class="wp-image-303"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":304,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/Seal-two-img.png" alt="Forbes: Top Next-Gen Wealth Advisor" class="wp-image-304"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":305,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/Seal-three-img.png" alt="Investment News: Top Advisor" class="wp-image-305"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"43%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:43%"><!-- wp:image {"id":81,"sizeSlug":"large","linkDestination":"none","className":"hero-right-img"} -->
<figure class="wp-block-image size-large hero-right-img"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/hero-right-img-1024x935-1.png" alt="" class="wp-image-81"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></code></pre>
<!-- /wp:code -->
Pattern CSS
.hero-area p strong {
text-transform: uppercase;
font-family: "Permanent Marker", serif;
font-weight: 400;
position: relative;
display: inline-block;
padding: 0 5px;
font-size: 30px;
letter-spacing: 0;
}
.hero-area p strong:after {
display: block;
content: '';
width: 0;
height: 6px;
background: url("https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/true-value-border.svg") no-repeat;
background-size: cover;
position: absolute;
bottom: -7px;
animation: slide-in 1.5s ease-in-out forwards;
}
/* Define the animation */
@keyframes slide-in {
0% {
width: 0;
}
100% {
width: 190px; /* Final width */
}
}
.hero-right-img {
min-width: 565px;
position: relative;
top: 20px;
}
#site-container .hero-right-schedule {
margin-bottom: -200px;
}
