/**
 * Upgrade Page
 * Insert the path to the image you want to display on this page banner.
 *
 * NOTE: This code must go on your SCSS file before you import shared-ui.
 */

$upgrade-image: 'image-path';
$upgrade-image-mobile: 'mobile-image-path';

/**
 * Upgrade Page
 *
 * This page uses "review.js" to dynamically update the reviews stats
 * so you'll need to include this file.
 */

import '@wpmudev/review.js'; // To grab this file only
import '@wpmudev/shared-ui'; // To grab all SUI JS functions

<!-- START: Upgrade Page -->
<div class="sui-upgrade-page">

	<!-- ELEMENT: Page Header -->
	<div class="sui-upgrade-page-header">

		<div class="sui-upgrade-page__container">

			<div class="sui-upgrade-page-header__content">

				<h1>Upgrade to SmartCrawl Pro</h1>

				<p>Get SmartCrawl Pro for our full WordPress search engine optimization suite, including scheduled SEO checkups and sitemap crawls, automatic linking, and white label reports for clients.</p>

				<p>Plus – you'll get WPMU DEV membership, which includes our award winning Smush Pro plugin for image optimization, 24/7 live WordPress support, and unlimited usage of all our premium plugins.</p>

				<button type="button" class="sui-button sui-button-lg sui-button-purple">Try SmartCrawl Pro for Free Today</button>

				<div class="sui-reviews">

					<span class="sui-reviews__stars"></span>

					<div class="sui-reviews__rating"><span class="sui-reviews-rating">-</span> / 5.0 rating from <span class="sui-reviews-customer-count">-</span> customers</div>

					<a class="sui-reviews__link" href="https://www.reviews.io/company-reviews/store/wpmudev-org" target="_blank">Reviews.io<span class="sui-icon-arrow-right" aria-hidden="true"></span></a>

				</div>

			</div>

			<div class="sui-upgrade-page-header__image"></div>

		</div>

	</div>

	<!-- ELEMENT: Page Features -->
	<div class="sui-upgrade-page-features">

		<div class="sui-upgrade-page-features__header">
			<h2>Pro Features</h2>
			<p>Upgrading to Pro will get you the following benefits.</p>
		</div>

	</div>

	<div class="sui-upgrade-page__container">

		<div class="sui-upgrade-page-features__items">

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-info" aria-hidden="true"></span>
				<h3>Scheduled SEO Checkups & Sitemap Crawls</h3>
				<p>Set up SmartCrawl to automatically run a comprehensive SEO Checkup daily, weekly or monthly and receive an email report to as many recipients as you like. Keep on top of issues and set yourself up for SEO success.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-info" aria-hidden="true"></span>
				<h3>Automatic linking</h3>
				<p>Configure SmartCrawl to automatically link certain key words to a page on your blog or even a whole new site all together. Internal linking can help boost SEO but giving search engines ample ways to index your site.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-graph-bar" aria-hidden="true"></span>
				<h3>White label automated reporting</h3>
				<p>You'll get automated email reporting of your site's overall performance (or if you have a multisite network, we've still got you covered!). You can even white label this for your clients, and have the reports sent straight to them. You're informed and look great, and we do the work for you.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-smush" aria-hidden="true"></span>
				<h3>Smush Pro for the best image optimization</h3>
				<p>Hummingbird Pro + Smush Pro gives you the fastest possible WordPress site: Hummingbird’s performance optimization + Smush’s award-winning image optimization. It’s a powerful combination which your visitors, customers, and search engines will love.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-gdpr" aria-hidden="true"></span>
				<h3>Premium WordPress plugins</h3>
				<p>You’ll get our full suite of premium WordPress plugins, making sure from Security to Backups to Marketing and SEO you’ve got all the WordPress solutions you can possible need. You get unlimited usage on unlimited sites, and can join the millions using our plugins.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-hub" aria-hidden="true"></span>
				<h3>Manage unlimited WordPress sites</h3>
				<p>You can manage unlimited WordPress sites with automated updates, backups, security, and performance! – checks, all in one place. All of this can be white labeled for your clients, and you even get our 24/7 live WordPress support.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-help-support" aria-hidden="true"></span>
				<h3>24/7 live WordPress support</h3>
				<p>We can’t stress this enough: our outstanding WordPress support is available with live chat 24/7, and we’ll help you with absolutely any WordPress issue – not just our products. It’s an expert WordPress team on call for you, whenever you need them.</p>
			</div>

			<div class="sui-upgrade-page-features__item">
				<span class="sui-icon-wpmudev-logo" aria-hidden="true"></span>
				<h3>The WPMU DEV Guarantee</h3>
				<p>You'll be delighted with Hummingbird Pro 😁 You can trial the plugin first with a WPMU DEV Membership, and if you continue but change your mind, you can cancel any time.</p>
			</div>

		</div>

	</div>

	<!-- ELEMENT: Call To Action -->
	<div class="sui-upgrade-page-cta">

		<div class="sui-upgrade-page-cta__inner">

			<h2>Join 752,819 Happy Members</h2>

			<p>97% of customers are happy with WPMU DEV's service, and it’s a great time to join them: as a SmartCrawl user you’ll get a free trial period, so you can see what all the fuss is about.</p>

			<button type="button" class="sui-button sui-button-lg sui-button-purple">Get SmartCrawl Pro, and get a better WordPress</button>

			<button type="button" class="sui-button sui-button-lg sui-button-purple sui-hidden-desktop">Get Hummingbird Pro</button>

			<a href="https://premium.wpmudev.org/#trial" target="_blank">Try Pro for Free Today</a>

		</div>

	</div>

</div>
<!-- END: Upgrade Page -->