<?php
/**
 * VW Parallax: Block Patterns
 *
 * @package VW Parallax
 * @since   1.0.0
 */

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

	register_block_pattern_category(
		'vw-parallax',
		array( 'label' => __( 'VW Parallax', 'vw-parallax' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'vw-parallax/banner-section',
		array(
			'title'      => __( 'Banner Section', 'vw-parallax' ),
			'categories' => array( 'vw-parallax' ),
			'content'    => "<!-- wp:cover {\"url\":\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/banner.png\",\"id\":8555,\"dimRatio\":60,\"align\":\"full\",\"className\":\"main-banner\"} -->\n<div class=\"wp-block-cover alignfull main-banner\"><span aria-hidden=\"true\" class=\"has-background-dim-60 wp-block-cover__gradient-background has-background-dim\"></span><img class=\"wp-block-cover__image-background wp-image-8555\" alt=\"\" src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/banner.png\" data-object-fit=\"cover\"/><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column {\"width\":\"25%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"50%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:50%\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontSize\":40},\"color\":{\"text\":\"#ffb400\"}}} -->\n<h1 class=\"has-text-align-center has-text-color\" style=\"color:#ffb400;font-size:40px\">LOREM IPSUM IS SIMPLY DUMMY TEXT</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"text-center\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-center text-center has-small-font-size\">&nbsp;Lorem Ipsum has been the industrys standard. &nbsp;Lorem Ipsum has been the industrys standard. &nbsp;Lorem Ipsum has been the industrys standard. Lorem Ipsum has been the industrys standard.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"color\":{\"background\":\"#ffb400\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background\" style=\"background-color:#ffb400\">GET STARTED</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"25%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->",
		)
	);

	register_block_pattern(
		'vw-parallax/contact-section',
		array(
			'title'      => __( 'Contact Section', 'vw-parallax' ),
			'categories' => array( 'vw-parallax' ),
			'content'    => "<!-- wp:group {\"align\":\"wide\",\"className\":\"service-sec mx-5 px-5\"} -->\n<div class=\"wp-block-group alignwide service-sec mx-5 px-5\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns {\"align\":\"wide\",\"className\":\"services-boxes\"} -->\n<div class=\"wp-block-columns alignwide services-boxes\"><!-- wp:column {\"className\":\"mb-md-0 mb-3\"} -->\n<div class=\"wp-block-column mb-md-0 mb-3\"><!-- wp:cover {\"overlayColor\":\"white\",\"minHeight\":50} -->\n<div class=\"wp-block-cover has-white-background-color has-background-dim\" style=\"min-height:50px\"><div class=\"wp-block-cover__inner-container\"><!-- wp:image {\"align\":\"center\",\"id\":8622,\"width\":50,\"height\":50,\"sizeSlug\":\"large\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/services-1.png\" alt=\"\" class=\"wp-image-8622\" width=\"50\" height=\"50\"/></figure></div>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"fontSize\":\"medium\",\"style\":{\"color\":{\"text\":\"#1e202c\"}}} -->\n<h2 class=\"has-text-align-center has-text-color has-medium-font-size\" style=\"color:#1e202c\">Lorem Ipsum 1</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"text-center\",\"style\":{\"color\":{\"text\":\"#1e202c\"},\"typography\":{\"fontSize\":14}}} -->\n<p class=\"has-text-align-center text-center has-text-color\" style=\"color:#1e202c;font-size:14px\">lorem ipsum dolor sit amet</p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"mb-md-0 mb-3\"} -->\n<div class=\"wp-block-column mb-md-0 mb-3\"><!-- wp:cover {\"overlayColor\":\"white\",\"minHeight\":50} -->\n<div class=\"wp-block-cover has-white-background-color has-background-dim\" style=\"min-height:50px\"><div class=\"wp-block-cover__inner-container\"><!-- wp:image {\"align\":\"center\",\"id\":8623,\"width\":50,\"height\":50,\"sizeSlug\":\"large\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/services-2.png\" alt=\"\" class=\"wp-image-8623\" width=\"50\" height=\"50\"/></figure></div>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"fontSize\":\"medium\",\"style\":{\"color\":{\"text\":\"#1e202c\"}}} -->\n<h2 class=\"has-text-align-center has-text-color has-medium-font-size\" style=\"color:#1e202c\">Lorem Ipsum 2</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"text-center\",\"style\":{\"color\":{\"text\":\"#1e202c\"},\"typography\":{\"fontSize\":14}}} -->\n<p class=\"has-text-align-center text-center has-text-color\" style=\"color:#1e202c;font-size:14px\">lorem ipsum dolor sit amet</p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"className\":\"mb-md-0 mb-3\"} -->\n<div class=\"wp-block-column mb-md-0 mb-3\"><!-- wp:cover {\"overlayColor\":\"white\",\"minHeight\":50} -->\n<div class=\"wp-block-cover has-white-background-color has-background-dim\" style=\"min-height:50px\"><div class=\"wp-block-cover__inner-container\"><!-- wp:image {\"align\":\"center\",\"id\":8625,\"width\":50,\"height\":50,\"sizeSlug\":\"large\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/services-3.png\" alt=\"\" class=\"wp-image-8625\" width=\"50\" height=\"50\"/></figure></div>\n<!-- /wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"fontSize\":\"medium\",\"style\":{\"color\":{\"text\":\"#1e202c\"}}} -->\n<h2 class=\"has-text-align-center has-text-color has-medium-font-size\" style=\"color:#1e202c\">Lorem Ipsum 3</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"className\":\"text-center\",\"style\":{\"color\":{\"text\":\"#1e202c\"},\"typography\":{\"fontSize\":14}}} -->\n<p class=\"has-text-align-center text-center has-text-color\" style=\"color:#1e202c;font-size:14px\">lorem ipsum dolor sit amet</p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->",
		)
	);

	register_block_pattern(
		'vw-parallax/services-section',
		array(
			'title'      => __( 'Services Section', 'vw-parallax' ),
			'categories' => array( 'vw-parallax' ),
			'content'    => "<!-- wp:cover {\"overlayColor\":\"white\",\"align\":\"full\",\"className\":\"about-section m-0\"} -->\n<div class=\"wp-block-cover alignfull has-white-background-color has-background-dim about-section m-0\"><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"align\":\"wide\",\"className\":\"m-0\"} -->\n<div class=\"wp-block-columns alignwide m-0\"><!-- wp:column {\"width\":\"66.66%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:heading {\"textAlign\":\"left\",\"level\":3,\"style\":{\"color\":{\"text\":\"#ffb400\"}}} -->\n<h3 class=\"has-text-align-left has-text-color\" style=\"color:#ffb400\">LOREM IPSUM</h3>\n<!-- /wp:heading -->\n\n<!-- wp:heading {\"textAlign\":\"left\",\"level\":4,\"style\":{\"color\":{\"text\":\"#1e202c\"},\"typography\":{\"fontSize\":18}}} -->\n<h4 class=\"has-text-align-left has-text-color\" style=\"color:#1e202c;font-size:18px\">The standard lorem ipsum passage, used since the 1500s</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"style\":{\"color\":{\"text\":\"#b5b5b7\"},\"typography\":{\"fontSize\":14}}} -->\n<p class=\"has-text-align-left has-text-color\" style=\"color:#b5b5b7;font-size:14px\">Lorem Ipsum has been the industrys standard.&nbsp;Lorem Ipsum has been the industrys standard.&nbsp;Lorem Ipsum has been the industrys standard.&nbsp;Lorem Ipsum has been the industrys standard.&nbsp;</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"style\":{\"color\":{\"text\":\"#b5b5b7\"},\"typography\":{\"fontSize\":14}}} -->\n<p class=\"has-text-align-left has-text-color\" style=\"color:#b5b5b7;font-size:14px\">Lorem Ipsum has been the industrys standard.&nbsp; Lorem Ipsum has been the industrys standard.&nbsp; Lorem Ipsum has been the industrys standard.&nbsp;</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:33.33%\"><!-- wp:image {\"align\":\"center\",\"id\":8573,\"sizeSlug\":\"large\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/about.png\" alt=\"\" class=\"wp-image-8573\"/></figure></div>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Write title\",\"fontSize\":\"large\"} -->\n<p class=\"has-text-align-center has-large-font-size\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover -->",
		)
	);
}