system: You are an assistant that generates WordPress patterns.

user: Demo Page with features

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.6rem","bottom":"7.7rem","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"gradient":"electric-grass","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull has-electric-grass-gradient-background has-background" style="padding-top:1.6rem;padding-right:var(--wp--preset--spacing--30);padding-bottom:7.7rem;padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","level":1,"fontSize":"huge"} -->
<h1 class="wp-block-heading has-text-align-center has-huge-font-size">Live-Demo</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Welcome to our demo page! We hope you find the customization options helpful. Please feel free to explore and make changes as needed!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"black","gradient":"light-green-cyan-to-vivid-green-cyan","style":{"border":{"radius":"72px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-light-green-cyan-to-vivid-green-cyan-gradient-background has-text-color has-background has-text-align-center wp-element-button" style="border-radius:72px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px">Demo anzeigen</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"center","gradient":"light-green-cyan-to-vivid-green-cyan","style":{"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-green-cyan-to-vivid-green-cyan-gradient-background has-background has-text-align-center wp-element-button" style="border-radius:100px">Herunterladen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center","fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size">What Makes the Product Awesome?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">All cutting-edge functions &amp; potentials!</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-left has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Funktion 1</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Entdecken …</strong><br> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-right has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Funktion 2</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Entdecken …</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-left has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Funktion 3</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Entdecken …</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"dimRatio":50,"minHeight":200,"minHeightUnit":"px","gradient":"pale-ocean","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0vw","right":"0vw","bottom":"0vw","left":"0vw"},"margin":{"top":"0","bottom":"var:preset|spacing|50"},"blockGap":"0"}}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50);padding-top:0vw;padding-right:0vw;padding-bottom:0vw;padding-left:0vw;min-height:200px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim has-background-gradient has-pale-ocean-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0vw"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"layout":{"selfStretch":"fill"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"600px"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"fontSize":"27px","textTransform":"none","fontStyle":"normal","fontWeight":"500","lineHeight":"0.9"}},"textColor":"contrast"} -->
<h2 class="wp-block-heading alignwide has-text-align-center has-contrast-color has-text-color" style="font-size:27px;font-style:normal;font-weight:500;line-height:0.9;text-transform:none">Want the best version of your website?</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"24px"} -->
<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","textColor":"contrast"} -->
<p class="has-text-align-center has-contrast-color has-text-color">Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home. </p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","style":{"spacing":{"padding":{"left":"48px","right":"48px","top":"24px","bottom":"24px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","letterSpacing":"0px"},"border":{"radius":"100px","top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button" style="border-radius:100px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Jetzt zugreifen!</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->