<?php
/**
 * Title: Featured Panels
 * Slug: absolute-2026/featured-panels
 * Description: A responsive section with introductory copy and two prominent linked panels, ideal for featured case studies.
 * Categories: absolute-2026/sections, absolute-2026/highlights
 * Keywords: featured, panels, case studies, projects, links
 * Viewport Width: 1280
 */
?>

<!-- wp:group {"tagName":"section","align":"wide","className":"is-style-section-divider featured-panels","layout":{"type":"default"}} -->
<section class="wp-block-group alignwide is-style-section-divider featured-panels">
	<!-- wp:group {"className":"featured-panels__intro","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
	<div class="wp-block-group featured-panels__intro">
		<!-- wp:paragraph {"className":"is-style-eyebrow"} -->
		<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample eyebrow for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:heading -->
		<h2 class="wp-block-heading"><?php echo esc_html_x( 'Featured panels', 'Sample heading for the Featured Panels pattern', 'absolute-2026' ); ?></h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'Introduce the featured offerings, projects, or destinations collected in this section.', 'Sample introduction for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:group {"className":"is-style-card featured-panel-card","layout":{"type":"default"}} -->
	<div class="wp-block-group is-style-card featured-panel-card">
		<!-- wp:paragraph {"className":"featured-panel-card__label"} -->
		<p class="featured-panel-card__label"><?php echo esc_html_x( 'Case study 01', 'First panel label for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"level":3} -->
		<h3 class="wp-block-heading"><?php echo esc_html_x( 'Case study title', 'First panel heading for the Featured Panels pattern', 'absolute-2026' ); ?></h3>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'Use concise supporting copy to explain why this featured item deserves the reader’s attention.', 'First panel copy for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph {"className":"featured-panel-card__link"} -->
		<p class="featured-panel-card__link"><a href="#"><?php echo esc_html_x( 'View case study →', 'First panel link label for the Featured Panels pattern', 'absolute-2026' ); ?></a></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:group {"className":"is-style-card featured-panel-card","layout":{"type":"default"}} -->
	<div class="wp-block-group is-style-card featured-panel-card">
		<!-- wp:paragraph {"className":"featured-panel-card__label"} -->
		<p class="featured-panel-card__label"><?php echo esc_html_x( 'Case study 02', 'Second panel label for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"level":3} -->
		<h3 class="wp-block-heading"><?php echo esc_html_x( 'Case study title', 'Second panel heading for the Featured Panels pattern', 'absolute-2026' ); ?></h3>
		<!-- /wp:heading -->

		<!-- wp:paragraph -->
		<p><?php echo esc_html_x( 'Use concise supporting copy to explain why this featured item deserves the reader’s attention.', 'Second panel copy for the Featured Panels pattern', 'absolute-2026' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:paragraph {"className":"featured-panel-card__link"} -->
		<p class="featured-panel-card__link"><a href="#"><?php echo esc_html_x( 'View case study →', 'Second panel link label for the Featured Panels pattern', 'absolute-2026' ); ?></a></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->
</section>
<!-- /wp:group -->
