<?php
/**
 * Modern Blogger: Block Patterns
 *
 * @package Modern Blogger
 * @since   1.0.0
 */

/**
 * Register Block Pattern Category.
 */
if ( function_exists( 'register_block_pattern_category' ) ) {

	register_block_pattern_category(
		'modern-blogger',
		array( 'label' => __( 'Modern Blogger', 'modern-blogger' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'modern-blogger/banner-section',
		array(
			'title'      => __( 'Banner Section', 'modern-blogger' ),
			'categories' => array( 'modern-blogger' ),
			'content'    => "<!-- wp:cover {\"url\":\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/banner.png\",\"id\":2598,\"dimRatio\":10,\"overlayColor\":\"black\",\"align\":\"full\",\"className\":\"modern-blogger-banner\"} -->\n<div class=\"wp-block-cover alignfull modern-blogger-banner\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim\"></span><img class=\"wp-block-cover__image-background wp-image-2598\" alt=\"\" src=\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/banner.png\" data-object-fit=\"cover\"/><div class=\"wp-block-cover__inner-container\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"50%\",\"className\":\"banner-content\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center banner-content\" style=\"flex-basis:50%\"><!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"textTransform\":\"capitalize\",\"fontSize\":\"34px\"}},\"textColor\":\"white\"} -->\n<h1 class=\"wp-block-heading has-white-color has-text-color\" style=\"font-size:34px;text-transform:capitalize\">how virtual reality is revolutionizing entertainment and education</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"fontSize\":\"15px\"}},\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color\" style=\"font-size:15px;font-style:normal;font-weight:600\">If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\"className\":\"banner-btn\",\"layout\":{\"type\":\"flex\",\"orientation\":\"horizontal\",\"justifyContent\":\"left\"},\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"textDecoration\":\"none\",\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}}} -->\n<div class=\"wp-block-buttons has-custom-font-size banner-btn\" style=\"font-size:14px;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"color\":{\"background\":\"#00000000\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}}} -->\n<div class=\"wp-block-button\" style=\"font-style:normal;font-weight:500\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"background-color:#00000000\">read more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"50%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:50%\"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->",
		)
	);

	register_block_pattern(
		'modern-blogger/product-section',
		array(
			'title'      => __( 'Product Section', 'modern-blogger' ),
			'categories' => array( 'modern-blogger' ),
			'content'    => "<!-- wp:columns {\"align\":\"wide\",\"className\":\"modern-blogger-service-section my-5\"} -->\n<div class=\"wp-block-columns alignwide modern-blogger-service-section my-5\"><!-- wp:column {\"width\":\"50%\",\"className\":\"service-sec\"} -->\n<div class=\"wp-block-column service-sec\" style=\"flex-basis:50%\"><!-- wp:image {\"id\":2726,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/service-section-1.png\" alt=\"\" class=\"wp-image-2726\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"textTransform\":\"capitalize\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-medium-font-size\" style=\"text-transform:capitalize\">amazon launches new grocery delivery service in select cities</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"color\":{\"text\":\"#121212\"}}} -->\n<p class=\"has-text-color\" style=\"color:#121212;font-size:15px\">If&nbsp;you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet necessary.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\"className\":\"service-sec-btn\"} -->\n<div class=\"wp-block-buttons service-sec-btn\"><!-- wp:button {\"style\":{\"typography\":{\"textDecoration\":\"none\",\"textTransform\":\"uppercase\",\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"},\"color\":{\"text\":\"var(--primary-color)\",\"background\":\"#00000000\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:14px;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"color:var(--primary-color);background-color:#00000000\">read full story</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"30%\",\"className\":\"middle-service-sec\"} -->\n<div class=\"wp-block-column middle-service-sec\" style=\"flex-basis:30%\"><!-- wp:image {\"id\":2736,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/service-section-2.png\" alt=\"\" class=\"wp-image-2736\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"style\":{\"typography\":{\"textTransform\":\"capitalize\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-medium-font-size\" style=\"text-transform:capitalize\">social media influencers are changing the ads landscape</h2>\n<!-- /wp:heading -->\n\n<!-- wp:buttons {\"className\":\"service-sec-btn\"} -->\n<div class=\"wp-block-buttons service-sec-btn\"><!-- wp:button {\"style\":{\"typography\":{\"textDecoration\":\"none\",\"textTransform\":\"uppercase\",\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"},\"color\":{\"text\":\"var(--primary-color)\",\"background\":\"#00000000\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:14px;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"color:var(--primary-color);background-color:#00000000\">read full story</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group -->\n\n<!-- wp:image {\"id\":2739,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/service-section-3.png\" alt=\"\" class=\"wp-image-2739\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"style\":{\"typography\":{\"textTransform\":\"capitalize\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-medium-font-size\" style=\"text-transform:capitalize\">the benefits and risks of using aI in healthcare</h2>\n<!-- /wp:heading -->\n\n<!-- wp:buttons {\"className\":\"service-sec-btn\"} -->\n<div class=\"wp-block-buttons service-sec-btn\"><!-- wp:button {\"style\":{\"typography\":{\"textDecoration\":\"none\",\"textTransform\":\"uppercase\",\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"},\"color\":{\"text\":\"var(--primary-color)\",\"background\":\"#00000000\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:14px;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"color:var(--primary-color);background-color:#00000000\">read full story</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"20%\",\"className\":\"last-service-sec\"} -->\n<div class=\"wp-block-column last-service-sec\" style=\"flex-basis:20%\"><!-- wp:image {\"id\":2752,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/block-patterns/images/service-section-4.png\" alt=\"\" class=\"wp-image-2752\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:buttons {\"className\":\"post-heading\",\"layout\":{\"type\":\"flex\",\"verticalAlignment\":\"center\"}} -->\n<div class=\"wp-block-buttons post-heading\"><!-- wp:button {\"style\":{\"color\":{\"text\":\"#121212\",\"background\":\"#ffd931\"},\"border\":{\"radius\":\"0px\"},\"typography\":{\"textDecoration\":\"none\",\"textTransform\":\"capitalize\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"18px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:18px;font-style:normal;font-weight:500;text-decoration:none;text-transform:capitalize\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"border-radius:0px;color:#121212;background-color:#ffd931\">super holiday sale</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons -->\n\n<!-- wp:buttons {\"className\":\"post-btn\"} -->\n<div class=\"wp-block-buttons post-btn\"><!-- wp:button {\"textColor\":\"black\",\"style\":{\"typography\":{\"textTransform\":\"capitalize\",\"textDecoration\":\"none\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"18px\"},\"color\":{\"background\":\"#ffd931\"},\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-fill \"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:18px;font-style:normal;font-weight:500;text-decoration:none;text-transform:capitalize\"><a class=\"wp-block-button__link has-black-color has-text-color has-background wp-element-button\" style=\"border-radius:0px;background-color:#ffd931\">book now</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
		)
	);
}


