<div class="wrap columns-2 seed-csp4">
    <div id="seed_csp4_header">
        <h1 style="margin-bottom:20px">
            <img style="width:150px;margin-right:10px;margin-bottom: -2px;vertical-align: text-bottom;" src="<?php echo SEED_CSP4_PLUGIN_URL ?>public/images/seedprod-logo.png"> 
            Coming Soon Page and Maintenance Mode Lite
            <span class="seed_csp4_version" style="font-size: 10px;"> Version <?php echo SEED_CSP4_VERSION; ?></span>
        </h1>

    </div>

    <div id="seed_csp4_body">
    
    <div class="notice notice-info" style="display: block;">
        <p><strong>SeedProd Addons are a PRO feature.</strong></p>
        <p>Please upgrade to a PRO plan to unlock them and more awesome features.</p>
        <p>
            <a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" class="seed-csp4-cta button-primary" rel="noopener noreferrer" target='_blank'>
                Upgrade Now					</a>
        </p>
    </div>

    <div id="seed-csp4-admin-addons">
    <div class="seed-csp4-admin-content">
				<div class="addons-container" id="seed-csp4-admin-addons-list">
					<div class="list">
                        
                    <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-1">
									<i class="fas fa-paint-brush fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Themes Addon									</h5>
									<p class="addon-desc">Choose from a
Growing Library of Pre-Made Themes to get a Professional Looking Coming Soon Page up in Minutes</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        
                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-2">
									<i class="fas fa-images fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Free Stock Images Addon									</h5>
									<p class="addon-desc">Get Access to over 500,000+ royalty free stock images provided by Unsplash.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>


                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-3">
									<i class="fas fa-envelope fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Email Marketing Addon									</h5>
									<p class="addon-desc">Start building your email list for your site laucnh and integrate with 15+ top email services providers including, MailChimp, Aweber, ConvertKit and moree.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        
                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-4">
									<i class="fas fa-copy fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Landing Page Addon									</h5>
									<p class="addon-desc">Create mutltiple Coming Soon Landing Pages per site.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        

                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-5">
									<i class="fas fa-language fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Multilingual Addon									</h5>
									<p class="addon-desc">Do you have a multilingual audience? The Multilingual Addon lets you create page in muiltiple languages so visitors can easily choose their preferred language.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        
                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon  seed-csp4-addon-icon-6">
									<i class="fas fa-bars fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Notification Bar Addon									</h5>
									<p class="addon-desc">Grab your visitor's attention, make announcements and create calls to action with Notifcication Bar Addon.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        
                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-7">
									<i class="fas fa-sign-in-alt fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Custom Login Page Addon									</h5>
									<p class="addon-desc">Create an Amazing Custom Login Page for Your Site.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>

                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-8">
									<i class="fas fa-search fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Custom 404 Page Addon									</h5>
									<p class="addon-desc">Instead of a Dead End, Collect Leads and Turn Your 404 Page into a Lead Magnet.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
                        </div>
                        

                        <div class="addon-container">
							<div class="addon-item">
								<div class="details seed-csp4-clear" style="height: 183px; min-height: 183px;">
								<div class="seed-csp4-addon-icon seed-csp4-addon-icon-9">
									<i class="fas fa-clock fa-fw fa-4x" style="color:#fff"></i>
								</div>
									<h5 class="addon-name">
										Urgency Countdown Addon									</h5>
									<p class="addon-desc">Encourage your users to take action and create a sense of urgency with Urgency Countdown Pro.</p>
								</div>
								<div class="actions seed-csp4-clear">
									<div class="upgrade-button">
										<a href="<?php echo seed_csp4_admin_upgrade_link( 'addons' ); ?>" target="_blank" rel="noopener noreferrer" class="seed-csp4-btn seed-csp4-btn-light-grey seed-csp4-upgrade-modal">
											Upgrade Now										</a>
									</div>
								</div>
							</div>
						</div>


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


    
    </div>

</div>

<?php include SEED_CSP4_PLUGIN_PATH.'resources/views/exit-pop.php';?>

<script>
jQuery( document ).ready(function($) {
    $( ".seed-csp4-cta, .upgrade-button" ).click(function(e) {
        jQuery('.exit-popup-link').magnificPopup('open');
    });
});
</script>
