<?php
/**
 * Title: Feature Stacked Cards
 * Slug: strakture/feature-stacked-cards
 * Categories: strakture-general
 *
 * @package Strakture
 */

?>
<!-- wp:group {"metadata":{"name":"Features"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:group {"metadata":{"name":"Section title"},"className":"text-center","style":{"spacing":{"blockGap":"1rem","margin":{"bottom":"3.38rem"}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group text-center" style="margin-bottom:3.38rem"><!-- wp:heading {"textAlign":"center","fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size"><?php echo esc_html__( 'Design, Customize, Launch', 'strakture' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"medium-small"} -->
<p class="has-text-align-center has-medium-small-font-size"><?php echo esc_html__( 'From first click to live site, Strakture handles the heavy lifting.', 'strakture' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"article","metadata":{"name":"stacked card"},"align":"wide","className":"stacked-card is-style-strakture-stacked-card","style":{"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}},"spacing":{"padding":{"right":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large","top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}}},"backgroundColor":"background-light","layout":{"type":"default"}} -->
<article class="wp-block-group alignwide stacked-card is-style-strakture-stacked-card has-background-light-background-color has-background" style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)"><!-- wp:columns {"className":"is-style-default","style":{"spacing":{"blockGap":{"left":"7%"}}}} -->
<div class="wp-block-columns is-style-default"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'AI-Powered Pattern Library', 'strakture' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Generate unique, on-brand block patterns on demand. Describe what you need and get a publish-ready layout in seconds.', 'strakture' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<ul style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)" class="wp-block-list"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Describe what you want in plain language', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( "Generate hero's, features, CTAs, and more", 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Every pattern is fully editable in the block editor', 'strakture' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:group {"metadata":{"name":"view project link"},"className":"view-project-link","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group view-project-link" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"fontFamily":"headings"} -->
<p class="has-headings-font-family"><a href="https://strakture.com/docs/strakture-pattern-library/" target="_blank" rel="noreferrer noopener"><?php echo esc_html__( 'Learn More', 'strakture' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/arrow-right-up-line.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"shadow":"none","border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/feature_ai_pattern_library.webp" alt="<?php echo esc_attr__( 'Strakture AI pattern library', 'strakture' ); ?>" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:none"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></article>
<!-- /wp:group -->

<!-- wp:group {"tagName":"article","metadata":{"name":"stacked card"},"align":"wide","className":"stacked-card is-style-strakture-stacked-card","style":{"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}},"spacing":{"padding":{"right":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large","top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}},"color":{"background":"#f4f6f6"}},"layout":{"type":"default"}} -->
<article class="wp-block-group alignwide stacked-card is-style-strakture-stacked-card has-background" style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#f4f6f6;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"7%"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'Customize with AI', 'strakture' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Select any block or pattern, open the AI panel, and ask it to change copy, swap images, or adjust colors. No code, no guesswork.', 'strakture' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<ul style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)" class="wp-block-list"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Describe what you want in plain language', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( "Generates hero's, features, CTAs, and more", 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Every pattern is fully editable in the block editor', 'strakture' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:group {"metadata":{"name":"view project link"},"className":"view-project-link","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group view-project-link" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"fontFamily":"headings"} -->
<p class="has-headings-font-family"><a href="https://strakture.com/docs/customize-with-ai/" target="_blank" rel="noreferrer noopener"><?php echo esc_html__( 'Learn More', 'strakture' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/arrow-right-up-line.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/feature_customize_with_ai.webp" alt="<?php echo esc_attr__( 'Strakture customize with AI', 'strakture' ); ?>" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></article>
<!-- /wp:group -->

<!-- wp:group {"tagName":"article","metadata":{"name":"stacked card"},"align":"wide","className":"stacked-card is-style-strakture-stacked-card","style":{"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}},"spacing":{"padding":{"right":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large","top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}},"color":{"background":"#f2f5f3"}},"layout":{"type":"default"}} -->
<article class="wp-block-group alignwide stacked-card is-style-strakture-stacked-card has-background" style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#f2f5f3;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"7%"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'Starter Sites', 'strakture' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Choose from pre-built demo sites designed for real use cases. Import with one click and start customizing right away.', 'strakture' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<ul style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)" class="wp-block-list"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Full-page demo sites for different industries', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'One-click import with placeholder content', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Every pattern is fully editable in the block editor', 'strakture' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:group {"metadata":{"name":"view project link"},"className":"view-project-link","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group view-project-link" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"fontFamily":"headings"} -->
<p class="has-headings-font-family"><a href="https://strakture.com/docs/customize-with-ai/" target="_blank" rel="noreferrer noopener"><?php echo esc_html__( 'Learn More', 'strakture' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/arrow-right-up-line.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/feature_starter_sites.webp" alt="<?php echo esc_attr__( 'Strakture Starter Sites', 'strakture' ); ?>" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></article>
<!-- /wp:group -->

<!-- wp:group {"tagName":"article","metadata":{"name":"stacked card"},"align":"wide","className":"stacked-card is-style-strakture-stacked-card","style":{"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}},"spacing":{"padding":{"right":"var:preset|spacing|x-large","left":"var:preset|spacing|x-large","top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}},"color":{"background":"#f9f7fa"}},"layout":{"type":"default"}} -->
<article class="wp-block-group alignwide stacked-card is-style-strakture-stacked-card has-background" style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#f9f7fa;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large)"><!-- wp:columns {"className":"is-style-default","style":{"spacing":{"blockGap":{"left":"7%"}}}} -->
<div class="wp-block-columns is-style-default"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'Built to sell', 'strakture' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Full WooCommerce compatibility built in. Product pages, cart, and checkout all styled and ready to go from day one.', 'strakture' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<ul style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)" class="wp-block-list"><!-- wp:list-item -->
<li><?php echo esc_html__( 'Styled product, shop, and cart templates included', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'No theme conflicts, no extra setup required', 'strakture' ); ?></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><?php echo esc_html__( 'Works with all major payment and shipping plugins', 'strakture' ); ?></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:group {"metadata":{"name":"view project link"},"className":"view-project-link","style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group view-project-link" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"fontFamily":"headings"} -->
<p class="has-headings-font-family"><a href="https://strakture.com/docs/woocommerce-support/" target="_blank" rel="noreferrer noopener"><?php echo esc_html__( 'Learn More', 'strakture' ); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/arrow-right-up-line.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"full","linkDestination":"none","style":{"shadow":"none","border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/feature_woocommerce.webp" alt="<?php echo esc_attr__( 'WooCommerce ready', 'strakture' ); ?>" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:none"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></article>
<!-- /wp:group --></div>
<!-- /wp:group -->
