/home/awneajlw/work.codestechvista.com/wp-content/themes/saaslauncher/patterns/service-grid-4.php
<?php
/**
* Title: Services Grid 4
* Slug: saaslauncher/service-grid-4
* Categories: saaslauncher-service
*/
$saaslauncher_url = trailingslashit(get_template_directory_uri());
$saaslauncher_images = array(
$saaslauncher_url . 'assets/images/icon_101.png',
$saaslauncher_url . 'assets/images/icon_102.png',
$saaslauncher_url . 'assets/images/icon_105.png',
);
?>
<!-- wp:group {"metadata":{"categories":["saaslauncher-service"],"patternName":"saaslauncher/service-grid-4","name":"Service Grid 4"},"align":"full","style":{"spacing":{"padding":{"top":"7rem","bottom":"7rem","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"background-alt","layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group alignfull has-background-alt-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:7rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:7rem;padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"60px"}},"position":{"type":""}},"layout":{"type":"constrained","contentSize":"680px","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:60px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"is-style-saaslauncher-gradient-border","style":{"spacing":{"padding":{"top":"3px","bottom":"3px","left":"12px","right":"12px"}},"border":{"radius":"60px","width":"1px"}},"backgroundColor":"primary-shade-2","fontSize":"small","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-saaslauncher-gradient-border has-primary-shade-2-background-color has-background has-small-font-size" style="border-width:1px;border-radius:60px;padding-top:3px;padding-right:12px;padding-bottom:3px;padding-left:12px"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"small"} -->
<h5 class="wp-block-heading has-light-color-color has-text-color has-link-color has-small-font-size"><?php esc_html_e('Our Services', 'saaslauncher') ?></h5>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:heading {"textAlign":"center","level":1,"className":"is-style-default","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"typography":{"lineHeight":"1.3"}},"textColor":"heading-color","fontSize":"xxx-large"} -->
<h1 class="wp-block-heading has-text-align-center is-style-default has-heading-color-color has-text-color has-link-color has-xxx-large-font-size" style="line-height:1.3"><?php esc_html_e('The Complete Toolkit to Build, Launch & Scale', 'saaslauncher') ?></h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
<p class="has-text-align-center has-foreground-color has-text-color has-link-color"><?php esc_html_e('Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.', 'saaslauncher') ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"28px"},"margin":{"top":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"saaslauncher-hover-box","style":{"border":{"radius":"20px","width":"1px"},"spacing":{"padding":{"top":"28px","bottom":"28px","left":"28px","right":"28px"},"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"}}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
<div class="wp-block-group saaslauncher-hover-box has-border-color has-border-color-border-color" style="border-width:1px;border-radius:20px;margin-top:0;margin-bottom:0;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px"><!-- wp:image {"id":381,"width":"60px","height":"auto","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-secondary"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($saaslauncher_images[0]) ?>" alt="" class="wp-image-381" style="object-fit:contain;width:60px;height:auto" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"spacing":{"margin":{"top":"32px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"big"} -->
<h4 class="wp-block-heading has-text-align-left has-heading-color-color has-text-color has-link-color has-big-font-size" style="margin-top:32px;font-style:normal;font-weight:500"><?php esc_html_e('Scalability & Flexibility', 'saaslauncher') ?></h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"18px"}},"textColor":"foreground"} -->
<p class="has-text-align-left has-foreground-color has-text-color has-link-color" style="font-size:18px"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'saaslauncher') ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"saaslauncher-hover-box","style":{"border":{"radius":"20px","width":"1px"},"spacing":{"padding":{"top":"28px","bottom":"28px","left":"28px","right":"28px"},"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"}}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
<div class="wp-block-group saaslauncher-hover-box has-border-color has-border-color-border-color" style="border-width:1px;border-radius:20px;margin-top:0;margin-bottom:0;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px"><!-- wp:image {"id":388,"width":"60px","height":"60px","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-secondary"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($saaslauncher_images[1]) ?>" alt="" class="wp-image-388" style="object-fit:contain;width:60px;height:60px" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"spacing":{"margin":{"top":"32px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"big"} -->
<h4 class="wp-block-heading has-text-align-left has-heading-color-color has-text-color has-link-color has-big-font-size" style="margin-top:32px;font-style:normal;font-weight:500"><?php esc_html_e('Smart Alerts & Notifications', 'saaslauncher') ?></h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"18px"}},"textColor":"foreground"} -->
<p class="has-text-align-left has-foreground-color has-text-color has-link-color" style="font-size:18px"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'saaslauncher') ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"saaslauncher-hover-box","style":{"border":{"radius":"20px","width":"1px"},"spacing":{"padding":{"top":"28px","bottom":"28px","left":"28px","right":"28px"},"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"}}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
<div class="wp-block-group saaslauncher-hover-box has-border-color has-border-color-border-color" style="border-width:1px;border-radius:20px;margin-top:0;margin-bottom:0;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px"><!-- wp:image {"id":399,"width":"60px","height":"60px","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-secondary"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($saaslauncher_images[2]) ?>" alt="" class="wp-image-399" style="object-fit:contain;width:60px;height:60px" /></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"spacing":{"margin":{"top":"32px"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"big"} -->
<h4 class="wp-block-heading has-text-align-left has-heading-color-color has-text-color has-link-color has-big-font-size" style="margin-top:32px;font-style:normal;font-weight:500"><?php esc_html_e('AI-Powered Insights', 'saaslauncher') ?></h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"18px"}},"textColor":"foreground"} -->
<p class="has-text-align-left has-foreground-color has-text-color has-link-color" style="font-size:18px"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'saaslauncher') ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->