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

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

	register_block_pattern_category(
		'vw-home-renovation',
		array( 'label' => __( 'VW Home Renovation', 'vw-home-renovation' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'vw-home-renovation/banner-section',
		array(
			'title'      => __( 'Banner Section', 'vw-home-renovation' ),
			'categories' => array( 'vw-home-renovation' ),
			'content'    => "<!-- wp:columns {\"align\":\"full\",\"className\":\"banner-section my-3\"} -->\n<div class=\"wp-block-columns alignfull banner-section my-3\"><!-- wp:column {\"width\":\"50%\",\"className\":\"slider-content\"} -->\n<div class=\"wp-block-column slider-content\" style=\"flex-basis:50%\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"color\":{\"text\":\"#212529\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#212529\"}}}}} -->\n<p class=\"has-text-color has-link-color\" style=\"color:#212529;font-size:15px\"><em>Premium Quality</em></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"fontSize\":\"32px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\"} -->\n<h1 class=\"wp-block-heading has-black-color has-text-color has-link-color\" style=\"font-size:32px\">WANT TO KNOW HOW MUCH YOUR HALL INTERIOR WILL COST?</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"typography\":{\"fontSize\":\"15px\"}},\"textColor\":\"black\"} -->\n<p class=\"has-black-color has-text-color has-link-color\" style=\"font-size:15px\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"6px\"},\"typography\":{\"fontSize\":\"15px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:15px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:6px\">Calculation Now</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"50%\",\"className\":\"slider-img\"} -->\n<div class=\"wp-block-column slider-img\" style=\"flex-basis:50%\"><!-- wp:image {\"id\":339,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/banner.png\" alt=\"\" class=\"wp-image-339\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
		)
	);

	register_block_pattern(
		'vw-home-renovation/our-service-section',
		array(
			'title'      => __( 'Our Services Section', 'vw-home-renovation' ),
			'categories' => array( 'vw-home-renovation' ),
			'content'    => "<!-- wp:columns {\"className\":\"service-section\"} -->\n<div class=\"wp-block-columns service-section\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"32px\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:32px\">Our Services</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"color\":{\"text\":\"#8d8b8b\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#8d8b8b\"}}}}} -->\n<p class=\"has-text-align-center has-text-color has-link-color\" style=\"color:#8d8b8b;font-size:15px\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:columns {\"align\":\"wide\",\"className\":\"tab-section my-3\"} -->\n<div class=\"wp-block-columns alignwide tab-section my-3\"><!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}},\"className\":\"is-style-fill active\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill active\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Modular Interior</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Luxury Interior</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Home Renovation</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Commercial Interior</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Furniture Interior</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"\"} -->\n<div class=\"wp-block-column\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"left\",\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":100,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-text-align-left wp-element-button\" style=\"border-radius:8px\">Full Home Interior</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\"className\":\"tab-content\"} -->\n<div class=\"wp-block-columns tab-content\"><!-- wp:column {\"width\":\"66.66%\",\"className\":\"tab-left\"} -->\n<div class=\"wp-block-column tab-left\" style=\"flex-basis:66.66%\"><!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"fontSize\":\"22px\"}}} -->\n<h1 class=\"wp-block-heading\" style=\"font-size:22px\">Modular Interior</h1>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"15px\"},\"color\":{\"text\":\"#3b3b3b\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#3b3b3b\"}}}}} -->\n<p class=\"has-text-color has-link-color\" style=\"color:#3b3b3b;font-size:15px\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"border\":{\"radius\":\"6px\"},\"typography\":{\"fontSize\":\"15px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:15px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button\" style=\"border-radius:6px\">Learn More</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":\"33.33%\",\"className\":\"tab-img\"} -->\n<div class=\"wp-block-column tab-img\" style=\"flex-basis:33.33%\"><!-- wp:image {\"id\":400,\"aspectRatio\":\"3/2\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"" . esc_url(get_template_directory_uri()) . "/inc/block-patterns/images/before.png\" alt=\"\" class=\"wp-image-400\" style=\"aspect-ratio:3/2;object-fit:cover\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
		)
	);
}