<?php 
/**
 * AFFILIATEPAGES WELCOME PAGE.
 *
 * @package AFFILIATE
 */
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>  
<div class="gutenberg-free-container">
	<div class="top-banner-block" style="background-image: url('<?php echo AFB_URL.'/assets/images/top-banner-blog.png'; ?>');">
		<img src="<?php echo AFB_URL.'/assets/images/logo.png'; ?>" alt="AffiliatePages">		
	</div>
	<div class="tab-block" style="margin-top: 0;">
		<a href="https://www.affiliatebooster.com/#price" class="grdiant-btn1" target="_blank">Buy Now</a> 
		<ul class="custon-tab-list" style="background: #002c51;margin: 0;padding-left: 46px; width:100%;">
			<li class="custon-tab-li">
				<a class="custon-tab-link tab active" data-id="home" href="javascript:;">AffiliatePages</a>
			</li>	
			<li class="custon-tab-li">
				<a class="custon-tab-link tab" data-id="home" href="options-general.php?page=affiliate_booster_blocks">Enable/Disable Blocks</a>
			</li>		
			<li class="custon-tab-li">
				<a class="custon-tab-link tab" data-id="menu1" href="javascript:;">How to use this plugin</a>
			</li>
			<li class="custon-tab-li">
				<a class="custon-tab-link" href="https://www.affiliatebooster.com/#price" target="_blank">GO Premium</a>
			</li>
		</ul>
		
		<div class="custom-tab-content">
			<div class="custom-tab-pane custom-container tab-active" data-id="home">
				<div class="custom-row">
					<div class="custom-col-md-8">
						<div class="white-brdr-box left-side-content">
							<h3>Welcome to AffiliatePages</h3>
							<p>Welcome to AffiliatePages Plugin. This plugin has been developed to help affiliates to add pre-made designs in their blog posts to increase CTR and ultimately get more sales. Enjoy our 6 free blocks and check our premium plugin if you want to add more designs in your blog posts.</p>
						</div>
						<div class="white-brdr-box left-side-content">
							<h3>Free Blocks Available</h3>				
							<p>Get Started with our Powerful WordPress Plugin.</p>			
							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/04-notice-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Button Block
										</div>
										<div class="blog-servc-des">
											Add pre-made buttons (various sizes) in your blog posts to improve the CTR. Easily customize color and size of the button.
										</div> 
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/10-star-rating-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Star Rating Block
										</div>
										<div class="blog-servc-des">
											Add star rating in your blog posts and give awesome ratings to the products/service you review.
										</div> 
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/04-notice-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Notices Block
										</div>
										<div class="blog-servc-des">
											Use this block at the end of your blog posts to conclude your article in a professional way.
										</div> 
									</div>
								</div>
							</div>
							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/11-notification-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Notifications Block
										</div>
										<div class="blog-servc-des">
											Add this block to notify something important in your blog posts. This block can be used for multiple things.
										</div> 
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/07-single-product-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Single Product Block
										</div>
										<div class="blog-servc-des">
											Add our stunning single product block to promote any service/product in your blog posts. This block will stand out and get more eyeballs.
										</div> 
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/08-pros-and-cons-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Pros and Cons Block
										</div>
										<div class="blog-servc-des">
											Add Pros and Cons in your blog posts with just one click. Easy editing options and color make this block an excellent block for affiliates.
										</div> 
									</div>
								</div>

							</div>
						</div>

						<div class="white-brdr-box left-side-content">
							<h3>Premium Blocks</h3>	
							<p>Say bye-bye to heavy page builders, and create stunning designs with the default WordPress editor. AffiliateBooster is a featured rich plugin having all the required features at one place. Get rid of multiple plugins from your blog and install just one.</p>
							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/02-list-iitem-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											List Items Block
										</div>
										<div class="blog-servc-des">
											Add stunning lists inside your blog posts and use various colors and icons for the list items. Pick your desired numbers of columns to make them look amazing.
										</div> 
										<a href="https://www.affiliatebooster.com/list-items/" target="_blank">View Demo</a>
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/09-comparison-table-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Comparison Table Block
										</div>
										<div class="blog-servc-des">
											Awesome comparison table to list the best products in one place. Explain the features of each product and give them your desired ratings.
										</div> 
										<a href="https://www.affiliatebooster.com/comparison-table/" target="_blank">View Demo</a>
									</div>
								</div> 
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/05-good-and-bad-features-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Good Bad Features Block
										</div>
										<div class="blog-servc-des">
											Explain the good and bad features of the product within one block. Add ratings and buttons to get more CTR and more visibility.
										</div> 
										<a href="https://www.affiliatebooster.com/good-and-bad-features/" target="_blank">View Demo</a>
									</div>
								</div>  
							</div>
							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/14-progress-bar-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Progress Bar Block
										</div>
										<div class="blog-servc-des">
											Explain the features of the product using our progress bar block. Change the colors, ratings, and multiple things to match your theme.
										</div> 
										<a href="https://www.affiliatebooster.com/progress-bars/" target="_blank">View Demo</a>
									</div>
								</div> 
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/03-call-to-action-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Call to Action Block
										</div>
										<div class="blog-servc-des">
											A stunning call to action block to notify your audience. Can be used to put any special notice having a button below the notice.
										</div> 
										<a href="https://www.affiliatebooster.com/call-to-action-block/" target="_blank">View Demo</a>
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/01-table-of-content-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Table of Content Block
										</div>
										<div class="blog-servc-des">
											Get rid of other table of the content plugins by using our in-built table of content block inside this plugin.
										</div> 
										<a href="https://www.affiliatebooster.com/table-of-content-block/" target="_blank">View Demo</a>
									</div>
								</div>
							</div>

							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/13-coupon-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Coupons Block
										</div>
										<div class="blog-servc-des">
											Add awesome coupon blocks to promote various coupons in your blog posts. Add ratings, price, features, and buttons inside the block with one click.
										</div> 
										<a href="https://www.affiliatebooster.com/coupon-block/" target="_blank">View Demo</a>
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/15-product-demo-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Product Review Block
										</div>
										<div class="blog-servc-des">
											Add awesome reviews of various products/services in your blog posts with this specially created block. Modify colors, ratings, fonts with ease.
										</div> 
										<a href="https://www.affiliatebooster.com/single-product-pros-cons/" target="_blank">View Demo</a>
									</div>
								</div>
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/12-conclusion-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Conclusion Block
										</div>
										<div class="blog-servc-des">
											Add a professional conclusion block at the end of your articles to grab the quick attention of your readers. Make your reader's decision easier with this block.
										</div> 
										<a href="https://www.affiliatebooster.com/conclusion-block/" target="_blank">View Demo</a>
									</div>
								</div>
							</div>

							<div class="custom-row">
								<div class="custom-col-md-4">
									<div class="free-blog-box">
										<div class="icon">
											<img src="<?php echo AFB_URL.'/assets/images/06-top-pick-1.png'; ?>">
										</div>
										<div class="free-blog-service-title">
											Top Picked Product Block
										</div>
										<div class="blog-servc-des">
											Display your favorite product with this block and give your message in the ribbon at the top left side of the block.
										</div> 
										<a href="https://www.affiliatebooster.com/top-picked-product/" target="_blank">View Demo</a>
									</div>
								</div>
								<div class="custom-col-md-8">
									<div class="free-blog-box" style="padding: 101px 0;min-height: auto;">										
										<div class="free-blog-service-title">
											Get AI-Generated <br>Gutenberg Blocks for Affiliates
										</div>
										<a href="https://www.affiliatepages.com/" class="grdiant-btn" target="_blank" style="color: #fff; width: 50%;">Buy Now</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="custom-col-md-4">
						<div class="white-brdr-box right-side-content">
							<h3>Premium Blocks</h3>
							<p>25+ Pre-Made AI-Generated Gutenberg Blocks for Affiliates</p>
							<ul>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Conclusion Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Coupon Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Progress Bars</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Table of Content Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Call to Action Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Good and Bad Features Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Top Picked Product Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Comparison Table Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> List Items Block</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> 3 Product Table Blocks</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Single Product Pros Cons</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Top Pick Specs</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Single Product Specs</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Advanced Settings</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> Frequent Updates</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> 1 Year of Updates</li>
								<li> <span class="icon-bg"><img src="<?php echo AFB_URL.'/assets/images/list-check.png'; ?>"></span> 1 Year of Support</li>
							</ul>
							<a href="https://www.affiliatepages.com/" class="grdiant-btn" target="_blank">Get AffiliatePages Premium</a>
							<a href="https://www.affiliatebooster.com/blog/" class="link-btn" target="_blank">Learn More <i class="fas fa-arrow-right"></i></a>
						</div>

						<div class="white-brdr-box right-side-content">
							<h3>Telegram Support Channel</h3>
							<p>Join our telegram support channel to get instant replies from our support team and meet other top affiliates using AffiliatePages plugin.</p>
							<a href="https://t.me/+V_CQ1j5v7EhZ2Slb" class="grdiant-btn" target="_blank">Join Telegram Channel</a> 
						</div>
					</div>
				</div>
			</div>
			<div class="custom-tab-pane custom-container" data-id="menu1">
				<div class="custom-row">
					<div class="custom-col-md-12">
						<div class="white-brdr-box left-side-content">
							<h3>How to use this plugin</h3>
							<p>Note: This is a Gutenberg plugin so this is going to work only and only if you are using Gutenberg editor. This would not work with Classic Editor.</p>
							<p><strong>Step 1:</strong> Add a new post/page or open any existing post/page.</p>
							<p><strong>Step 2:</strong> Click on the + button inside your Gutenberg editor to add new blocks.</p>
							<p><strong>Step 3:</strong> Find AffiliatePages Blocks and pick your desired block in your post/page.</p>
							<p><strong>Step 4:</strong> Add the block and check settings at the right sidebar.</p>
							<p><strong>Step 5:</strong> Edit the block as per your needs.</p>
							<p>and Done.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
	jQuery('.custon-tab-link.tab').click(function(){  
    	jQuery(".custom-tab-pane").removeClass('tab-active');
      	jQuery(".custom-tab-pane[data-id='"+jQuery(this).attr('data-id')+"']").addClass("tab-active");
      	jQuery(".custon-tab-link").removeClass('active');
      	jQuery(this).parent().find(".custon-tab-link").addClass('active');
    });
</script>

