📁 File Manager Pro
v10.0.3 | PHP: 8.1.34
Server: Apache
2026-06-21 07:22:37
📂
/ (Root)
/
home
/
xeqi7597
/
map.claireduwig.com
/
wp-content
/
themes
/
blocksy
/
inc
/
components
/
patterns
📍 /home/xeqi7597/map.claireduwig.com/wp-content/themes/blocksy/inc/components/patterns
🔄 Refresh
✏️
Editing: pattern-8.php
Writable
<?php return [ 'title' => __( 'Blocksy - Hero Section', 'blocksy' ), 'categories' => ['call-to-action', 'blocksy'], 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7rem","bottom":"7rem"}}},"backgroundColor":"white","layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:7rem;padding-bottom:7rem"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"30px","left":"30px"}}}} --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:cover {"url":"' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-4.webp","id":7641,"dimRatio":50,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.2},"customGradient":"linear-gradient(90deg,rgb(0,0,0) 0%,rgba(255,255,255,0) 100%)","contentPosition":"top center","style":{"border":{"radius":"20px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-cover has-custom-content-position is-position-top-center" style="border-radius:20px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(90deg,rgb(0,0,0) 0%,rgba(255,255,255,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-7641" alt="" src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-4.webp" style="object-position:50% 20%" data-object-fit="cover" data-object-position="50% 20%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"dimensions":{"minHeight":"450px"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} --> <div class="wp-block-group" style="min-height:450px"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:image {"id":7833,"width":"70px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"}}} --> <figure class="wp-block-image size-full is-resized has-custom-border"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-2.webp" alt="" class="wp-image-7833" style="border-radius:100%;width:70px"/></figure> <!-- /wp:image --> <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0"}},"typography":{"fontSize":"25px"}},"textColor":"white"} --> <h2 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:0;font-size:25px">Augue Mauris Neque Consectetur</h2> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} --> <p class="has-white-color has-text-color has-link-color" style="margin-bottom:30px">Quam pellentesque nec nam aliquam praesent elementum facilisis leo. Praesent elementum facilisis leo vel fringilla est ullamcorper natoque penatibus et magnisdis.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"8px"},"spacing":{"padding":{"top":"12px","bottom":"12px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}}} --> <div class="wp-block-button"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:8px;padding-top:12px;padding-bottom:12px">More info →</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"30px","left":"30px"}}}} --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":7640,"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} --> <figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-3.webp" alt="" class="wp-image-7640" style="border-radius:20px;aspect-ratio:4/3;object-fit:cover"/></figure> <!-- /wp:image --> <!-- wp:image {"id":7842,"width":"40px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"},"spacing":{"margin":{"bottom":"10px"}}}} --> <figure class="wp-block-image size-full is-resized has-custom-border" style="margin-bottom:10px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-1.webp" alt="" class="wp-image-7842" style="border-radius:100%;width:40px"/></figure> <!-- /wp:image --> <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"margin":{"top":"0","bottom":"10px"}}},"textColor":"black","fontSize":"medium"} --> <h2 class="wp-block-heading has-black-color has-text-color has-link-color has-medium-font-size" style="margin-top:0;margin-bottom:10px">The Perfect Theme For Stunning Websites!</h2> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"#000000a8"}}},"color":{"text":"#000000a8"}}} --> <p class="has-text-color has-link-color" style="color:#000000a8;margin-bottom:30px">Lorem ipsum dolor amet consectetur adipiscing elitsed do eiusmod.</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"black"} --> <p class="has-black-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><a href="#">More info →</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":7639,"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} --> <figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-2.webp" alt="" class="wp-image-7639" style="border-radius:20px;aspect-ratio:4/3;object-fit:cover"/></figure> <!-- /wp:image --> <!-- wp:image {"id":7860,"width":"40px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"},"spacing":{"margin":{"bottom":"10px"}}}} --> <figure class="wp-block-image size-full is-resized has-custom-border" style="margin-bottom:10px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-4.webp" alt="" class="wp-image-7860" style="border-radius:100%;width:40px"/></figure> <!-- /wp:image --> <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"margin":{"top":"0","bottom":"10px"}}},"textColor":"black","fontSize":"medium"} --> <h2 class="wp-block-heading has-black-color has-text-color has-link-color has-medium-font-size" style="margin-top:0;margin-bottom:10px">The Perfect Theme For Stunning Websites!</h2> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"#000000a8"}}},"color":{"text":"#000000a8"}}} --> <p class="has-text-color has-link-color" style="color:#000000a8;margin-bottom:30px">Lorem ipsum dolor amet consectetur adipiscing elitsed do eiusmod.</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"black"} --> <p class="has-black-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><a href="#">More info →</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->' ];
💾 Save Changes
❌ Cancel