<?php
/**
 * Title: Front page demo
 * Slug: realizer/front-page-demo
 * Categories: realizer
 * Template Types: front-page, page
 * Block Types: core/post-content
 */
?>
<!-- wp:group {"tagName":"main","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<main class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0">
	<!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-01.jpg')); ?>","dimRatio":0,"isUserOverlayColor":true,"minHeight":91.9,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained","contentSize":"80rem","wideSize":"80rem"}} -->
	<div class="wp-block-cover alignfull is-light" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:91.9vh">
		<img class="wp-block-cover__image-background size-full" alt="" src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-01.jpg')); ?>" data-object-fit="cover" />
		<span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
		<div class="wp-block-cover__inner-container">
			<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
			<div class="wp-block-columns alignwide">
				<!-- wp:column {"width":"50%","style":{"elements":{"link":{"color":{"text":"var:preset|color|realizer-base"}}}},"textColor":"realizer-base"} -->
				<div class="wp-block-column has-realizer-base-color has-text-color has-link-color" style="flex-basis:50%">
					<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"large"} -->
					<p class="has-large-font-size" style="font-style:normal;font-weight:600"><?php echo __('Welcome to WordPress block theme', 'realizer'); ?></p>
					<!-- /wp:paragraph -->
					<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"3rem","lineHeight":"1.25"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontFamily":"serif"} /-->
					<!-- wp:paragraph -->
					<p><?php echo __('Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.', 'realizer'); ?></p>
					<!-- /wp:paragraph -->
					<!-- wp:buttons {"layout":{"type":"flex"}} -->
					<div class="wp-block-buttons">
						<!-- wp:button {"backgroundColor":"realizer-accent","textColor":"quinary","className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|quinary"}}},"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
						<div class="wp-block-button is-style-fill">
							<a class="wp-block-button__link has-quinary-color has-realizer-accent-background-color has-text-color has-background has-link-color wp-element-button" href="https://ja.wordpress.org/themes/" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);font-style:normal;font-weight:600" target="_blank" rel="noreferrer noopener nofollow"><?php echo __('Get Started', 'realizer'); ?></a>
						</div>
						<!-- /wp:button -->
					</div>
					<!-- /wp:buttons -->
				</div>
				<!-- /wp:column -->
				<!-- wp:column {"width":"50%"} -->
				<div class="wp-block-column" style="flex-basis:50%"></div>
				<!-- /wp:column -->
			</div>
			<!-- /wp:columns -->
		</div>
	</div>
	<!-- /wp:cover -->
	<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained","contentSize":"80rem","wideSize":"80rem"}} -->
	<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)">
		<!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"top":"0","left":"4px"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"-2rem"}},"elements":{"link":{"color":{"text":"var:preset|color|realizer-contrast"}}}},"textColor":"realizer-contrast"} -->
		<div class="wp-block-columns are-vertically-aligned-top has-realizer-contrast-color has-text-color has-link-color" style="margin-top:-2rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
			<!-- wp:column {"verticalAlignment":"top","width":"33.34%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"radius":"4px"}},"backgroundColor":"realizer-base"} -->
			<div class="wp-block-column is-vertically-aligned-top has-realizer-base-background-color has-background" style="border-radius:4px;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);flex-basis:33.34%">
				<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
				<p class="has-text-align-center has-small-font-size"><?php echo __('Free / Commercial use allowed / 100% GPL license', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
				<p class="has-text-align-center" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:600">
					<a href="#realizer-01" data-type="internal" data-id="#realizer-01"><?php echo __('WordPress official directory registered theme', 'realizer'); ?></a>
				</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"verticalAlignment":"top","width":"33.34%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"radius":"4px"}},"backgroundColor":"realizer-base"} -->
			<div class="wp-block-column is-vertically-aligned-top has-realizer-base-background-color has-background" style="border-radius:4px;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);flex-basis:33.34%">
				<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
				<p class="has-text-align-center has-small-font-size"><?php echo __('Full site editing support', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
				<p class="has-text-align-center" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:600">
					<a href="#realizer-02" data-type="internal" data-id="#realizer-02"><?php echo __('WordPress block theme', 'realizer'); ?></a>
				</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"verticalAlignment":"top","width":"33.34%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"radius":"4px"}},"backgroundColor":"realizer-base"} -->
			<div class="wp-block-column is-vertically-aligned-top has-realizer-base-background-color has-background" style="border-radius:4px;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);flex-basis:33.34%">
				<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
				<p class="has-text-align-center has-small-font-size"><?php echo __('Edit your own patterns without coding', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
				<p class="has-text-align-center" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:600">
					<a href="#realizer-03" data-type="internal" data-id="#realizer-03"><?php echo __('WordPress Block Pattern Library', 'realizer'); ?></a>
				</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
	</div>
	<!-- /wp:group -->
	<!-- wp:separator {"className":"is-style-dots","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
	<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots" style="margin-top:0;margin-bottom:0" />
	<!-- /wp:separator -->
	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","wideSize":"80rem"}} -->
	<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--110);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--110);padding-left:var(--wp--preset--spacing--50)">
		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"serif"} -->
		<p class="has-text-align-center has-serif-font-family" style="font-style:normal;font-weight:500"><?php echo __('Free / Commercial use allowed / 100% GPL license', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"xx-large","fontFamily":"serif"} -->
		<h2 class="wp-block-heading has-text-align-center is-style-default has-serif-font-family has-xx-large-font-size" id="realizer-01" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:500"><?php echo __('WordPress official directory registered theme', 'realizer'); ?></h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
		<p><?php echo __('A WordPress official directory registered theme is a theme registered in the official theme directory operated by WordPress.org. These themes meet certain standards set by WordPress, and security and quality are guaranteed, so you can use them with confidence. The WordPress theme "REALIZER" is a WordPress official directory registered theme.', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","level":3,"className":"is-style-border-dashed","style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"width":"1px"}},"fontFamily":"serif"} -->
		<h3 class="wp-block-heading has-text-align-center is-style-border-dashed has-serif-font-family" style="border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);font-style:normal;font-weight:500"><?php echo __('Features of themes registered in the WordPress official directory', 'realizer'); ?></h3>
		<!-- /wp:heading -->
		<!-- wp:columns -->
		<div class="wp-block-columns">
			<!-- wp:column {"width":"33.34%"} -->
			<div class="wp-block-column" style="flex-basis:33.34%">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('High reliability', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-02.jpg')); ?>" alt="<?php echo __('High reliability', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('It meets the security and coding standards set by WordPress, so it has few vulnerabilities and is highly reliable.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"width":"33.34%"} -->
			<div class="wp-block-column" style="flex-basis:33.34%">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Free to use', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-03.jpg')); ?>" alt="<?php echo __('Free to use', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('Many of the themes listed in the WordPress official directory are basically free to use.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column {"width":"33.33%"} -->
			<div class="wp-block-column" style="flex-basis:33.33%">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Lots of information', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-04.jpg')); ?>" alt="<?php echo __('Lots of information', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('WordPress is used by many users, so there is a wealth of information available on how to use it and customize it.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
		<!-- wp:paragraph -->
		<p><?php echo __('Due to these features, the WordPress theme "REALIZER" is recommended for those who are new to WordPress or are looking for a theme that they can use with confidence. Of course, it is also recommended for professionals who work on commissioned projects and are required to flexibly realize their ideas. Moreover, it is free for commercial use. Also, there are many excellent themes that are not registered in the official WordPress directory, but when choosing a theme for the first time, it is safe to choose from the themes registered in the official WordPress directory.', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:button {"backgroundColor":"realizer-accent","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
			<div class="wp-block-button">
				<a class="wp-block-button__link has-realizer-accent-background-color has-background wp-element-button" href="https://ja.wordpress.org/themes/" style="font-style:normal;font-weight:600" target="_blank" rel="noreferrer noopener nofollow"><?php echo __('Download from the WordPress official directory', 'realizer'); ?></a>
			</div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
	<!-- wp:separator {"className":"is-style-dots","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
	<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots" style="margin-top:0;margin-bottom:0" />
	<!-- /wp:separator -->
	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|110","bottom":"var:preset|spacing|110","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","wideSize":"80rem"}} -->
	<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--110);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--110);padding-left:var(--wp--preset--spacing--50)">
		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"serif"} -->
		<p class="has-text-align-center has-serif-font-family" style="font-style:normal;font-weight:500"><?php echo __('Full site editing support', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"xx-large","fontFamily":"serif"} -->
		<h2 class="wp-block-heading has-text-align-center is-style-default has-serif-font-family has-xx-large-font-size" id="realizer-02" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:500"><?php echo __('WordPress block theme', 'realizer'); ?></h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
		<p><?php echo __('A WordPress block theme is a WordPress theme that allows you to build and edit your entire site using blocks in the WordPress site editor. Unlike traditional classic themes, all areas of your site, such as the header, footer, and sidebar, can be visually edited with the block editor. The WordPress theme "REALIZER" is a WordPress block theme that supports Full Site Editing (FSE).', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","level":3,"className":"is-style-border-dashed","style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"width":"1px"}},"fontFamily":"serif"} -->
		<h3 class="wp-block-heading has-text-align-center is-style-border-dashed has-serif-font-family" style="border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);font-style:normal;font-weight:500"><?php echo __('Features of WordPress block themes', 'realizer'); ?></h3>
		<!-- /wp:heading -->
		<!-- wp:columns -->
		<div class="wp-block-columns">
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Full site editing support', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-05.jpg')); ?>" alt="<?php echo __('Full site editing support', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('You can build and edit every part of your site with blocks, including posts, pages, headers, footers, navigation menus, and more.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Using template parts', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-06.jpg')); ?>" alt="<?php echo __('Using template parts', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('The various parts that make up a template can be created, edited, and reused using blocks.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Flexibility in theme customization', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large">
					<img src="<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-07.jpg')); ?>" alt="<?php echo __('Flexibility in theme customization', 'realizer'); ?>" />
				</figure>
				<!-- /wp:image -->
				<!-- wp:paragraph -->
				<p><?php echo __('You can edit and customize only the parts you need with blocks without changing the theme.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
		<!-- wp:paragraph -->
		<p><?php echo __('A WordPress block theme with these features is a new type of theme that makes building WordPress sites more flexible and intuitive. The WordPress theme "REALIZER" is a block theme developed with the building of websites in Japanese as well as English in mind.', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--60)">
			<!-- wp:button {"backgroundColor":"realizer-accent","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
			<div class="wp-block-button">
				<a class="wp-block-button__link has-realizer-accent-background-color has-background wp-element-button" href="https://ja.wordpress.org/support/article/block-themes/" style="font-style:normal;font-weight:600" target="_blank" rel="noreferrer noopener nofollow"><?php echo __('Block Themes Support Forum', 'realizer'); ?></a>
			</div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
	<!-- wp:separator {"className":"is-style-dots","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
	<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots" style="margin-top:0;margin-bottom:0" />
	<!-- /wp:separator -->
	<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"}}},"layout":{"type":"constrained","wideSize":"80rem"}} -->
	<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--110);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--110);padding-left:var(--wp--preset--spacing--50)">
		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"serif"} -->
		<p class="has-text-align-center has-serif-font-family" style="font-style:normal;font-weight:500"><?php echo __('Edit your own patterns without coding', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"xx-large","fontFamily":"serif"} -->
		<h2 class="wp-block-heading has-text-align-center is-style-default has-serif-font-family has-xx-large-font-size" id="realizer-03" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:500"><?php echo __('WordPress Block Pattern Library', 'realizer'); ?></h2>
		<!-- /wp:heading -->
		<!-- wp:paragraph -->
		<p><?php echo __('The WordPress Block Pattern Library is a web service that allows you to easily use pre-designed block patterns by copying and pasting. This makes it possible to streamline the creation of website content and maintain design consistency. You can customize the introduced pattern to suit your site by editing the colors, text, images, etc. The WordPress theme "REALIZER" recommends the use of the WordPress Block Pattern Library (*) from the developer, FUJI PRODUCTION.', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:paragraph -->
		<p><?php echo __('*A subscription contract is required to use the WordPress Block Pattern Library.', 'realizer'); ?></p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"textAlign":"center","level":3,"className":"is-style-border-dashed","style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"width":"1px"}},"fontFamily":"serif"} -->
		<h3 class="wp-block-heading has-text-align-center is-style-border-dashed has-serif-font-family" style="border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);font-style:normal;font-weight:500"><?php echo __('Benefits of the WordPress Block Pattern Library', 'realizer'); ?></h3>
		<!-- /wp:heading -->
		<!-- wp:columns -->
		<div class="wp-block-columns">
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Easy even for beginners', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"8rem","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|realizer-accent"}}}},"textColor":"realizer-accent"} -->
				<p class="has-text-align-center has-realizer-accent-color has-text-color has-link-color" style="font-size:8rem;line-height:1"><i class="fa-regular fa-lightbulb"></i></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p><?php echo __('Even if you don\'t have any specialized knowledge, you can build a high-quality site by simply combining patterns.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Save time', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"8rem","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|realizer-accent"}}}},"textColor":"realizer-accent"} -->
				<p class="has-text-align-center has-realizer-accent-color has-text-color has-link-color" style="font-size:8rem;line-height:1"><i class="fa-regular fa-clock"></i></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p><?php echo __('This eliminates the need to create complex layouts yourself, making content creation more efficient.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
			<!-- wp:column -->
			<div class="wp-block-column">
				<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"border":{"bottom":{"width":"1px"}}},"fontFamily":"serif"} -->
				<h4 class="wp-block-heading has-text-align-center has-serif-font-family" style="border-bottom-width:1px;font-style:normal;font-weight:500"><?php echo __('Consistency in design', 'realizer'); ?></h4>
				<!-- /wp:heading -->
				<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"8rem","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|realizer-accent"}}}},"textColor":"realizer-accent"} -->
				<p class="has-text-align-center has-realizer-accent-color has-text-color has-link-color" style="font-size:8rem;line-height:1"><i class="fa-regular fa-thumbs-up"></i></p>
				<!-- /wp:paragraph -->
				<!-- wp:paragraph -->
				<p><?php echo __('Using a uniform pattern helps maintain a consistent design across your site.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->
		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"width":"1px"}},"backgroundColor":"realizer-lightgrey","borderColor":"realizer-grey","layout":{"type":"default"}} -->
		<div class="wp-block-group has-border-color has-realizer-grey-border-color has-realizer-lightgrey-background-color has-background" style="border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:details {"showContent":true} -->
			<details class="wp-block-details" open>
				<summary><?php echo __('What is a block pattern?', 'realizer'); ?></summary>
				<!-- wp:paragraph {"placeholder":"「/」を入力して非表示ブロックを追加する","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
				<p style="margin-top:0;margin-bottom:0"><?php echo __('It is a design element that is made up of multiple blocks and can be used in the WordPress block editor.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
			</details>
			<!-- /wp:details -->
		</div>
		<!-- /wp:group -->
		<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--60)">
			<!-- wp:button {"backgroundColor":"realizer-accent","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
			<div class="wp-block-button">
				<a class="wp-block-button__link has-realizer-accent-background-color has-background wp-element-button" href="https://www.fuji-production.jp/wordpress-block-pattern-library/" style="font-style:normal;font-weight:600" target="_blank" rel="noreferrer noopener"><?php echo __('Learn more about the WordPress Block Pattern Library', 'realizer'); ?></a>
			</div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
	<!-- wp:separator {"className":"is-style-dots","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
	<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots" style="margin-top:0;margin-bottom:0" />
	<!-- /wp:separator -->
	<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|110","bottom":"var:preset|spacing|110"}}},"layout":{"type":"constrained","wideSize":"80rem","contentSize":"80rem"}} -->
	<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--110);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--110);padding-left:var(--wp--preset--spacing--50)">
		<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
		<div class="wp-block-group alignwide">
			<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"serif"} -->
			<p class="has-text-align-center has-serif-font-family" style="font-style:normal;font-weight:500"><?php echo __('Notification', 'realizer'); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:group -->
		<!-- wp:heading {"textAlign":"center","align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"xx-large","fontFamily":"serif"} -->
		<h2 class="wp-block-heading alignwide has-text-align-center has-serif-font-family has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:500"><?php echo __('NEWS', 'realizer'); ?></h2>
		<!-- /wp:heading -->
		<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
		<div class="wp-block-group alignwide">
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center"><?php echo __('We post the latest information and announcements about the WordPress theme "REALIZER".', 'realizer'); ?><br><?php echo __('We also provide information on how to use the product, so please take a look.', 'realizer'); ?></p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:group -->
		<!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[]},"align":"wide"} -->
		<div class="wp-block-query alignwide">
			<!-- wp:post-template {"backgroundColor":"white"} -->
			<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"0","left":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}},"shadow":"var:preset|shadow|realizer-shadow","border":{"radius":"4px","width":"1px"}},"backgroundColor":"primary","borderColor":"realizer-lightgrey"} -->
			<div class="wp-block-columns are-vertically-aligned-center has-border-color has-realizer-lightgrey-border-color has-primary-background-color has-background" style="border-width:1px;border-radius:4px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:var(--wp--preset--shadow--realizer-shadow)">
				<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
				<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
					<!-- wp:post-featured-image {"isLink":true,"height":""} /-->
				</div>
				<!-- /wp:column -->
				<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
				<div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:50%">
					<!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /-->
					<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
					<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
						<!-- wp:post-date {"style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"small"} /-->
						<!-- wp:post-date {"displayType":"modified","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"small"} /-->
					</div>
					<!-- /wp:group -->
					<!-- wp:post-terms {"term":"category","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"small"} /-->
					<!-- wp:post-terms {"term":"post_tag","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"small"} /-->
				</div>
				<!-- /wp:column -->
			</div>
			<!-- /wp:columns -->
			<!-- /wp:post-template -->
			<!-- wp:query-no-results -->
			<!-- wp:paragraph {"placeholder":"クエリーが結果を返さない場合に表示するテキスト、またはブロックを追加してください。"} -->
			<p></p>
			<!-- /wp:paragraph -->
			<!-- /wp:query-no-results -->
		</div>
		<!-- /wp:query -->
		<!-- wp:buttons {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
		<div class="wp-block-buttons alignwide" style="margin-top:var(--wp--preset--spacing--60)">
			<!-- wp:button {"backgroundColor":"realizer-accent","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
			<div class="wp-block-button">
				<a class="wp-block-button__link has-realizer-accent-background-color has-background wp-element-button" href="<?php echo esc_url(home_url('news')); ?>" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);font-style:normal;font-weight:600"><?php echo __('NEWS', 'realizer'); ?></a>
			</div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->
	<!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-01.jpg')); ?>","hasParallax":true,"dimRatio":50,"overlayColor":"black","isUserOverlayColor":true,"sizeSlug":"full","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"48rem","wideSize":"64rem"}} -->
	<div class="wp-block-cover alignfull has-parallax" style="margin-top:0;margin-bottom:0">
		<div class="wp-block-cover__image-background size-full has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url(get_theme_file_uri('assets/images/front-page-demo/front-page-demo-01.jpg')); ?>)"></div>
		<span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span>
		<div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
			<div class="wp-block-group alignwide"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
				<p class="has-text-align-center" style="font-style:normal;font-weight:600"><?php echo __('WordPress block theme to realize your ideas.', 'realizer'); ?></p>
				<!-- /wp:paragraph -->
				<!-- wp:site-title {"level":0,"textAlign":"center","align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.25"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"xx-large","fontFamily":"serif"} /-->
				<!-- wp:buttons {"align":"wide","layout":{"type":"flex","justifyContent":"center"}} -->
				<div class="wp-block-buttons alignwide">
					<!-- wp:button {"backgroundColor":"realizer-accent","textColor":"quinary","className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|quinary"}}},"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
					<div class="wp-block-button is-style-fill">
						<a class="wp-block-button__link has-quinary-color has-realizer-accent-background-color has-text-color has-background has-link-color wp-element-button" href="https://ja.wordpress.org/themes/" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);font-style:normal;font-weight:600" target="_blank" rel="noreferrer noopener nofollow"><?php echo __('Get Started', 'realizer'); ?></a>
					</div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:group -->
		</div>
	</div>
	<!-- /wp:cover -->
</main>
<!-- /wp:group -->