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

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
    <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
    <div style="height:var:preset|spacing|50" aria-hidden="true" class="wp-block-spacer"></div>

    <!-- wp:post-title {"level":1,"align":"wide","style":{"typography":{"fontSize":"var:preset|font-size|xx-large"}}} /-->

    <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|50"}}}} -->
    <div class="wp-block-group" style="margin-top:var:preset|spacing|30;margin-bottom:var:preset|spacing|50">
        <!-- wp:post-date /-->
        <!-- wp:post-terms {"term":"category","prefix":"Category: "} /-->
    </div>
    <!-- /wp:group -->

    <!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}},"border":{"radius":"16px"}}} /-->

    <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"bottom":"60px"}}}} -->
    <div class="wp-block-columns alignwide" style="margin-bottom:60px"><!-- wp:column {"width":"70%"} -->
    <div class="wp-block-column" style="flex-basis:70%"><!-- wp:post-content {"layout":{"type":"constrained"}} /--></div>
    <!-- /wp:column -->

    <!-- wp:column {"width":"30%"} -->
    <div class="wp-block-column" style="flex-basis:30%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}},"border":{"radius":"20px"}},"backgroundColor":"base-2"} -->
    <div class="wp-block-group has-base-2-background-color has-background" style="border-radius:20px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:heading {"level":4} -->
    <h4>Project Details</h4>
    <!-- /wp:heading -->
    <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9rem"}}} -->
    <p style="font-size:0.9rem"><strong>Role:</strong> Lead Developer<br><strong>Timeline:</strong> 3 Months<br><strong>Tech Stack:</strong> React, Node.js, PostgreSQL</p>
    <!-- /wp:paragraph -->
    <!-- wp:buttons -->
    <div class="wp-block-buttons"><!-- wp:button {"width":100,"style":{"border":{"radius":"10px"}},"fontSize":"small"} -->
    <div class="wp-block-button has-custom-font-size has-small-font-size" style="width:100%"><a class="wp-block-button__link wp-element-button" href="https://github.com/Bilnett" style="border-radius:10px">Live Demo</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div>
    <!-- /wp:group --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->

    <!-- wp:spacer {"height":"var:preset|spacing|70"} -->
    <div style="height:var:preset|spacing|70" aria-hidden="true" class="wp-block-spacer"></div>

    <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"align":"wide"} -->
    <div class="wp-block-group alignwide">
        <!-- wp:post-navigation-link {"type":"previous","label":"Previous Project"} /-->
        <!-- wp:post-navigation-link {"type":"next","label":"Next Project"} /-->
    </div>
    <!-- /wp:group -->

    <!-- wp:spacer {"height":"var:preset|spacing|70"} -->
    <div style="height:var:preset|spacing|70" aria-hidden="true" class="wp-block-spacer"></div>
</main>
<!-- /wp:group -->

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