<?php
/**
 * Title: Service Section
 * Slug: aamira/service-section
 * Categories: featured, team
 * Keywords: 
 * Block Types: core/template-part/featured
 * Inserter: true
 * description: A feature-rich service section with icons, headings, descriptions, and a call-to-action button.
 *
 * @package WordPress
 * @subpackage Aamira
 * @since Aamira 1.0
 */
?>

<!-- wp:group {"align":"full","className":"stats-section","style":{"spacing":{"padding":{"top":"5rem","bottom":"5rem","right":"1.25rem","left":"1.25rem"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|30"},"color":{"gradient":"linear-gradient(135deg,rgb(191,219,254) 0%,rgb(255,255,255) 100%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull stats-section has-background" style="background:linear-gradient(135deg,rgb(191,219,254) 0%,rgb(255,255,255) 100%);padding-top:5rem;padding-right:1.25rem;padding-bottom:5rem;padding-left:1.25rem;margin-top:0;margin-bottom:0">
    <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#2563eb"},"elements":{"link":{"color":{"text":"#2563eb"}}},"typography":{"textTransform":"uppercase","letterSpacing":"0.1em"}},"fontSize":"medium"} -->
    <p class="has-text-align-center has-text-color has-link-color has-medium-font-size"
        style="color:#2563eb;letter-spacing:0.1em;text-transform:uppercase"><strong><?php echo esc_html__( 'Our Services', 'aamira' ); ?></strong></p>
    <!-- /wp:paragraph -->

    <!-- wp:heading {"textAlign":"center","level":1,"style":{"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}},"spacing":{"margin":{"top":"1rem"}}}} -->
    <h1 class="wp-block-heading has-text-align-center has-text-color has-link-color"
        style="color:#1f2937;margin-top:1rem"><strong><?php echo esc_html__( 'Explore our range of professional services tailored to meet your business needs.', 'aamira' ); ?></strong></h1>
    <!-- /wp:heading -->

    <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"4rem"}},"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}}},"fontSize":"medium","fontFamily":"sans"} -->
    <p class="has-text-align-center has-text-color has-link-color has-sans-font-family has-medium-font-size"
        style="color:#1f2937;margin-bottom:4rem"><?php echo esc_html__( 'We\'re committed to delivering solutions that elevate your brand and business goals.', 'aamira' ); ?></p>
    <!-- /wp:paragraph -->

    <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"bottom":"4rem"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
    <div class="wp-block-group alignfull" style="margin-bottom:4rem">
        

        <!-- wp:columns {"align":"wide"} -->
        <div class="wp-block-columns alignwide">
            <!-- wp:column {"layout":{"type":"constrained"}} -->
            <div class="wp-block-column">
                <!-- wp:group {"className":"stat-card","layout":{"type":"constrained","justifyContent":"right"}} -->
                <div class="wp-block-group stat-card">
                    <!-- wp:image {"id":4798,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"section-card-icon is-style-default","style":{"spacing":{"margin":{"right":"0px","left":"0px"}},"border":{"radius":"100px","width":"0px","style":"none"}}} -->
                    <figure
                        class="wp-block-image aligncenter size-full has-custom-border section-card-icon is-style-default"
                        style="margin-right:0px;margin-left:0px"><img
                            src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/settings.png"
                            alt="" class="wp-image-4798"
                            style="border-style:none;border-width:0px;border-radius:100px;object-fit:cover" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"textAlign":"center","level":3,"className":"image-section","style":{"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}}},"fontSize":"medium"} -->
                    <h3 class="wp-block-heading has-text-align-center image-section has-text-color has-link-color has-medium-font-size"
                        style="color:#1f2937"><strong><?php echo esc_html__( 'Customizable Settings', 'aamira' ); ?></strong></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"elements":{"link":{"color":{"text":"#4b5563"}}},"spacing":{"margin":{"top":"0.75rem"}}},"fontSize":"small"} -->
                    <p class="has-text-align-center has-text-color has-link-color has-small-font-size"
                        style="color:#4b5563;margin-top:0.75rem"><?php echo esc_html__( 'Nibh nullam vitae semper pharetra sit enim id. Ut eu non massa nec. Proin eget semper orci suspendisse.', 'aamira' ); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"layout":{"type":"constrained"}} -->
            <div class="wp-block-column">
                <!-- wp:group {"className":"stat-card","layout":{"type":"constrained","justifyContent":"right"}} -->
                <div class="wp-block-group stat-card">
                    <!-- wp:image {"id":4799,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"section-card-icon is-style-default","style":{"spacing":{"margin":{"right":"0px","left":"0px"}},"border":{"radius":"100px","width":"0px","style":"none"}}} -->
                    <figure
                        class="wp-block-image aligncenter size-full has-custom-border section-card-icon is-style-default"
                        style="margin-right:0px;margin-left:0px"><img
                            src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/developer.png" alt=""
                            class="wp-image-4799"
                            style="border-style:none;border-width:0px;border-radius:100px;object-fit:cover" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"textAlign":"center","level":3,"className":"image-section","style":{"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}}},"fontSize":"medium"} -->
                    <h3 class="wp-block-heading has-text-align-center image-section has-text-color has-link-color has-medium-font-size"
                        style="color:#1f2937"><strong><?php echo esc_html__( 'Developer-Friendly', 'aamira' ); ?></strong></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"elements":{"link":{"color":{"text":"#4b5563"}}},"spacing":{"margin":{"top":"0.75rem"}}},"fontSize":"small"} -->
                    <p class="has-text-align-center has-text-color has-link-color has-small-font-size"
                        style="color:#4b5563;margin-top:0.75rem"><?php echo esc_html__( 'Sed et pulvinar donec sed et, nisl dolor amet. Mollis aliquet volutpat ac sed lectus iaculis.', 'aamira' ); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns {"align":"wide"} -->
        <div class="wp-block-columns alignwide">
            <!-- wp:column {"layout":{"type":"constrained"}} -->
            <div class="wp-block-column">
                <!-- wp:group {"className":"stat-card","layout":{"type":"constrained","justifyContent":"right"}} -->
                <div class="wp-block-group stat-card">
                    <!-- wp:image {"id":4798,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"section-card-icon is-style-default","style":{"spacing":{"margin":{"right":"0px","left":"0px"}},"border":{"radius":"100px","width":"0px","style":"none"}}} -->
                    <figure
                        class="wp-block-image aligncenter size-full has-custom-border section-card-icon is-style-default"
                        style="margin-right:0px;margin-left:0px"><img
                            src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/cell-phone.png"
                            alt="" class="wp-image-4798"
                            style="border-style:none;border-width:0px;border-radius:100px;object-fit:cover" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"textAlign":"center","level":3,"className":"image-section","style":{"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}}},"fontSize":"medium"} -->
                    <h3 class="wp-block-heading has-text-align-center image-section has-text-color has-link-color has-medium-font-size"
                        style="color:#1f2937"><strong><?php echo esc_html__( 'Responsive Design', 'aamira' ); ?></strong></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"elements":{"link":{"color":{"text":"#4b5563"}}},"spacing":{"margin":{"top":"0.75rem"}}},"fontSize":"small"} -->
                    <p class="has-text-align-center has-text-color has-link-color has-small-font-size"
                        style="color:#4b5563;margin-top:0.75rem"><?php echo esc_html__( 'Nunc amet, tempor morbi ligula ut faucibus gravida. Accumsan, suspendisse mus quisque hendrerit.', 'aamira' ); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"layout":{"type":"constrained"}} -->
            <div class="wp-block-column">
                <!-- wp:group {"className":"stat-card","layout":{"type":"constrained","justifyContent":"right"}} -->
                <div class="wp-block-group stat-card">
                    <!-- wp:image {"id":4799,"scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"section-card-icon is-style-default","style":{"spacing":{"margin":{"right":"0px","left":"0px"}},"border":{"radius":"100px","width":"0px","style":"none"}}} -->
                    <figure
                        class="wp-block-image aligncenter size-full has-custom-border section-card-icon is-style-default"
                        style="margin-right:0px;margin-left:0px"><img
                            src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/cloud.png" alt=""
                            class="wp-image-4799"
                            style="border-style:none;border-width:0px;border-radius:100px;object-fit:cover" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:heading {"textAlign":"center","level":3,"className":"image-section","style":{"color":{"text":"#1f2937"},"elements":{"link":{"color":{"text":"#1f2937"}}}},"fontSize":"medium"} -->
                    <h3 class="wp-block-heading has-text-align-center image-section has-text-color has-link-color has-medium-font-size"
                        style="color:#1f2937"><strong><?php echo esc_html__( 'Cloud Integration', 'aamira' ); ?></strong></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"elements":{"link":{"color":{"text":"#4b5563"}}},"spacing":{"margin":{"top":"0.75rem"}}},"fontSize":"small"} -->
                    <p class="has-text-align-center has-text-color has-link-color has-small-font-size"
                        style="color:#4b5563;margin-top:0.75rem"><?php echo esc_html__( 'Pellentesque auctor adipiscing lacus viverra. Arcu, nibh purus urna amet sagittis quis tellus.', 'aamira' ); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:buttons {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"padding":{"top":"2rem","bottom":"2rem","left":"2rem","right":"2rem"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"top"}} -->
        <div class="wp-block-buttons"
            style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem">
            <!-- wp:button {"textAlign":"center","className":"is-style-fill service-button","style":{"color":{"gradient":"linear-gradient(135deg,rgb(37,99,235) 0%,rgb(79,70,229) 100%)"},"spacing":{"padding":{"left":"1rem","right":"1rem","top":"1rem","bottom":"1rem"}},"border":{"radius":"0.5rem"}}} -->
            <div class="wp-block-button is-style-fill service-button"><a
                    class="wp-block-button__link has-background has-text-align-center wp-element-button"
                    style="border-radius:0.5rem;background:linear-gradient(135deg,rgb(37,99,235) 0%,rgb(79,70,229) 100%);padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem">
                    <?php echo esc_html__( 'Explore More', 'aamira' ); ?></a></div>
            <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->
