From 868c2cc70a99f4dd35d386df8b203f27a31e5ecf Mon Sep 17 00:00:00 2001
From: Keith Solomon <ksolomon@gmail.com>
Date: Tue, 18 Aug 2026 16:39:26 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8feature:=20Add=20Recent=20Projects=20b?=
 =?UTF-8?q?lock?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/components/project-card.css            | 19 -------
 views/blocks/recent-projects/block.json       | 26 +++++++++
 .../recent-projects/recent-projects.css       |  0
 .../recent-projects/recent-projects.php       | 57 +++++++++++++++++++
 4 files changed, 83 insertions(+), 19 deletions(-)
 create mode 100644 views/blocks/recent-projects/block.json
 create mode 100644 views/blocks/recent-projects/recent-projects.css
 create mode 100644 views/blocks/recent-projects/recent-projects.php

diff --git a/styles/components/project-card.css b/styles/components/project-card.css
index a489b56..cf6f7ba 100644
--- a/styles/components/project-card.css
+++ b/styles/components/project-card.css
@@ -300,25 +300,6 @@
 	gap: 0.75rem;
 }
 
-.home-hero { min-height: 60vh; display: flex; align-items: center; padding: 4rem 0; }
-.home-hero__inner { max-width: 50rem; }
-.home-hero__heading {
-	font-family: var(--font-sans);
-	font-weight: 700;
-	font-size: clamp(2rem, 4vw, 3.5rem);
-	line-height: 1.1;
-	color: var(--color-on-surface, #e3e1e9);
-	margin: 0 0 1rem;
-}
-.home-hero__intro {
-	color: var(--color-on-surface-variant, #c5c5d3);
-	font-size: clamp(1rem, 1.5vw, 1.25rem);
-	line-height: 1.6;
-	max-width: 50ch;
-	margin: 0 0 1.5rem;
-}
-.home-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
-
 .home-recent__head {
 	display: flex;
 	align-items: baseline;
diff --git a/views/blocks/recent-projects/block.json b/views/blocks/recent-projects/block.json
new file mode 100644
index 0000000..4f13997
--- /dev/null
+++ b/views/blocks/recent-projects/block.json
@@ -0,0 +1,26 @@
+{
+    "name": "acf/recent-projects",
+    "title": "Recent Projects",
+    "description": "Block to display recent projects on the home page.",
+    "style": [
+        "file:./recent-projects.css"
+    ],
+    "category": "sf-blocks",
+    "icon": "block-default",
+    "keywords": [
+        "recent-projects"
+    ],
+    "acf": {
+        "mode": "preview",
+        "renderTemplate": "recent-projects.php"
+    },
+    "supports": {
+        "align": true,
+        "anchor": true,
+        "color": true,
+        "html": false,
+        "jsx": false,
+        "mode": true,
+        "multiple": false
+    }
+}
diff --git a/views/blocks/recent-projects/recent-projects.css b/views/blocks/recent-projects/recent-projects.css
new file mode 100644
index 0000000..e69de29
diff --git a/views/blocks/recent-projects/recent-projects.php b/views/blocks/recent-projects/recent-projects.php
new file mode 100644
index 0000000..93a5415
--- /dev/null
+++ b/views/blocks/recent-projects/recent-projects.php
@@ -0,0 +1,57 @@
+<?php
+/**
+ * Block Name: Recent Projects
+
+ * Block to display recent projects on the home page.
+ *
+ * @package KsPortfolio
+ */
+
+namespace KsPortfolio;
+
+$classes = 'home-recent container mx-auto my-section';
+
+/**
+ * NOTE: DO NOT remove this function call - it is required to avoid editor issues.
+ * $is_preview is a WordPress global when in the editor.
+ */
+$wrapper = blockWrapperAttributes( $classes, $is_preview );
+?>
+
+<section <?php echo wp_kses_post( $wrapper ); ?>>
+    <header class="home-recent__head">
+        <h2 class="home-recent__title"><?php echo esc_html__( 'Recent Projects', 'ks-portfolio' ); ?></h2>
+        <a class="home-recent__view-all" href="<?php echo esc_url( get_post_type_archive_link( 'projects' ) ); ?>">
+            <?php echo esc_html__( 'View All', 'ks-portfolio' ); ?> &rarr;
+        </a>
+    </header>
+
+    <hr class="home-recent__divider" />
+
+    <?php
+    $recent = new \WP_Query(
+        array(
+            'post_type'      => 'projects',
+            'posts_per_page' => 3,
+            'no_found_rows'  => true,
+        )
+    );
+
+    if ( $recent->have_posts() ) :
+        ?>
+        <div class="home-recent__grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <?php
+            while ( $recent->have_posts() ) :
+                $recent->the_post();
+                get_template_part( 'views/components/project-card' );
+            endwhile;
+            wp_reset_postdata();
+            ?>
+        </div>
+    <?php else : ?>
+        <div class="home-recent__empty">
+            <h3><?php echo esc_html__( 'Nothing here yet&hellip;', 'ks-portfolio' ); ?></h3>
+            <p><?php echo esc_html__( 'No published projects found.', 'ks-portfolio' ); ?></p>
+        </div>
+    <?php endif; ?>
+</section>