From 61f959e1a28304782399ed1c9232a03ec717bb48 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Fri, 24 Jul 2026 23:39:51 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20Add=20services-list=20block?=
 =?UTF-8?q?=20PHP=20template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/blocks/services-list/services-list.php | 60 ++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 views/blocks/services-list/services-list.php

diff --git a/views/blocks/services-list/services-list.php b/views/blocks/services-list/services-list.php
new file mode 100644
index 0000000..00d796e
--- /dev/null
+++ b/views/blocks/services-list/services-list.php
@@ -0,0 +1,60 @@
+<?php
+/**
+ * Block Name: Services List
+ *
+ * A row of service cards. Card count (2, 3, or 4) determines the layout.
+ *
+ * @package CWC
+ */
+
+namespace CWC;
+
+$items = get_field( 'items' );
+
+if ( empty( $items ) ) {
+	return;
+}
+
+$count      = count( $items );
+$grid_cols  = max( 2, min( 4, (int) $count ) );
+$grid_class = 'lg:grid-cols-' . $grid_cols;
+$line_url   = '/wp-content/themes/community-works-collaborative/static/img/services-list-line.svg';
+
+$classes = 'services-list mx-break-out relative ' . $grid_class;
+$wrapper = blockWrapperAttributes( $classes, $is_preview );
+?>
+
+<section <?php echo wp_kses_post( $wrapper ); ?>>
+	<div class="services-list__line" aria-hidden="true" style="background-image: url('<?php echo esc_url( $line_url ); ?>');"></div>
+
+	<div class="container">
+		<div class="services-list__grid grid grid-cols-1 <?php echo esc_attr( $grid_class ); ?> gap-8 lg:gap-12">
+			<?php foreach ( $items as $item ) : ?>
+				<article class="services-list__card">
+					<?php if ( ! empty( $item['image'] ) ) : ?>
+						<figure class="services-list__media aspect-square">
+							<img
+								class="services-list__img"
+								src="<?php echo esc_url( $item['image']['url'] ); ?>"
+								alt="<?php echo esc_attr( $item['image']['alt'] ?? '' ); ?>"
+								loading="lazy"
+							/>
+						</figure>
+					<?php endif; ?>
+
+					<?php if ( ! empty( $item['heading'] ) ) : ?>
+						<h3 class="services-list__heading">
+							<?php echo wp_kses_post( $item['heading'] ); ?>
+						</h3>
+					<?php endif; ?>
+
+					<?php if ( ! empty( $item['description'] ) ) : ?>
+						<div class="services-list__desc">
+							<?php echo wp_kses_post( $item['description'] ); ?>
+						</div>
+					<?php endif; ?>
+				</article>
+			<?php endforeach; ?>
+		</div>
+	</div>
+</section>