<div class="theme-demos boxed-layout flex-layout flex-center">
	<figure class="featured-image">
		<img src="https://plugins.cozythemes.com/cozy-addons/admin/assets/media/monocle-theme-demo.png" />
	</figure>
	<div>
		<p class="section-pill"><?php esc_html_e( 'Theme Demos', 'monocle' ); ?></p>
		<h2 class="section-title">
			<?php esc_html_e( 'Explore Complete Website Demos', 'monocle' ); ?></h2>

		<div class="monocle-spacer sm"></div>

		<p><?php esc_html_e( 'Explore complete Monocle website demos—ideal for launching a fresh site with everything included. For a cleaner, more focused setup, Starter Templates are the smarter choice for both new and existing websites. Import just the design you need, without extra content.', 'monocle' ); ?>
		</p>

		<p><strong style="color:var(--monocle-admin--heading)"><?php esc_html_e( '*Note: The Pro version of Monocle can be found in our \'Design Kit Library\' under the Homepage tab.', 'monocle' ); ?></strong></p>

		<div class="monocle-spacer sm"></div>

		<?php
		if ( monocle_is_plugin_activated( 'cozy-addons/cozy-addons.php' ) ) {
			?>
		<button class="btn btn-primary-accent">
			<a
				href="<?php echo esc_url( admin_url( 'site-editor.php' ) ); ?>"><?php esc_html_e( 'Import Starter Template →', 'monocle' ); ?></a>
		</button>
			<?php
		} else {
			?>
		<button id="install-required-plugins" class="btn btn-primary-alt has-spinner">
			<a rel="noopener"><?php esc_html_e( 'Install & Activate required plugins', 'monocle' ); ?></a>
			<span class="spinner monocle-display-none" id="monocle-admin-spinner"></span>
		</button>
			<?php
		}
		?>
	</div>
</div>