<?
	include_once $_SERVER['DOCUMENT_ROOT'] . "/lib/lib.php";
	
	$pageTitle = "Online Tools by Category";
	$pageDescription = "Browse free online tools by category including text tools, developer tools, generators, calculators, and converters on ToolsMeet.";
	$seoCanonical = "https://toolsmeet.com/tools/";

	include_once $_SERVER['DOCUMENT_ROOT'] . "/inc/tools/tool-list-helper.php";
	include_once $_SERVER['DOCUMENT_ROOT'] . "/inc/header.html";

	$toolCategories = getToolCategories();

	$popularTools = [
		[
			'url' => '/tools/text-tools/word-counter/',
			'badge' => 'Text Tools',
			'name' => 'Word Counter',
			'description' => 'Count words, characters, lines, and text length instantly.'
		],
		[
			'url' => '/tools/developer-tools/json-formatter/',
			'badge' => 'Developer Tools',
			'name' => 'JSON Formatter',
			'description' => 'Format, beautify, and validate JSON data for development work.'
		],
		[
			'url' => '/tools/image-tools/ai-image-enhancer/',
			'badge' => 'Image Tools',
			'name' => 'AI Image Enhancer',
			'description' => 'Enhance blurry or low-quality images with upscale, sharpen, and denoise controls.'
		],
		[
			'url' => '/tools/image-tools/image-converter/',
			'badge' => 'Image Tools',
			'name' => 'Image Converter',
			'description' => 'Convert images between JPG, PNG, and WEBP formats directly in your browser.'
		],
		[
			'url' => '/tools/generators/qr-code-generator/',
			'badge' => 'Generators',
			'name' => 'QR Code Generator',
			'description' => 'Create QR codes quickly for links, text, and contact details.'
		],
		[
			'url' => '/tools/calculators/percentage-calculator/',
			'badge' => 'Calculators',
			'name' => 'Percentage Calculator',
			'description' => 'Calculate percentage values, rates, and increase or decrease quickly.'
		]
	];

	$latestTools = [
		[
			'url' => '/tools/image-tools/image-resizer/',
			'badge' => 'New',
			'name' => 'Image Resizer',
			'description' => 'Resize images by width, height, or percentage with instant preview and download.'
		],
		[
			'url' => '/tools/image-tools/image-converter/',
			'badge' => 'New',
			'name' => 'Image Converter',
			'description' => 'Convert JPG, PNG, and WEBP images directly in your browser without upload.'
		],
		[
			'url' => '/tools/image-tools/background-remover/',
			'badge' => 'New',
			'name' => 'Background Remover',
			'description' => 'Remove backgrounds from photos, logos, and signatures with simple processing modes.'
		],
		[
			'url' => '/tools/image-tools/image-compressor/',
			'badge' => 'New',
			'name' => 'Image Compressor',
			'description' => 'Reduce image file size while maintaining quality for web and uploads.'
		],
		[
			'url' => '/tools/image-tools/image-upscaler/',
			'badge' => 'New',
			'name' => 'Image Upscaler',
			'description' => 'Upscale images for higher resolution while preserving visual clarity.'
		],
		[
			'url' => '/tools/image-tools/face-enhancer/',
			'badge' => 'New',
			'name' => 'Face Enhancer',
			'description' => 'Enhance facial details with natural and balanced image improvements.'
		],
		[
			'url' => '/tools/image-tools/old-photo-restoration/',
			'badge' => 'New',
			'name' => 'Old Photo Restoration',
			'description' => 'Restore old or damaged photos with practical cleanup and visual repair.'
		],
		[
			'url' => '/tools/developer-tools/json-key-extractor/',
			'badge' => 'New',
			'name' => 'JSON Key Extractor',
			'description' => 'Extract JSON keys instantly to inspect structure and field names.'
		],
		[
			'url' => '/tools/developer-tools/csv-row-filter/',
			'badge' => 'New',
			'name' => 'CSV Row Filter',
			'description' => 'Filter CSV rows quickly using keywords and simple match conditions.'
		],
		[
			'url' => '/tools/developer-tools/base64-to-image/',
			'badge' => 'New',
			'name' => 'Base64 to Image',
			'description' => 'Convert Base64 image data into a visible preview instantly.'
		],
		[
			'url' => '/tools/generators/password-generator-advanced/',
			'badge' => 'New',
			'name' => 'Advanced Password Generator',
			'description' => 'Generate secure passwords with custom rules, length, and character options.'
		]
	];
?>

<body>

	<div class="nav-menu">
	<div class="bg transition">
		<div class="container-fluid fixed">
			<div class="row">
				<div class="col-md-12">
					<nav class="navbar navbar-expand-lg navbar-light">
						<a class="navbar-brand" href="/">ToolsMeet</a>

						<button
							class="navbar-toggler"
							type="button"
							data-toggle="collapse"
							data-target="#navbarNavDropdown"
							aria-controls="navbarNavDropdown"
							aria-expanded="false"
							aria-label="Toggle navigation"
						>
							<span class="icon-menu"></span>
						</button>

						<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
							<ul class="navbar-nav">

								<li class="nav-item">
									<a class="nav-link" href="/">Home</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/">All Tools</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/text-tools/">Text Tools</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/developer-tools/">Developer Tools</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/generators/">Generators</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/calculators/">Calculators</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="/tools/converters/">Converters</a>
								</li>
								
								<li class="nav-item">
									<a class="nav-link" href="/tools/image-tools/">Image Tools</a>
								</li>

							</ul>
						</div>
					</nav>
				</div>
			</div>
		</div>
	</div>
</div>
	<section class="slider d-flex align-items-center">
		<div class="container">
			<div class="row d-flex justify-content-center">
				<div class="col-md-12">
					<div class="slider-title_box">
						<div class="row">
							<div class="col-md-12">
								<div class="slider-content_wrap text-center">
									<h2>Free Online Tools for Everyday Tasks</h2>
									<h5>Simple tools for text, developers, generators, calculators, and converters.</h5>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	<section class="main-block py-5" id="tool-collections">
		<div class="container">

			<div class="row justify-content-center">
				<div class="col-md-6">
					<div class="styled-heading">
						<h3>Explore Tool Collections</h3>
						<p>Browse all tools by category and jump into the collection you need.</p>
					</div>
				</div>
			</div>

			<div class="row">

				<? foreach ($toolCategories as $category): ?>
				<div class="col-md-4 mb-4">
					<a href="/tools//" class="tool-card-link">
						<div class="card tool-index-card h-100">
							<div class="card-body">
								<span class="tool-index-badge">Collection</span>
								<h3 class="tool-index-title"></h3>
								<p class="tool-index-desc">
																	</p>
							</div>
						</div>
					</a>
				</div>
				<? endforeach; ?>

			</div>

		</div>
	</section>


	<section class="main-block bg-light py-5" id="popular-tools">
		<div class="container">

			<div class="row justify-content-center">
				<div class="col-md-6">
					<div class="styled-heading">
						<h3>Popular Tools</h3>
						<p>Start with some of the most useful tools on ToolsMeet.</p>
					</div>
				</div>
			</div>

			<div class="row">

				<? foreach ($popularTools as $tool): ?>
				<div class="col-md-4 mb-4">
					<a href="" class="tool-card-link">
						<div class="card tool-index-card h-100">
							<div class="card-body">
								<span class="tool-index-badge"></span>
								<h3 class="tool-index-title"></h3>
								<p class="tool-index-desc">
																	</p>
							</div>
						</div>
					</a>
				</div>
				<? endforeach; ?>

			</div>

		</div>
	</section>


	<section class="main-block py-5" id="latest-tools">
		<div class="container">

			<div class="row justify-content-center">
				<div class="col-md-6">
					<div class="styled-heading">
						<h3>Latest Tools</h3>
						<p>Recently added tools from the newest calculator and converter categories.</p>
					</div>
				</div>
			</div>

			<div class="row">

				<? foreach ($latestTools as $tool): ?>
				<div class="col-md-4 mb-4">
					<a href="" class="tool-card-link">
						<div class="card tool-index-card h-100">
							<div class="card-body">
								<span class="tool-index-badge"></span>
								<h3 class="tool-index-title"></h3>
								<p class="tool-index-desc">
																	</p>
							</div>
						</div>
					</a>
				</div>
				<? endforeach; ?>

			</div>

		</div>
	</section>


	<footer class="main-block dark-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">

				<div class="footer-links mb-2">
					<a href="/about/">About</a>
					<span class="footer-divider">|</span>
					<a href="/contact/">Contact</a>
					<span class="footer-divider">|</span>
					<a href="/privacy-policy/">Privacy Policy</a>
					<span class="footer-divider">|</span>
					<a href="/terms/">Terms of Service</a>
				</div>

				<div class="copyright">
					<p>Copyright &copy; 2026 ToolsMeet. All rights reserved.</p>
				</div>

			</div>
		</div>
	</div>
</footer>	<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

<script>
	$(window).scroll(function() {
		if ($(window).scrollTop() > 100) {
			$('.fixed').addClass('is-sticky');
		} else {
			$('.fixed').removeClass('is-sticky');
		}
	});
</script>
</body>
</html>