From c20510814ee00b8619c96cfda8bce18f62c60987 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sat, 25 Jul 2026 13:24:06 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20Add=20team-grid=20block=20P?=
 =?UTF-8?q?HP=20template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/blocks/team-grid/team-grid.php | 64 ++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 views/blocks/team-grid/team-grid.php

diff --git a/views/blocks/team-grid/team-grid.php b/views/blocks/team-grid/team-grid.php
new file mode 100644
index 0000000..c65b16b
--- /dev/null
+++ b/views/blocks/team-grid/team-grid.php
@@ -0,0 +1,64 @@
+<?php
+/**
+ * Block Name: Team Grid
+ *
+ * A responsive grid of team members. Each card uses a native <details>
+ * element so the bio expands when the photo, name, or title is clicked.
+ *
+ * @package CWC
+ */
+
+namespace CWC;
+
+$members = get_field( 'members' );
+
+if ( empty( $members ) ) {
+	return;
+}
+
+$classes = 'team-grid container my-section mx-auto';
+$wrapper = blockWrapperAttributes( $classes, $is_preview );
+?>
+
+<section <?php echo wp_kses_post( $wrapper ); ?>>
+	<div class="team-grid__inner grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12">
+		<?php foreach ( $members as $member ) : ?>
+			<article class="team-grid__card">
+				<details class="team-grid__details">
+					<summary class="team-grid__summary">
+						<?php if ( ! empty( $member['image'] ) ) : ?>
+							<img
+								class="team-grid__photo"
+								src="<?php echo esc_url( $member['image']['url'] ); ?>"
+								alt="<?php echo esc_attr( $member['image']['alt'] ?? '' ); ?>"
+								loading="lazy"
+							/>
+						<?php endif; ?>
+
+						<?php if ( ! empty( $member['name'] ) ) : ?>
+							<h3 class="team-grid__name">
+								<?php echo wp_kses_post( $member['name'] ); ?>
+							</h3>
+						<?php endif; ?>
+
+						<?php if ( ! empty( $member['title'] ) ) : ?>
+							<p class="team-grid__title">
+								<?php echo wp_kses_post( $member['title'] ); ?>
+							</p>
+						<?php endif; ?>
+					</summary>
+
+					<div class="team-grid__bio-wrap">
+						<div class="team-grid__bio-inner">
+							<?php if ( ! empty( $member['bio'] ) ) : ?>
+								<div class="team-grid__bio">
+									<?php echo wp_kses_post( $member['bio'] ); ?>
+								</div>
+							<?php endif; ?>
+						</div>
+					</div>
+				</details>
+			</article>
+		<?php endforeach; ?>
+	</div>
+</section>