<?php
/**
 * Title: About
 * Slug: swp-painting/about
 * Categories: banner, swp-painting
 * Keywords: services
 * Description: Services section with four service cards.
 */
$swp_dir = get_template_directory_uri();
?>
<!-- wp:group {"className":"swp-parent-container-1 swp-services","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"light-background","layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group swp-parent-container-1 swp-services has-light-background-background-color has-background" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":{"left":"24px"},"margin":{"bottom":"48px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom" style="margin-bottom:48px"><!-- wp:column {"verticalAlignment":"bottom","width":"58%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:58%"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-deep"}}}},"textColor":"accent-deep","fontSize":"subtitle"} -->
<h6 class="wp-block-heading has-accent-deep-color has-text-color has-link-color has-subtitle-font-size">● Our services</h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"14px"}}},"fontSize":"h2"} -->
<h2 class="wp-block-heading has-h-2-font-size" style="margin-top:14px">Painting services you can <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">trust</mark></h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"42%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:42%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|body-text"}}}},"textColor":"body-text","fontSize":"paragraph"} -->
<p class="has-body-text-color has-text-color has-link-color has-paragraph-font-size">Pick a single service or bundle them into one seamless project — we scope, prep, paint and protect so you never have to chase a second contractor.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"grid","minimumColumnWidth":"240px"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"swp-service-card","style":{"spacing":{"padding":{"top":"30px","bottom":"28px","left":"26px","right":"26px"},"blockGap":"0"},"border":{"color":"#17130f14","width":"1px","radius":"18px"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group swp-service-card has-border-color has-white-background-color has-background" style="border-color:#17130f14;border-width:1px;border-radius:18px;padding-top:30px;padding-right:26px;padding-bottom:28px;padding-left:26px"><!-- wp:image {"width":"64px","height":"64px","scale":"contain","sizeSlug":"large","className":"swp-service-icon"} -->
<figure class="wp-block-image size-large is-resized swp-service-icon"><img src="<?php echo esc_url( $swp_dir ); ?>/assets/images/services/services-img-1.png" alt="Interior painting" style="object-fit:contain;width:64px;height:64px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"22px","bottom":"9px"}}},"fontSize":"h4"} -->
<h3 class="wp-block-heading has-h-4-font-size" style="margin-top:22px;margin-bottom:9px">Interior Painting</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"18px"}}},"textColor":"body-text","fontSize":"paragraph"} -->
<p class="has-body-text-color has-text-color has-paragraph-font-size" style="margin-bottom:18px">Walls, ceilings, trim and doors finished to a smooth, even, hard-wearing coat with tidy edges throughout.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"swp-read-more","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|accent-deep"}}}},"textColor":"accent-deep","fontSize":"subtitle","fontFamily":"archivo"} -->
<p class="swp-read-more has-accent-deep-color has-text-color has-link-color has-archivo-font-family has-subtitle-font-size" style="font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><a href="#">Read More →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swp-service-card","style":{"spacing":{"padding":{"top":"30px","bottom":"28px","left":"26px","right":"26px"},"blockGap":"0"},"border":{"color":"#17130f14","width":"1px","radius":"18px"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group swp-service-card has-border-color has-white-background-color has-background" style="border-color:#17130f14;border-width:1px;border-radius:18px;padding-top:30px;padding-right:26px;padding-bottom:28px;padding-left:26px"><!-- wp:image {"width":"64px","height":"64px","scale":"contain","sizeSlug":"large","className":"swp-service-icon"} -->
<figure class="wp-block-image size-large is-resized swp-service-icon"><img src="<?php echo esc_url( $swp_dir ); ?>/assets/images/services/services-img-2.png" alt="Commercial coating" style="object-fit:contain;width:64px;height:64px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"22px","bottom":"9px"}}},"fontSize":"h4"} -->
<h3 class="wp-block-heading has-h-4-font-size" style="margin-top:22px;margin-bottom:9px">Commercial Coating</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"18px"}}},"textColor":"body-text","fontSize":"paragraph"} -->
<p class="has-body-text-color has-text-color has-paragraph-font-size" style="margin-bottom:18px">Durable, fast-turnaround coatings for offices, retail and industrial sites — scheduled around your hours.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"swp-read-more","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|accent-deep"}}}},"textColor":"accent-deep","fontSize":"subtitle","fontFamily":"archivo"} -->
<p class="swp-read-more has-accent-deep-color has-text-color has-link-color has-archivo-font-family has-subtitle-font-size" style="font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><a href="#">Read More →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swp-service-card","style":{"spacing":{"padding":{"top":"30px","bottom":"28px","left":"26px","right":"26px"},"blockGap":"0"},"border":{"color":"#17130f14","width":"1px","radius":"18px"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group swp-service-card has-border-color has-white-background-color has-background" style="border-color:#17130f14;border-width:1px;border-radius:18px;padding-top:30px;padding-right:26px;padding-bottom:28px;padding-left:26px"><!-- wp:image {"width":"64px","height":"64px","scale":"contain","sizeSlug":"large","className":"swp-service-icon"} -->
<figure class="wp-block-image size-large is-resized swp-service-icon"><img src="<?php echo esc_url( $swp_dir ); ?>/assets/images/services/services-img-3.png" alt="Decorative finishes" style="object-fit:contain;width:64px;height:64px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"22px","bottom":"9px"}}},"fontSize":"h4"} -->
<h3 class="wp-block-heading has-h-4-font-size" style="margin-top:22px;margin-bottom:9px">Decorative Finishes</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"18px"}}},"textColor":"body-text","fontSize":"paragraph"} -->
<p class="has-body-text-color has-text-color has-paragraph-font-size" style="margin-bottom:18px">Feature walls, accents, textures and bespoke color schemes that give a room real personality.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"swp-read-more","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|accent-deep"}}}},"textColor":"accent-deep","fontSize":"subtitle","fontFamily":"archivo"} -->
<p class="swp-read-more has-accent-deep-color has-text-color has-link-color has-archivo-font-family has-subtitle-font-size" style="font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><a href="#">Read More →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swp-service-card","style":{"spacing":{"padding":{"top":"30px","bottom":"28px","left":"26px","right":"26px"},"blockGap":"0"},"border":{"color":"#17130f14","width":"1px","radius":"18px"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group swp-service-card has-border-color has-white-background-color has-background" style="border-color:#17130f14;border-width:1px;border-radius:18px;padding-top:30px;padding-right:26px;padding-bottom:28px;padding-left:26px"><!-- wp:image {"width":"64px","height":"64px","scale":"contain","sizeSlug":"large","className":"swp-service-icon"} -->
<figure class="wp-block-image size-large is-resized swp-service-icon"><img src="<?php echo esc_url( $swp_dir ); ?>/assets/images/services/services-img-4.png" alt="Exterior painting" style="object-fit:contain;width:64px;height:64px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"22px","bottom":"9px"}}},"fontSize":"h4"} -->
<h3 class="wp-block-heading has-h-4-font-size" style="margin-top:22px;margin-bottom:9px">Exterior Painting</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"18px"}}},"textColor":"body-text","fontSize":"paragraph"} -->
<p class="has-body-text-color has-text-color has-paragraph-font-size" style="margin-bottom:18px">Weather-proof facades, fences and trim prepped and sealed to stand up to sun, rain and time.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"swp-read-more","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|accent-deep"}}}},"textColor":"accent-deep","fontSize":"subtitle","fontFamily":"archivo"} -->
<p class="swp-read-more has-accent-deep-color has-text-color has-link-color has-archivo-font-family has-subtitle-font-size" style="font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><a href="#">Read More →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
