<?php
/**
 * Title: About
 * Slug: absolute-2026/page-about
 * Description: A complete about page with a hero, numbered image-and-detail sections, a quote, and a closing call to action.
 * Categories: absolute-2026/pages
 * Keywords: about, biography, profile, starter page
 * Viewport Width: 1280
 */
?>

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"gradient":"background-blend","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-background-blend-gradient-background has-background" style="padding-right:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/heroes"],"patternName":"absolute-2026/hero","name":"Hero"},"align":"wide","className":"is-style-section hero-layout","layout":{"type":"default"}} -->
<section class="wp-block-group alignwide is-style-section hero-layout"><!-- wp:group {"className":"hero-layout__intro","style":{"spacing":{"blockGap":"var:preset|spacing|150"}},"layout":{"type":"default"}} -->
<div class="wp-block-group hero-layout__intro"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Page eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"fontSize":"abs-h-one-hero"} -->
<h1 class="wp-block-heading has-abs-h-one-hero-font-size"><?php echo esc_html_x( 'About', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"5/4","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed hero-layout__media"} -->
<figure class="wp-block-image size-full is-style-framed hero-layout__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:5/4;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"hero-layout__lower","style":{"spacing":{"blockGap":"var:preset|spacing|250"}},"layout":{"type":"default"}} -->
<div class="wp-block-group hero-layout__lower"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|025"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-lead"} -->
<p class="is-style-lead"><?php echo esc_html_x( 'Page-specific hero lead copy.', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Page-specific supporting copy expands on the message and gives readers context before they continue.', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|075"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-one"><?php echo esc_html_x( 'Details one', 'Sample section link for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-two"><?php echo esc_html_x( 'Details two', 'Sample section link for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-three"><?php echo esc_html_x( 'Details three', 'Sample section link for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-four"><?php echo esc_html_x( 'Details four', 'Sample section link for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-section-link"} -->
<div class="wp-block-button is-style-section-link"><a class="wp-block-button__link wp-element-button" href="#section-five"><?php echo esc_html_x( 'Details five', 'Sample section link for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|150","left":"var:preset|spacing|150"}}},"layout":{"type":"constrained","contentSize":"1280px"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--150);padding-left:var(--wp--preset--spacing--150)"><!-- wp:group {"metadata":{"name":"Callout"},"className":"is-style-section-divider","layout":{"type":"constrained","contentSize":"1024px"}} -->
<div class="wp-block-group is-style-section-divider"><!-- wp:paragraph {"className":"is-style-callout"} -->
<p class="is-style-callout"><?php echo esc_html_x( 'This is an example page. It\'s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes).', 'Primary sample callout for the About starter page pattern', 'absolute-2026' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-muted-light-color"><?php echo esc_html_x( 'Most people start with an About page that introduces them to potential site visitors. It might say something like this:', 'Muted sample callout text for the About starter page pattern', 'absolute-2026' ); ?></mark></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/media"],"patternName":"absolute-2026/two-columns-image-numbered-details","name":"Two Columns — Image + Numbered Details"},"align":"wide","className":"is-style-section-divider two-columns-image-numbered-details","layout":{"type":"default"},"anchor":"section-one"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-numbered-details" id="section-one"><!-- wp:group {"className":"two-columns-image-numbered-details__eyebrow","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__eyebrow"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-numbered-details__heading","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__heading"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Numbered details', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-numbered-details__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-numbered-details__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-numbered-details__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__content"><!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1A</span> — <strong>A clear statement introduces the first supporting point.</strong> Use the remaining copy to explain the idea and provide enough context for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1B</span> — <strong>A second statement develops the section’s central argument.</strong> Supporting detail can clarify the relationship between this point and the accompanying image.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1C</span> — <strong>A final statement completes the sequence.</strong> Conclude with the most useful implication, outcome, or next consideration for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/media"],"patternName":"absolute-2026/two-columns-image-numbered-details","name":"Two Columns — Image + Numbered Details"},"align":"wide","className":"is-style-section-divider two-columns-image-numbered-details","layout":{"type":"default"},"anchor":"section-two"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-numbered-details" id="section-two"><!-- wp:group {"className":"two-columns-image-numbered-details__eyebrow","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__eyebrow"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-numbered-details__heading","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__heading"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Numbered details', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-numbered-details__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-numbered-details__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-numbered-details__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__content"><!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1A</span> — <strong>A clear statement introduces the first supporting point.</strong> Use the remaining copy to explain the idea and provide enough context for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1B</span> — <strong>A second statement develops the section’s central argument.</strong> Supporting detail can clarify the relationship between this point and the accompanying image.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1C</span> — <strong>A final statement completes the sequence.</strong> Conclude with the most useful implication, outcome, or next consideration for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/media"],"patternName":"absolute-2026/two-columns-image-numbered-details","name":"Two Columns — Image + Numbered Details"},"align":"wide","className":"is-style-section-divider two-columns-image-numbered-details","layout":{"type":"default"},"anchor":"section-three"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-numbered-details" id="section-three"><!-- wp:group {"className":"two-columns-image-numbered-details__eyebrow","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__eyebrow"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-numbered-details__heading","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__heading"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Numbered details', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-numbered-details__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-numbered-details__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-numbered-details__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__content"><!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1A</span> — <strong>A clear statement introduces the first supporting point.</strong> Use the remaining copy to explain the idea and provide enough context for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1B</span> — <strong>A second statement develops the section’s central argument.</strong> Supporting detail can clarify the relationship between this point and the accompanying image.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1C</span> — <strong>A final statement completes the sequence.</strong> Conclude with the most useful implication, outcome, or next consideration for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/media"],"patternName":"absolute-2026/two-columns-image-numbered-details","name":"Two Columns — Image + Numbered Details"},"align":"wide","className":"is-style-section-divider two-columns-image-numbered-details","layout":{"type":"default"},"anchor":"section-four"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-numbered-details" id="section-four"><!-- wp:group {"className":"two-columns-image-numbered-details__eyebrow","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__eyebrow"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-numbered-details__heading","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__heading"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Numbered details', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-numbered-details__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-numbered-details__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-numbered-details__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__content"><!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1A</span> — <strong>A clear statement introduces the first supporting point.</strong> Use the remaining copy to explain the idea and provide enough context for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1B</span> — <strong>A second statement develops the section’s central argument.</strong> Supporting detail can clarify the relationship between this point and the accompanying image.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1C</span> — <strong>A final statement completes the sequence.</strong> Conclude with the most useful implication, outcome, or next consideration for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/media"],"patternName":"absolute-2026/two-columns-image-numbered-details","name":"Two Columns — Image + Numbered Details"},"align":"wide","className":"is-style-section-divider two-columns-image-numbered-details","layout":{"type":"default"},"anchor":"section-five"} -->
<section class="wp-block-group alignwide is-style-section-divider two-columns-image-numbered-details" id="section-five"><!-- wp:group {"className":"two-columns-image-numbered-details__eyebrow","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__eyebrow"><!-- wp:paragraph {"className":"is-style-eyebrow"} -->
<p class="is-style-eyebrow"><?php echo esc_html_x( 'Section eyebrow', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"two-columns-image-numbered-details__heading","layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__heading"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Numbered details', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-framed two-columns-image-numbered-details__media"} -->
<figure class="wp-block-image size-full is-style-framed two-columns-image-numbered-details__media"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/image.png' ) ); ?>" alt="" style="aspect-ratio:1;object-fit:cover"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"two-columns-image-numbered-details__content","style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"default"}} -->
<div class="wp-block-group two-columns-image-numbered-details__content"><!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1A</span> — <strong>A clear statement introduces the first supporting point.</strong> Use the remaining copy to explain the idea and provide enough context for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1B</span> — <strong>A second statement develops the section’s central argument.</strong> Supporting detail can clarify the relationship between this point and the accompanying image.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"two-columns-image-numbered-details__point"} -->
<p class="two-columns-image-numbered-details__point"><?php echo wp_kses_post( _x( '<span class="two-columns-image-numbered-details__point-label">1C</span> — <strong>A final statement completes the sequence.</strong> Conclude with the most useful implication, outcome, or next consideration for the reader.', 'Sample content for the About starter page pattern', 'absolute-2026' ) ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

<!-- wp:quote {"className":"has-reveal"} -->
<blockquote class="wp-block-quote has-reveal"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Add a concise quotation that gives an important idea enough room to become a visual moment.', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:group {"tagName":"section","metadata":{"categories":["absolute-2026/calls-to-action"],"patternName":"absolute-2026/cta","name":"Call to Action"},"align":"wide","className":"is-style-section","style":{"spacing":{"blockGap":"var:preset|spacing|200"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<section class="wp-block-group alignwide is-style-section"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|100"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textAlign":"center"}}} -->
<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html_x( 'A clear call to action invites the reader to take the next step.', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-lead","style":{"typography":{"textAlign":"center"}}} -->
<p class="has-text-align-center is-style-lead"><?php echo esc_html_x( 'Use this supporting copy to reinforce the invitation and explain what the reader can expect.', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Get in touch', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html_x( 'Learn more →', 'Sample content for the About starter page pattern', 'absolute-2026' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></section>
<!-- /wp:group --></div>
<!-- /wp:group -->
