<?php
/**
 * Benefits strip.
 *
 * @package Foliora
 */

$items = array(
	array( 'Curated for readers', 'Only things we\'d actually want beside our own books.', 'M12 4.5 14.2 9l4.8.6-3.6 3.3.9 4.8L12 15.6 7.7 17.7l.9-4.8L5 9.6 9.8 9 12 4.5Z' ),
	array( 'Gift-worthy', 'Thoughtful little gifts readers will actually use.', 'M4 8h12v9H4V8Zm2-3h8l1 3H5l1-3Z' ),
	array( 'Cozy by design', 'Chosen to make reading feel a little more special.', 'M4 14c2-4 5-6 8-6s6 2 8 6' ),
	array( 'Easy returns', 'Simple, stress-free support if something isn\'t right.', 'M5 10h10M12 7l3 3-3 3' ),
);
?>
<section class="benefits" aria-label="Why Foliora">
	<div class="wrap benefits__row">
		<?php foreach ( $items as $item ) : ?>
			<div class="benefit" data-reveal>
				<svg class="benefit__icon" width="28" height="28" viewBox="0 0 20 20" fill="none" aria-hidden="true">
					<path d="<?php echo esc_attr( $item[2] ); ?>" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
				</svg>
				<h3><?php echo esc_html( $item[0] ); ?></h3>
				<p><?php echo esc_html( $item[1] ); ?></p>
			</div>
		<?php endforeach; ?>
	</div>
</section>
