<?php // phpcs:ignore
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Template for theme info page.
 *
 * @link       https://www.acmeit.org/
 * @since      1.0.0
 *
 * @package    Wp_Block_Theme_Boilerplate
 * @subpackage Wp_Block_Theme_Boilerplate/Wp_Block_Theme_Boilerplate_Intro
 */

?>
	<div id="welcome-panel" class="welcome-panel companydomain-wbtb-hero at-bg-img">
		<div class="welcome-panel-content">
			<div class="welcome-panel-header">
				<h2>
					<?php esc_html_e( 'Welcome to WP Bock Theme Boilerplate', 'wp-block-theme-boilerplate' ); ?>
				</h2>
				<p>
					<?php
					esc_html_e( 'The WP Block Theme Boilerplate is now active and ready for use. Unleash your creativity with its extensive library of one-click demo Starter Packages, Patterns, and Pattern Kits.', 'wp-block-theme-boilerplate' );

					/* Premium version exist check */
					if ( ! wp_block_theme_boilerplate_is_pro_active() ) {
						echo ' ';
						esc_html_e( 'Upgrade to the pro version for access to even more demo Starter Packages, Patterns, and Pattern Kits.', 'wp-block-theme-boilerplate' );
					}
					?>
				</p>
				<?php
				if ( ! wp_block_theme_boilerplate_is_pro_active() ) {
					?>
					<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn-primary button button-primary button-hero">
						<?php
							esc_html_e( 'Get WP Bock Theme Boilerplate Pro', 'wp-block-theme-boilerplate' );
						?>
					</a>
					<?php
				}
				?>
				<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-gsn-btn companydomain-wbtb-btn-outline button button-primary button-hero companydomain-wbtb-install-plugins">
					<?php esc_html_e( 'Documentation', 'wp-block-theme-boilerplate' ); ?>
				</a>
				<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn companydomain-wbtb-btn-default button button-secodary button-hero" target="_blank">
					<?php esc_html_e( 'Visit Starter Templates', 'wp-block-theme-boilerplate' ); ?>
				</a>
			</div>

			<div class="welcome-panel-column-container">
				<div class="welcome-panel-column">
					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
						<rect width="48" height="48" rx="4" fill="#2e312f"></rect>
						<path fill-rule="evenodd" clip-rule="evenodd" d="M18 16h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2zm12 1.5H18a.5.5 0 0 0-.5.5v3h13v-3a.5.5 0 0 0-.5-.5zm.5 5H22v8h8a.5.5 0 0 0 .5-.5v-7.5zm-10 0h-3V30a.5.5 0 0 0 .5.5h2.5v-8z" fill="#fff"></path>
					</svg>
					<div class="welcome-panel-column-content">
						<h3><?php esc_html_e( 'Use ready-made Design, Patterns, Templates & Template Parts', 'wp-block-theme-boilerplate' ); ?></h3>
						<p>
							<?php esc_html_e( 'Effortlessly use ready-made patterns, templates, and template parts to enhance your site design, making customization quick and easy without starting from scratch.', 'wp-block-theme-boilerplate' ); ?>
						</p>
						<a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=page' ) ); ?>">
							<?php esc_html_e( 'Add a new page', 'wp-block-theme-boilerplate' ); ?>
						</a>
					</div>
				</div>
				<div class="welcome-panel-column">
					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
						<rect width="48" height="48" rx="4" fill="#2e312f"></rect>
						<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0668 17.0854L28.8221 13.9454L18.2008 24.671L16.8983 29.0827L21.4257 27.8309L32.0668 17.0854ZM16 32.75H24V31.25H16V32.75Z" fill="white"></path>
					</svg>
					<div class="welcome-panel-column-content">
						<h3>
							<?php esc_html_e( 'Customize Templates, Template Parts & More', 'wp-block-theme-boilerplate' ); ?>    
						</h3>
						<p>
							<?php esc_html_e( 'With a block theme, you can customize every aspect of both the theme and the site, from headers and footers to individual blocks, providing a cohesive and personalized design.', 'wp-block-theme-boilerplate' ); ?>
						</p>
						<a href="<?php echo esc_url( admin_url( 'site-editor.php' ) ); ?>">
							<?php esc_html_e( 'Site Editor', 'wp-block-theme-boilerplate' ); ?>
						</a>
					</div>
				</div>
				<div class="welcome-panel-column">
					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
						<rect width="48" height="48" rx="4" fill="#2e312f"></rect>
						<path fill-rule="evenodd" clip-rule="evenodd" d="M31 24a7 7 0 0 1-7 7V17a7 7 0 0 1 7 7zm-7-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16z" fill="#fff"></path>
					</svg>
					<div class="welcome-panel-column-content">
						<h3>
							<?php esc_html_e( 'Transform your site\'s appearance with customizable fonts & colors', 'wp-block-theme-boilerplate' ); ?>
						</h3>
						<p>
							<?php esc_html_e( 'Give your site a unique look by customizing fonts and colors. Achieve anything from subtle tweaks to complete makeovers, enhancing your  site\'s visual appeal and overall design.', 'wp-block-theme-boilerplate' ); ?>
						</p>
						<a href="<?php echo esc_url( admin_url( '/site-editor.php?path=%2Fwp_global_styles' ) ); ?>">
							<?php esc_html_e( 'Customize styles', 'wp-block-theme-boilerplate' ); ?>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="companydomain-wbtb-main at-p">
		<div class="at-row at-m companydomain-wbtb-main-wrp">
			<div class="at-col-sm-3 at-col-md-5 at-col-lg-4 at-col-xl-3">
				<div class="companydomain-wbtb-main-sidebar at-flx at-flx-col at-gap">
					<div class="companydomain-wbtb-card at-bg-cl at-bdr">
						<div class="companydomain-wbtb-card-body at-p">
							<div class="companydomain-wbtb-intro-auth at-p">
								<div class="companydomain-wbtb-intro-profile at-h at-w at-bdr at-bdr-rad at-m at-flx at-al-itm-ctr at-jfy-cont-ctr">
									<span class="at-w at-h at-bdr-rad">
										<img class="companydomain-wbtb-gsm-screenshot" src="<?php echo esc_url( WP_BLOCK_THEME_BOILERPLATE_URL . 'assets/img/patternswp-logo.png' ); ?>" alt="<?php esc_attr_e( 'WP Bock Theme Boilerplate', 'wp-block-theme-boilerplate' ); ?>" />
									</span>
								</div>
								<div class="companydomain-wbtb-intro-profile-info at-m at-txt-al">
									<h3 class="txt">
										<?php esc_html_e( 'WP Bock Theme Boilerplate', 'wp-block-theme-boilerplate' ); ?>
									</h3>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="button-primary companydomain-wbtb-btn-primary">
										<?php esc_html_e( 'Visit Site', 'wp-block-theme-boilerplate' ); ?>
									</a>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="button-secondary companydomain-wbtb-btn-secondary">
										<?php esc_html_e( 'Support', 'wp-block-theme-boilerplate' ); ?>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="companydomain-wbtb-card at-bg-cl at-bdr">
						<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
							<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
								<?php esc_html_e( 'Contact Information', 'wp-block-theme-boilerplate' ); ?>
							</h4>
						</div>
						<div class="companydomain-wbtb-card-body at-p at-p">
							<div class="companydomain-wbtb-intro-auth--info">								
								<ul class="companydomain-wbtb-personal-detail at-flx at-flx-col at-gap">
									<li class="">
										<dl class="at-flx at-al-itm-ctr at-gap">
											<dt class="at-w">
												<span class="dashicons dashicons-smartphone"></span>
												<b>
													<?php esc_html_e( 'Support:', 'wp-block-theme-boilerplate' ); ?>
												</b>
											</dt>
											<dd class="at-m">
												<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow">
													<?php esc_html_e( 'Create A Ticket', 'wp-block-theme-boilerplate' ); ?>
												</a>
											</dd>                                                        
										</dl>
									</li>
									<li class="mt-2">
										<dl class="at-flx at-al-itm-ctr at-gap">
											<dt  class="at-w">
												<span class="dashicons dashicons-email-alt"></span>
												<b>
													<?php esc_html_e( 'Email:', 'wp-block-theme-boilerplate' ); ?>
												</b>
											</dt>
											<dd class="at-m">
												<a href="mailto:email-address" target="_blank" rel="noopener noreferrer nofollow">
													<?php esc_html_e( 'email-address', 'wp-block-theme-boilerplate' ); ?>
												</a>
											</dd>                                                        
										</dl>												
									</li>
									<li class="mt-2">
										<dl class="at-flx at-al-itm-ctr at-gap">
											<dt  class="at-w">
												<span class="dashicons dashicons-location"></span>
												<b>
													<?php esc_html_e( 'Location:', 'wp-block-theme-boilerplate' ); ?>
												</b>
											</dt>
											<dd class="at-m">
												<?php esc_html_e( 'Kathmandu, Nepal', 'wp-block-theme-boilerplate' ); ?>
											</dd>                                                        
										</dl>
									</li>
								</ul>
								<ul class="companydomain-wbtb-social at-flx at-jfy-cont-ctr at-al-itm-ctr at-gap at-m">
									<li>
										<a class="at-p at-bdr at-bdr-rad" href="https://profiles.wordpress.org/codersantosh/" target="_blank" rel="noopener noreferrer nofollow">
											<span class="dashicons dashicons-wordpress"></span>
										</a>
									</li>
									<li>
										<a class="at-p at-bdr at-bdr-rad" href="https://twitter.com/codersantosh" target="_blank" rel="noopener noreferrer nofollow">
											<span class="dashicons dashicons-twitter"></span>
										</a>
									</li>
								</ul>	
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="at-col-sm-9 at-col-md-7 at-col-lg-8 at-col-xl-9">
				<div class="companydomain-wbtb-main-cont at-flx at-flx-col at-gap">
					<div class="at-row at-gap">
						<div class="at-col-md-6 at-col-xl-3">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-media-document"></span>
									<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Knowledge Base', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<p class="at-m">
										<?php esc_html_e( 'In-depth and well documented articles will help you to use the WP Bock Theme Boilerplate Themes in easiest way.', 'wp-block-theme-boilerplate' ); ?>
									</p>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn">
										<?php esc_html_e( 'Visit Knowledge Base', 'wp-block-theme-boilerplate' ); ?>
									</a>
								</div>
							</div>
						</div>
						<div class="at-col-md-6 at-col-xl-3">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-groups"></span>
										<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Community', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<p class="at-m">
										<?php esc_html_e( 'We want to make customer experience even better. So, join our Facebook community for instant support from experts.', 'wp-block-theme-boilerplate' ); ?>
									</p>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn">
										<?php esc_html_e( 'Join Facebook Group', 'wp-block-theme-boilerplate' ); ?>
									</a>
								</div>
							</div>
						</div>
						<div class="at-col-md-6 at-col-xl-3">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-backup"></span>
										<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( '24x7 Support', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<p class="at-m">
										<?php esc_html_e( 'We have dedicated support team 24*7 to help you in case you encounter any issue during and after the use of WP Bock Theme Boilerplate.', 'wp-block-theme-boilerplate' ); ?>
									</p>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn">
										<?php esc_html_e( 'Create A Ticket', 'wp-block-theme-boilerplate' ); ?>
									</a>
								</div>
							</div>
						</div>
						<div class="at-col-md-6 at-col-xl-3">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-video-alt3"></span>
										<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Video Guide', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<p class="at-m">
										<?php esc_html_e( 'WP Bock Theme Boilerplate Theme comes with detailed video tutorials of each and every customization with practical demonstration.', 'wp-block-theme-boilerplate' ); ?>
									</p>
									<a href="https://patternswp.com/full-site-editing-fse-themes/wp-block-theme-boilerplate" target="_blank" rel="noopener noreferrer nofollow" class="companydomain-wbtb-btn">
										<?php esc_html_e( 'View Video Guide', 'wp-block-theme-boilerplate' ); ?>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="at-row at-gap">
						<?php
						$recommended_plugins = function_exists( 'wp_block_theme_boilerplate_get_recommended_plugins' ) ? wp_block_theme_boilerplate_get_recommended_plugins() : null;
						$quick_links_col     = 'at-col-12';

						if ( $recommended_plugins ) {
							$quick_links_col = 'at-col-sm-8 at-col-md-12 at-col-lg-6 at-col-xl-8';
							?>
						<div class="at-col-sm-4 at-col-md-12 at-col-lg-6 at-col-xl-4">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-admin-plugins"></span>
									<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Recommended Plugins', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p at-flx at-flx-col at-gap">
									<?php
									foreach ( $recommended_plugins as $key => $plugin_info ) {
										?>
										<div class="at-flx at-jfy-cont-btw at-al-itm-ctr companydomain-wbtb-plugin-recommend">
											<h4 class="companydomain-wbtb-plugin-title">
												<?php
												if ( isset( $plugin_info['url'] ) ) {
													?>
												<a href='<?php echo esc_url( $plugin_info['url'] ); ?>' target="_blank" rel="noopener noreferrer nofollow">
													<?php echo esc_html( $plugin_info['name'] ); ?>
												</a>
													<?php
												} else {
													echo esc_html( $plugin_info['name'] );
												}
												?>
											</h4>
											<?php
											if ( wp_block_theme_boilerplate_is_plugin_active( $plugin_info['plugin'] ) ) {
												?>
												<button class="companydomain-wbtb-btn-primary  button-primary" disabled>
													<?php esc_html_e( 'Installed and Activated', 'wp-block-theme-boilerplate' ); ?>
												</button>
												<?php
											} else {
												?>
												<button class="companydomain-wbtb-btn-primary button-primary companydomain-wbtb-install-plugin" data-plugin="<?php echo esc_attr( wp_json_encode( $plugin_info ) ); ?>" data-success-text="<?php esc_attr_e( 'Installed and Activated', 'wp-block-theme-boilerplate' ); ?>" data-fail-text="<?php esc_attr_e( 'Failed to install', 'wp-block-theme-boilerplate' ); ?>">
													<?php
													if ( file_exists( WP_PLUGIN_DIR . '/' . $plugin_info['plugin'] ) ) {
														esc_html_e( 'Activate', 'wp-block-theme-boilerplate' );
													} else {
														esc_html_e( 'Install and Activate', 'wp-block-theme-boilerplate' );
													}
													?>
												</button>
												<?php
											}
											?>
										</div>
										<?php
									}
									?>
								</div>				
							</div>
						</div>
							<?php
						}
						?>
						<div class="<?php echo esc_attr( $quick_links_col ); ?>">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-admin-links"></span>
									<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Quick Links', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<div class="companydomain-wbtb-card-btn-grp at-flx at-flx-wrp at-gap">
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Fheader&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Header', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Ffooter&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Footer', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Fprimary-sidebar&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Primary Sidebar', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Fsecondary-sidebar&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Secondary Sidebar', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part' ) ); ?>">
											<?php esc_html_e( 'All template parts', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Ffront-page&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Frontpage', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template&postId=' . WP_BLOCK_THEME_BOILERPLATE_THEME_NAME . '%2F%2Farchive&canvas=edit' ) ); ?>">
											<?php esc_html_e( 'Edit Atchive Page', 'wp-block-theme-boilerplate' ); ?>
										</a>
										<a class="companydomain-wbtb-btn companydomain-wbtb-btn-primary-outline button button-hero" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template' ) ); ?>">
											<?php esc_html_e( 'All Templates', 'wp-block-theme-boilerplate' ); ?>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="at-row">
						<div class="at-col-12">
							<div class="companydomain-wbtb-card at-bg-cl at-bdr">
								<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
									<span class="dashicons dashicons-superhero"></span>
										<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
										<?php esc_html_e( 'Free vs Pro', 'wp-block-theme-boilerplate' ); ?>
									</h4>
								</div>
								<div class="companydomain-wbtb-card-body at-p">
									<div style="overflow-x:auto;">
										<table>
											<thead>
												<tr>
													<th><h5><?php esc_html_e( 'Features', 'wp-block-theme-boilerplate' ); ?></h5></th>
													<th><h5><?php esc_html_e( 'Free', 'wp-block-theme-boilerplate' ); ?></h5></th>
													<th><h5><?php esc_html_e( 'Pro', 'wp-block-theme-boilerplate' ); ?></h5></th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td><p><?php esc_html_e( 'Home Page Template Patterns', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '1', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '9+', 'wp-block-theme-boilerplate' ); ?></p></td>
												</tr>
												<tr>
													<td><p><?php esc_html_e( 'Pre-build Starter Demos', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '1', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '100+', 'wp-block-theme-boilerplate' ); ?></p></td>
												</tr>
												<tr>
													<td><p><?php esc_html_e( 'Header Patterns', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '2+', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '10+', 'wp-block-theme-boilerplate' ); ?></p></td>
												</tr>
													<tr>
													<td><p><?php esc_html_e( 'Footer Patterns', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '2+', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '10+', 'wp-block-theme-boilerplate' ); ?></p></td>
												</tr>
												<tr>
													<td><p><?php esc_html_e( 'Pre-build Patterns', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '50+', 'wp-block-theme-boilerplate' ); ?></p></td>
													<td><p><?php esc_html_e( '1000+', 'wp-block-theme-boilerplate' ); ?></p></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>           
						</div>
					</div>
					<?php
					$faqs = function_exists( 'wp_block_theme_boilerplate_get_theme_faq' ) ? wp_block_theme_boilerplate_get_theme_faq() : null;
					if ( $faqs ) {
						?>
							<div class="at-row">
								<div class="at-col-12">
									<div class="companydomain-wbtb-card at-bg-cl at-bdr">
										<div class="companydomain-wbtb-card-header at-bdr at-p at-jfy-cont-st at-gap at-flx">
											<span class="dashicons dashicons-format-chat"></span>
											<h4 class="companydomain-wbtb-card-header-ttl at-txt at-m">
												<?php esc_html_e( 'Frequently Asked Questions', 'wp-block-theme-boilerplate' ); ?>
											</h4>
										</div>
										<div class="companydomain-wbtb-card-body at-p ">
											<div class="companydomain-wbtb-accordion at-flx at-flx-col at-gap">
												<?php
												foreach ( $faqs as $key => $faq ) {
													echo "<details class='companydomain-wbtb-accordion-section at-bdr'>";
													echo "<summary class='companydomain-wbtb-accordion-section-title at-p at-pos at-bdr'>";
													echo "<h4 class='companydomain-wbtb-accordion-heading at-m'>";
													echo esc_html( $faq['q'] );
													echo '</h4>';
													echo '</summary>';/*companydomain-wbtb-card-header*/
													echo "<div id='companydomain-wbtb-info-faq-" . esc_attr( $key ) . "' class='companydomain-wbtb-accordion-section-content at-p'>";
													echo wp_kses_post( $faq['a'] );
													echo '</div>';/*id*/
													echo '</details>';/*companydomain-wbtb-card*/
												}
												?>
											</div>
										</div>
									</div>
								</div>
							</div>
						<?php
					}
					?>
				</div>
			</div>
		</div>
	</div>
