<div class="sfs-tabs-main">

        <!-- DashBoard html start   -->
	<div id="sfs-nav-dashboard" class="navtabcontent vertical-tabs">
		<div class="sfs-dashboard-container sfs-dashboard-top-container">

			<!-- Welcome html start -->
			<div class="sfs-dashboard-left-content">
				<div class="sfs-dashboard-navtabcontent">
					<!-- Header Section -->
					<div class="welcome-searchfiltersort-section">
						<div class="welcome-data">
							<div class="welcome-title">
								<span>Welcome To SearchFilterSort</span>
							</div>
							<p>
								Find Anything in Seconds — With Search, Filter, and Sort That Just Works. Give your users a faster, smarter way to explore your WordPress or WooCommerce site. Create intuitive product filters, keyword search, and fully AJAX-powered sorting to help shoppers find the right products in seconds.
							</p>
						</div>
						<div class="unlock-pro-button-section">
							<a class="underline" href="edit.php?post_type=sfs-set">
								Let's Start
							</a>
						</div>	
					</div>
				</div>
			</div>

			<!-- Import Export plugin -->
			<div class="sfs-dashboard-right-content">
				<div class="sfs-setup-guide-navtabcontent">
					<!-- Header Section -->
					<div class="setup-guide-section">
						<div class="setup-guide-data">
							<div class="setup-guide-title">
								<span>Set up Guide</span>
							</div>
							<p>
								Use SearchFilterSort to add powerful filtering and sorting to posts, products, listings, or any custom content—helping users find what they need faster.
							</p>
						</div>
						<div class="setup-content-data">
							<div class="setup-row">
								<div class="google-api-setting-guide">
									<h1>Getting Started</h1>
									<ul>
										<li><a href="https://www.searchfiltersort.com/how-to-add-a-search-filter-to-your-wordpress-site/" target="_blank">How to Add a Search Filter to Your WordPress Site?</a></li>
										<li><a href="https://www.searchfiltersort.com/how-to-use-filters-to-organize-your-blog-posts/" target="_blank">How to Use Filters to Organize Your Blog Posts?</a></li>
										<li><a href="https://www.searchfiltersort.com/optimize-woocommerce-store-with-advanced-search-filters/" target="_blank">How to Optimize Your WooCommerce Store with Advanced Search and Filters?</a></li>
										<li><a href="https://www.searchfiltersort.com/how-to-sort-woocommerce-products-by-price-or-rating/" target="_blank">How to Sort WooCommerce Products by Price or Rating?</a></li>
									</ul>
								</div>	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="sfs-dashboard-container sfs-dashboard-bottom-container">
			<div class="sfs-dashboard-related-plugins">
				<div class="sfs-import-export-plugins">
					<h1 class="import-export-title">Automated Sync for WordPress Data with Google Sheets</h1>
					<div class="sfs-import-export-plugin-sections-div">
						<!-- WooCommerce -->
						<div class="import-export-plugin-section">
							
							<div class="import-export-plugin-info">
								    <div class="import-export-feature-img">
										<img src="<?php echo esc_url( SFS_PLUGIN_DIR_URL . 'assets/img/woocommerce-icon.svg' ); ?>">
									</div>
									<div class="import-export-box-border">
										<div class="import-export-pro-content">
											<h1>WPSyncSheets For WooCommerce</h1>
										</div>
											<p class="text">Sync WooCommerce submissions with Google Sheets. Automate data management through real-time imports and exports.</p>
								
										<div class="import-export-button-section">							
											<a class="underline" href="https://www.wpsyncsheets.com/wpsyncsheets-for-woocommerce/" target="_blank">
												View Plugin
											</a>	
										</div>
									</div>
							</div>
						</div>

						<!-- Elementor -->
						<div class="import-export-plugin-section">
							
							<div class="import-export-plugin-info">
									<div class="import-export-box-border">
										<div class="import-export-pro-content">
											<h1>WPSyncSheets For Elementor</h1>
										</div>
											<p class="text">Sync Elementor Form submissions with Google Sheets. Automate data management through real-time exports.</p>
								
	                            						<div class="import-export-button-section">							
											<a class="underline" href="https://www.wpsyncsheets.com/wpsyncsheets-for-elementor/" target="_blank">
												View Plugin
											</a>	
										</div>
									</div>
									<div class="import-export-feature-img">
										<img src="<?php echo esc_url( SFS_PLUGIN_DIR_URL . 'assets/img/Elementor-icon.svg' ); ?>">
									</div>
							</div>
						</div>

						<!-- Contact Form -->
						<div class="import-export-plugin-section">
							
							<div class="import-export-plugin-info">
								    <div class="import-export-feature-img">
										<img src="<?php echo esc_url( SFS_PLUGIN_DIR_URL . 'assets/img/ContactForm-icon.svg' ); ?>">
									</div>
									<div class="import-export-box-border">
										<div class="import-export-pro-content">
											<h1>WPSyncSheets For Contact Form 7</h1>
										</div>
											<p class="text">Sync Contact Form 7 submissions with Google Sheets. Automate data management through real-time exports.</p>
								
										<div class="import-export-button-section">							
											<a class="underline" href="https://www.wpsyncsheets.com/wpsyncsheets-for-contact-form-7/" target="_blank">
												View Plugin
											</a>	
										</div>
									</div>
							</div>
						</div>

						<!-- Gravity Form -->	
						<div class="import-export-plugin-section">		
							<div class="import-export-plugin-info">    
									<div class="import-export-box-border">
										<div class="import-export-pro-content">
											<h1>WPSyncSheets For Gravity Forms</h1>
										</div>
											<p class="text">Sync Gravity Forms submissions with Google Sheets. Automate data management through real-time exports.</p>
								
										<div class="import-export-button-section">							
											<a class="underline" href="https://www.wpsyncsheets.com/wpsyncsheets-for-gravity-forms/" target="_blank">
												View Plugin
											</a>	
										</div>
									</div>
									<div class="import-export-feature-img">
										<img src="<?php echo esc_url( SFS_PLUGIN_DIR_URL . 'assets/img/GravityForms-icon.svg' ); ?>">
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        </div>
</div>