<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained","contentSize":"1200px"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|xl","bottom":"var:preset|spacing|xl"}}}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--xl);padding-bottom:var(--wp--preset--spacing--xl)">

<!-- wp:group {"layout":{"type":"constrained","contentSize":"640px"},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|lg"}}}} -->
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--lg);text-align:center">
    <!-- wp:post-title {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--huge)"}}} /-->
    <!-- wp:paragraph {"textColor":"text-secondary","style":{"typography":{"fontSize":"var(--wp--preset--font-size--large)"}}} -->
    <p class="has-text-secondary-color has-text-color">Have a question, a story idea, or a partnership in mind? We'd love to hear from you.</p>
    <!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|lg"}}}} -->
<div class="wp-block-columns">

    <!-- wp:column {"width":"62%","className":"blokio-card","style":{"spacing":{"padding":{"top":"var:preset|spacing|md","right":"var:preset|spacing|md","bottom":"var:preset|spacing|md","left":"var:preset|spacing|md"}}}} -->
    <div class="wp-block-column blokio-card" style="flex-basis:62%;padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--md)">

        <!-- wp:heading {"level":3} -->
        <h3 class="wp-block-heading">Get in Touch</h3>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"textColor":"text-secondary"} -->
        <p class="has-text-secondary-color has-text-color">The fastest way to reach us is by email — we read and reply to every message.</p>
        <!-- /wp:paragraph -->

        <!-- wp:buttons -->
        <div class="wp-block-buttons">
            <!-- wp:button {"style":{"border":{"radius":"999px"}}} -->
            <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="mailto:hello@yoursite.com" style="border-radius:999px">Email hello@yoursite.com</a></div>
            <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->

        <!--
          Prefer an on-page contact form instead of a mailto link? Core
          WordPress doesn't ship a form-submission block, so add one
          from a form plugin (Jetpack Forms, WPForms, Contact Form 7,
          Fluent Forms, etc.) here in the Site Editor — themes can't
          bundle that functionality directly.
        -->

    </div>
    <!-- /wp:column -->

    <!-- wp:column {"width":"38%"} -->
    <div class="wp-block-column" style="flex-basis:38%">

        <!-- wp:group {"className":"blokio-card","style":{"spacing":{"padding":{"top":"var:preset|spacing|md","right":"var:preset|spacing|md","bottom":"var:preset|spacing|md","left":"var:preset|spacing|md"},"blockGap":"1rem"}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group blokio-card" style="padding-top:var(--wp--preset--spacing--md);padding-right:var(--wp--preset--spacing--md);padding-bottom:var(--wp--preset--spacing--md);padding-left:var(--wp--preset--spacing--md)">
            <!-- wp:heading {"level":4} -->
            <h4>Email</h4>
            <!-- /wp:heading -->
            <!-- wp:paragraph {"textColor":"text-secondary"} -->
            <p class="has-text-secondary-color has-text-color">hello@yoursite.com</p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"level":4} -->
            <h4>Based In</h4>
            <!-- /wp:heading -->
            <!-- wp:paragraph {"textColor":"text-secondary"} -->
            <p class="has-text-secondary-color has-text-color">Add your city, state/country here.</p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"level":4} -->
            <h4>Follow</h4>
            <!-- /wp:heading -->
            <!-- wp:social-links {"iconColor":"primary","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
            <ul class="wp-block-social-links has-normal-icon-size is-style-logos-only">
                <!-- wp:social-link {"url":"#","service":"instagram"} /-->
                <!-- wp:social-link {"url":"#","service":"x"} /-->
                <!-- wp:social-link {"url":"#","service":"youtube"} /-->
            </ul>
            <!-- /wp:social-links -->
        </div>
        <!-- /wp:group -->

    </div>
    <!-- /wp:column -->

</div>
<!-- /wp:columns -->

</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
