From 6b7dd7a6fc5fa59bb6c2223d1a18b62b7342120c Mon Sep 17 00:00:00 2001
From: John Fraskos <jfraskos@gmail.com>
Date: Thu, 14 Dec 2023 14:38:26 +0200
Subject: [PATCH] Update two-columns-features.php

---
 inc/patterns/two-columns-features.php | 99 +++++++++------------------
 1 file changed, 34 insertions(+), 65 deletions(-)

diff --git a/inc/patterns/two-columns-features.php b/inc/patterns/two-columns-features.php
index 3e9ab0d..4e34a0b 100644
--- a/inc/patterns/two-columns-features.php
+++ b/inc/patterns/two-columns-features.php
@@ -1,78 +1,47 @@
 <?php
 /**
- * Pattern
+ * Two Columns of Features Pattern for Raft Theme
  *
  * @author Themeisle
  * @package raft
- * @since 1.0.0
+ * @since 1.0.5
  *
- * slug: images-text-columns
- * title: Two columns of features
- * categories: raft
- * keywords: section, image, text, columns, title
+ * slug: two-columns-features
+ * title: Two Columns of Features
+ * categories: raft/features
+ * keywords: two columns, features, services
  */
 
-$illustrations = array(
-	'shape-05.svg',
-	'shape-01.svg',
-);
+$raft_strings = apply_filters( 'raft_strings', array() );
 
-$strings = array(
-	'title'           => __( 'Two columns of features', 'raft' ),
-	'byline'          => 'Lorem ipsum dolor sit amet',
-	'feature_title'   => 'Lorem ipsum',
-	'feature_content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.',
+$images = array(
+    RAFT_URL . 'assets/img/shape-05.svg',
+    RAFT_URL . 'assets/img/shape-01.svg',
 );
 
-$columns_markup = '';
-
-foreach ( $illustrations as $illustration ) {
-	$columns_markup .= '<!-- wp:column -->';
-	$columns_markup .= '<div class="wp-block-column">';
-
-	$columns_markup .= '<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->';
-	$columns_markup .= '<figure class="wp-block-image size-full">';
-	$columns_markup .= '<img src="' . esc_url( RAFT_URL . 'assets/img/' . $illustration ) . '" alt="Illustration"/>';
-	$columns_markup .= '</figure>';
-	$columns_markup .= '<!-- /wp:image -->';
-
-	$columns_markup .= '<!-- wp:heading {"level":3} -->';
-	$columns_markup .= '<h3>' . esc_html( $strings['feature_title'] ) . '</h3>';
-	$columns_markup .= '<!-- /wp:heading -->';
-
-	$columns_markup .= '<!-- wp:paragraph -->';
-	$columns_markup .= '<p>' . esc_html( $strings['feature_content'] ) . '</p>';
-	$columns_markup .= '<!-- /wp:paragraph -->';
-
-	$columns_markup .= '</div>';
-	$columns_markup .= '<!-- /wp:column -->';
-}
-
 return array(
-	'title'      => $strings['title'],
-	'categories' => array( 'raft/features' ),
-	'content'    => '
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"64px","bottom":"64px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"raft-bg-alt","layout":{"inherit":true}} -->
-<div class="wp-block-group alignfull has-raft-bg-alt-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:64px;padding-bottom:64px">
-
-<!-- wp:heading -->
-<h2>' . esc_html( $strings['title'] ) . '</h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph {"fontSize":"medium"} -->
-<p class="has-medium-font-size">' . esc_html( $strings['byline'] ) . '</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:group -->
-<div class="wp-block-group">
-
-<!-- wp:columns -->
-<div class="wp-block-columns">' . wp_kses_post( $columns_markup ) . '</div>
-<!-- /wp:columns -->
-
-</div>
-<!-- /wp:group -->
-
-</div>
-<!-- /wp:group -->',
+    'title'      => __( 'Two Columns of Features', 'raft' ),
+    'categories' => array( 'raft/features' ),
+    'content'    => '
+        <div class="wp-block-group alignfull has-raft-bg-alt-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)">
+        <div class="wp-block-group">
+        <h2 class="wp-block-heading">' . esc_html( $raft_strings['feature_section_title'] ) . '</h2>
+        <p class="has-medium-font-size">' . esc_html( $raft_strings['section_description'] ) . '</p>
+        </div>
+        <div class="wp-block-group">
+        <div class="wp-block-columns">
+        <div class="wp-block-column">
+        <figure class="wp-block-image size-full"><img src="' . esc_url( $images[0] ) . '" alt="Illustration"/></figure>
+        <h3 class="wp-block-heading">' . esc_html( $raft_strings['feature_title'] ) . '</h3>
+        <p>' . esc_html( $raft_strings['feature_description'] ) . '</p>
+        </div>
+        <div class="wp-block-column">
+        <figure class="wp-block-image size-full"><img src="' . esc_url( $images[1] ) . '" alt="Illustration"/></figure>
+        <h3 class="wp-block-heading">' . esc_html( $raft_strings['feature_title'] ) . '</h3>
+        <p>' . esc_html( $raft_strings['feature_description'] ) . '</p>
+        </div>
+        </div>
+        </div>
+        </div>
+    ',
 );