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

/**
 * Template for theme info page.
 *
 */

?>
<div id="welcome-panels" class="welcome-panel school-classroom-hero ">
	<div class="welcome-panel-content school-classroom-hero">
		<div class="welcome-panel-header school-classroom-hero">
			<h2>
				<?php esc_html_e( 'Welcome to School Classroom', 'school-classroom' ); ?>
			</h2>
			<p>
				<?php
				esc_html_e( 'School Classroom is designed to give your website a bold, elegant, and professional look—ready to launch in just a few clicks.', 'school-classroom' );
				?>
			</p>




		<div class="not-link">
			<a href="https://www.thealphablocks.com/themes/school-wordpress-theme/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-btn school-classroom-btn-default button button-secodary button-hero ddd" >
				<?php esc_html_e( 'Buy Now', 'school-classroom' ); ?>
			</a>
			<a href="https://www.thealphablocks.com/themes/wordpress-theme-bundle/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-btn school-classroom-btn-default button button-secodary button-hero bbb" target="_blank">
				<?php esc_html_e( 'Get All Themes', 'school-classroom' ); ?>
			</a>
			<a href="https://www.thealphablocks.com/demos/school-classroom-pro/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-btn school-classroom-btn-default button button-secodary button-hero ccc" target="_blank">
				<?php esc_html_e( 'Live Demo', 'school-classroom' ); ?>
			</a>
			<a href="https://www.thealphablocks.com/docs/school-classroom-free/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-gsn-btn  school-classroom-btn-outline button button-primary button-hero ghf school-classroom-install-plugins"  target="_blank">
				<?php esc_html_e( 'Documentation', 'school-classroom' ); ?>
			</a>
		</div>
		</div>

					<div class="bundle-img-wrap">
			            <img src="<?php echo esc_url( get_template_directory_uri() . '/images/main-banner.png' ); ?>">
			        </div>
		
	</div>
</div>

<div class="school-classroom-main">
	<div class="row margin school-classroom-main-wrp">
		<div class="col-lg-3">
			<div class="school-classroom-main-sidebar">
				<div class="theme-screenshot-box">
					<div class="school-classroom-card-header abc">
						<h4 class="school-classroom-card-header-ttl">
							<?php esc_html_e( 'Premium Theme', 'school-classroom' ); ?>
						</h4>
					</div>	
					<div class="screenshot-container" id="screenshotContainer">
						<img id="scrollImage" src="<?php echo esc_url( get_template_directory_uri() . '/images/screenshort-image.png' ); ?>">
					</div>
				</div>
			</div>
		</div>

		<div class="col-lg-6 alpha-right">
			<div class="school-classroom-main-cont">
				<div class="row features">
					<div class="col-md-6 col-xl-3">
						<div class="school-classroom-card">
							<div class="school-classroom-card-header">
								<span class="dashicons dashicons-media-document"></span>
								<h4 class="school-classroom-card-header-mmm">
									<?php esc_html_e( 'Responsive Design', 'school-classroom' ); ?>
								</h4>
							</div>
							<div class="school-classroom-card-body">
								<p class="margin">
									<?php esc_html_e( 'Your website adapts to all screen sizes for seamless viewing experience.', 'school-classroom' ); ?>
								</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-6 col-xl-3">
						<div class="school-classroom-card">
							<div class="school-classroom-card-header">
								<span class="dashicons dashicons-groups"></span>
									<h4 class="school-classroom-card-header-mmm">
									<?php esc_html_e( 'Demo Import', 'school-classroom' ); ?>
								</h4>
							</div>
							<div class="school-classroom-card-body">
								<p class="margin">
									<?php esc_html_e( 'Our themes has one-click demo import making it easier to launch website.', 'school-classroom' ); ?>
								</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-6 col-xl-3">
						<div class="school-classroom-card">
							<div class="school-classroom-card-header">
								<span class="dashicons dashicons-backup"></span>
									<h4 class="school-classroom-card-header-mmm">
									<?php esc_html_e( 'Cross Browser Compatible
									', 'school-classroom' ); ?>
								</h4>
							</div>
							<div class="school-classroom-card-body">
								<p class="margin">
									<?php esc_html_e( 'Runs smoothly across all major browsers for consistent site experience.', 'school-classroom' ); ?>
								</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-6 col-xl-3">
						<div class="school-classroom-card">
							<div class="school-classroom-card-header">
								<span class="dashicons dashicons-video-alt3"></span>
									<h4 class="school-classroom-card-header-mmm">
									<?php esc_html_e( 'Easy Customization', 'school-classroom' ); ?>
								</h4>
							</div>
							<div class="school-classroom-card-body">
								<p class="margin">
									<?php esc_html_e( 'Quickly personalize fonts, colors, and layouts using simple customization panel.', 'school-classroom' ); ?>
								</p>
								
							</div>
						</div>
					</div>
				</div>
				
					<div class="<?php echo esc_attr( $quick_links_col ); ?>">
						<div class="school-classroom-card">
							<div class="school-classroom-card-header justify-content ">
								<span class="dashicons dashicons-admin-links"></span>
								<h4 class="school-classroom-card-header-ttl">
									<?php esc_html_e( 'Quick Links', 'school-classroom' ); ?>
								</h4>
							</div>
							<div class="school-classroom-card-body">
								<div class="school-classroom-card-btn-grp rrr">
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?categoryId=header&postType=wp_template_part' ) ); ?>" target="_blank">
										<?php esc_html_e( 'Edit Header', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . SCHOOL_CLASSROOM_THEME_NAME . '%2F%2Ffooter&canvas=edit' ) ); ?>" target="_blank">
										<?php esc_html_e( 'Edit Footer', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part&postId=' . SCHOOL_CLASSROOM_THEME_NAME . '%2F%2Fsidebar&canvas=edit' ) ); ?>" target="_blank">
										<?php esc_html_e( 'Edit Sidebar', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" 
										href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template&postId=' . SCHOOL_CLASSROOM_THEME_NAME . '%2F%2Findex&canvas=edit' ) ); ?>" 
										target="_blank">
										<?php esc_html_e( 'Edit Blog Home', 'school-classroom' ); ?>
									</a>

									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template_part' ) ); ?>" target="_blank">
										<?php esc_html_e( 'All Template Parts', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template&postId=' . SCHOOL_CLASSROOM_THEME_NAME . '%2F%2Ffront-page&canvas=edit' ) ); ?>" target="_blank">
										<?php esc_html_e( 'Edit Frontpage', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template&postId=' . SCHOOL_CLASSROOM_THEME_NAME . '%2F%2Farchive&canvas=edit' ) ); ?>" target="_blank">
										<?php esc_html_e( 'Edit Archive Page', 'school-classroom' ); ?>
									</a>
									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col" href="<?php echo esc_url( admin_url( 'site-editor.php?postType=wp_template' ) ); ?>" target="_blank">
										<?php esc_html_e( 'All Templates', 'school-classroom' ); ?>
									</a>

									<a class="school-classroom-btn school-classroom-btn-primary-outline button button-hero btn-col visit-site" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank">
										<?php esc_html_e( 'VISIT SITE', 'school-classroom' ); ?>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<?php
				$faqs = function_exists( 'school_classroom_get_theme_faq' ) ? school_classroom_get_theme_faq() : null;
				if ( $faqs ) {
					?>
						<div class="row">
							<div class="col-12">
								<div class="school-classroom-card">
									<div class="school-classroom-card-header">
										<span class="dashicons dashicons-format-chat"></span>
										<h4 class="school-classroom-card-header-ttl">
											<?php esc_html_e( 'Frequently Asked Questions', 'school-classroom' ); ?>
										</h4>
									</div>
									<div class="school-classroom-card-body">
										<div class="school-classroom-accordion">
									<div class="school-classroom-accordion ">
									<?php foreach ( $faqs as $key => $faq ) : ?>
										<details class="school-classroom-accordion-section ">
											<summary class="school-classroom-accordion-section-title">
												<h4 class="school-classroom-accordion-heading">
													<span class="dashicons dashicons-arrow-right"></span>
													<?php echo esc_html( $faq['q'] ); ?>
												</h4>
											</summary>
											<div id="school-classroom-info-faq-<?php echo esc_attr( $key ); ?>" class="school-classroom-accordion-section-content">
												<?php echo wp_kses_post( $faq['a'] ); ?>
											</div>
										</details>
									<?php endforeach; ?>
								</div>
								</div>

									</div>
								</div>
							</div>
						</div>
					<?php
				}
				?>
			</div>

		<div class="col-lg-3">
			<div class="school-classroom-main-sidebar">
				
				<div class="school-classroom-card">
					<div class="school-classroom-card-header abc">
						<h4 class="school-classroom-card-header-ttl">
							<?php esc_html_e( 'Buy Premium Theme', 'school-classroom' ); ?>
						</h4>
					</div>

					<div class="bun-para">
						<p><?php esc_html_e( 'Our Premium WordPress Themes are crafted to deliver powerful design, seamless performance, and full customization options—perfect for building stunning, professional websites with ease.', 'school-classroom' ); ?></p>
					</div>
					
					<a href="https://www.thealphablocks.com/themes/school-wordpress-theme/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-btn school-classroom-btn-default button button-secodary button-hero cba cbaa" target="_blank">
						<?php esc_html_e( 'Buy Now $40', 'school-classroom' ); ?>
					</a>
			
				</div>

				<div class="school-classroom-card">
					<div class="bundle-image-wrap">
			            <img src="<?php echo esc_url( get_template_directory_uri() . '/images/bundle-image.png' ); ?>">
			        </div>
					<div class="school-classroom-card-header abc">
						<h4 class="school-classroom-card-header-ttl">
							<?php esc_html_e( 'Get All Themes', 'school-classroom' ); ?>
						</h4>
					</div>

					<div class="bun-para">
						<p><?php esc_html_e( 'Whether you need a website for a blog, business, portfolio, or online store, this WP Theme Bundle provides everything you need for a visually appealing and fully functional site.', 'school-classroom' ); ?></p>
					</div>
					
					<a href="https://www.thealphablocks.com/themes/wordpress-theme-bundle/" target="_blank" rel="noopener noreferrer nofollow" class="school-classroom-btn school-classroom-btn-default button button-secodary button-hero cba" target="_blank">
						<?php esc_html_e( 'Get All Block Themes $59', 'school-classroom' ); ?>
					</a>
			
				</div>

			</div>
			</div>

		</div>
	</div>
</div>

