| 1 |
<?php |
| 2 |
/** |
| 3 |
* Register Custom Block Styles |
| 4 |
*/ |
| 5 |
|
| 6 |
function PatternsWPPricing_patterns_register_block_patterns() { |
| 7 |
if ( function_exists( 'register_block_pattern' ) ) { |
| 8 |
/** |
| 9 |
* Add your block patterns below |
| 10 |
*/ |
| 11 |
|
| 12 |
/* |
| 13 |
register_block_pattern( |
| 14 |
'PatternsWP-gutenberg-block-patterns/TITLE-OF-YOUR-BLOCK-PATTERN', # Add Hyphens between lowercase words |
| 15 |
array( |
| 16 |
'title' => __( 'TITLE_OF_YOUR_BLOCK_PATTERN', 'PatternsWP-gutenberg-block-patterns' ), |
| 17 |
'content' => "BLOCK_PATTERN_GOES_HERE", |
| 18 |
'categories' => array("CATEGORY"), # eg: columns, text ..etc |
| 19 |
) |
| 20 |
); |
| 21 |
*/ |
| 22 |
|
| 23 |
register_block_pattern( |
| 24 |
'PatternsWPPricing-gutenberg-block-patterns/pricing-one', |
| 25 |
array( |
| 26 |
'title' => __( 'Pricing Section One', 'PatternsWPPricing-gutenberg-block-patterns' ), |
| 27 |
'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"96px\",\"right\":\"20px\",\"bottom\":\"96px\",\"left\":\"20px\"},\"blockGap\":\"48px\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1280px\",\"wideSize\":\"1440px\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group alignfull\" style=\"padding-top:96px;padding-right:20px;padding-bottom:96px;padding-left:20px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"var:preset|spacing|60\",\"left\":\"var:preset|spacing|60\"},\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}}} -->\r\n<div class=\"wp-block-columns are-vertically-aligned-center\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"700px\"}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"48px\"}},\"textColor\":\"black\",\"className\":\"wp-block-heading\"} -->\r\n<h1 class=\"wp-block-heading has-text-align-center has-black-color has-text-color\" style=\"font-size:48px;font-style:normal;font-weight:700\">Pricing Plan</h1>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\",\"fontSize\":\"20px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:20px;font-style:normal;font-weight:300\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns -->\r\n\r\n<!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"32px\",\"left\":\"32px\"}}}} -->\r\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Basic plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$14</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $168 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started for Free</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"0px\",\"style\":\"none\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"}},\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-color has-contrast-background-color has-text-color has-background\" style=\"border-style:none;border-width:0px;border-radius:16px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Pro plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$34</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:16px;font-style:normal;font-weight:400\">or $408 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"base\",\"textColor\":\"contrast\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started for Free</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-base-color has-text-color\" style=\"font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Beginner plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$24</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $288 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started for Free</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:group -->", |
| 28 |
'categories' => array("patternswp-pricing"), |
| 29 |
) |
| 30 |
); |
| 31 |
|
| 32 |
register_block_pattern( |
| 33 |
'PatternsWPPricing-gutenberg-block-patterns/pricing-two', |
| 34 |
array( |
| 35 |
'title' => __( 'Pricing Section Two', 'PatternsWPPricing-gutenberg-block-patterns' ), |
| 36 |
'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"96px\",\"right\":\"20px\",\"bottom\":\"96px\",\"left\":\"20px\"},\"blockGap\":\"48px\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1280px\",\"wideSize\":\"1440px\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group alignfull\" style=\"padding-top:96px;padding-right:20px;padding-bottom:96px;padding-left:20px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"var:preset|spacing|60\",\"left\":\"var:preset|spacing|60\"},\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}}} -->\r\n<div class=\"wp-block-columns are-vertically-aligned-center\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"700px\"}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"48px\"}},\"textColor\":\"black\",\"className\":\"wp-block-heading\"} -->\r\n<h1 class=\"wp-block-heading has-text-align-center has-black-color has-text-color\" style=\"font-size:48px;font-style:normal;font-weight:700\">Pricing Plan</h1>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\",\"fontSize\":\"20px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:20px;font-style:normal;font-weight:300\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns -->\r\n\r\n<!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"32px\",\"left\":\"32px\"}}}} -->\r\n<div class=\"wp-block-columns are-vertically-aligned-center\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Basic plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-text-align-center has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$19</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $199 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">25+ Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">5 limited text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Free text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"18px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"contrast\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-contrast-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:18px;color:#b7b7b7;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"right\":\"32px\",\"left\":\"32px\",\"bottom\":\"14px\",\"top\":\"14px\"}},\"border\":{\"radius\":\"0px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\" style=\"border-radius:0px;padding-top:14px;padding-right:32px;padding-bottom:14px;padding-left:32px\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}},\"textColor\":\"base\"} -->\r\n<p class=\"has-text-align-center has-base-color has-text-color\" style=\"font-size:16px;font-style:normal;font-weight:500\">Best Value Plan</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"26px\",\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"}},\"border\":{\"top\":{\"width\":\"1px\"},\"radius\":\"16px\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-background\" style=\"border-radius:16px;border-top-width:1px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Pro plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-text-align-center has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$39</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $199 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">25+ Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">5 limited text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Free text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Beginner plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-text-align-center has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$29</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $199 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">25+ Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">5 limited text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Free text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:group -->", |
| 37 |
'categories' => array("patternswp-pricing"), |
| 38 |
) |
| 39 |
); |
| 40 |
|
| 41 |
register_block_pattern( |
| 42 |
'PatternsWPPricing-gutenberg-block-patterns/pricing-three', |
| 43 |
array( |
| 44 |
'title' => __( 'Pricing Section Three', 'PatternsWPPricing-gutenberg-block-patterns' ), |
| 45 |
'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"96px\",\"right\":\"20px\",\"bottom\":\"96px\",\"left\":\"20px\"},\"blockGap\":\"48px\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1280px\",\"wideSize\":\"1440px\",\"justifyContent\":\"center\"}} -->\r\n<div class=\"wp-block-group alignfull\" style=\"padding-top:96px;padding-right:20px;padding-bottom:96px;padding-left:20px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"var:preset|spacing|60\",\"left\":\"var:preset|spacing|60\"},\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}}} -->\r\n<div class=\"wp-block-columns are-vertically-aligned-center\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"700px\"}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"48px\"}},\"textColor\":\"black\",\"className\":\"wp-block-heading\"} -->\r\n<h1 class=\"wp-block-heading has-text-align-center has-black-color has-text-color\" style=\"font-size:48px;font-style:normal;font-weight:700\">Pricing Plan</h1>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\",\"fontSize\":\"20px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color:#555555;font-size:20px;font-style:normal;font-weight:300\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns -->\r\n\r\n<!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"32px\",\"left\":\"32px\"}}}} -->\r\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Basic plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$19</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $199 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Unlock Feature Texts</strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">25+ Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">5 limited text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Free text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"width\":\"100%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\"},\"border\":{\"width\":\"0px\",\"style\":\"none\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%\"><!-- wp:group {\"style\":{\"border\":{\"radius\":\"16px\",\"width\":\"1px\"},\"spacing\":{\"padding\":{\"top\":\"32px\",\"right\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\"},\"blockGap\":\"26px\"},\"color\":{\"text\":\"#b7b7b7\"}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group has-base-background-color has-text-color has-background\" style=\"border-width:1px;border-radius:16px;color:#b7b7b7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"4px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Beginner plan</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px\">Lorem ipsum dolor sit amet</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"56px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<p class=\"has-contrast-color has-text-color\" style=\"font-size:56px;font-style:normal;font-weight:700;line-height:1.2\">$49</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:16px;font-style:normal;font-weight:400\">or $199 yearly</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|30\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"width\":100,\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\r\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong><strong>Get Started for Free</strong></strong></a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons -->\r\n\r\n<!-- wp:separator {\"style\":{\"color\":{\"background\":\"#e5e5e5\"}},\"className\":\"is-style-default\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#e5e5e5;color:#e5e5e5\"/>\r\n<!-- /wp:separator -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"14px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">555+ Feature text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">85 limited text goes here</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"color\":{\"text\":\"#555555\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#555555;font-size:18px\">Feature text goes here</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:group -->", |
| 46 |
'categories' => array("patternswp-pricing"), |
| 47 |
) |
| 48 |
); |
| 49 |
} |
| 50 |
} |
| 51 |
add_action( 'init', 'PatternsWPPricing_patterns_register_block_patterns' ); |
| 52 |
|
| 53 |
|
