{# Knowledge Hub / Blog Preview Section #}
<section class="asocut-knowledge-hub py-5 bg-light">
	<div class="container">
		<div class="row mb-5">
			<div class="col-lg-8">
				<h2 class="section-title">Knowledge Hub</h2>
				<p class="section-subtitle">Expert tips, guides, and industry insights</p>
			</div>
			<div class="col-lg-4 text-lg-end">
				<a href="#" class="btn btn-primary">View All Articles</a>
			</div>
		</div>

		<div class="row g-4">
			<div class="col-lg-4 col-md-6">
				<article class="blog-card">
					<div class="blog-image">
						<img src="{{ asset('bundles/storefront/assets/img/placeholder/image-placeholder.svg', 'asset') }}" alt="Blog Post">
						<span class="blog-category">Tutorial</span>
					</div>
					<div class="blog-content">
						<div class="blog-meta">
							<span>
								<i class="bi bi-calendar3"></i>
								Nov 20, 2025</span>
							<span>
								<i class="bi bi-clock"></i>
								5 min read</span>
						</div>
						<h4>Choosing the Right Drill Bit for Different Materials</h4>
						<p>Learn which drill bit types work best for metal, wood, concrete, and composite materials.</p>
						<a href="#" class="read-more">Read More
							<i class="bi bi-arrow-right"></i>
						</a>
					</div>
				</article>
			</div>

			<div class="col-lg-4 col-md-6">
				<article class="blog-card">
					<div class="blog-image">
						<img src="{{ asset('bundles/storefront/assets/img/placeholder/image-placeholder.svg', 'asset') }}" alt="Blog Post">
						<span class="blog-category">Guide</span>
					</div>
					<div class="blog-content">
						<div class="blog-meta">
							<span>
								<i class="bi bi-calendar3"></i>
								Nov 18, 2025</span>
							<span>
								<i class="bi bi-clock"></i>
								8 min read</span>
						</div>
						<h4>Maintaining Your Router Bits: Best Practices</h4>
						<p>Essential maintenance tips to extend the life of your router bits and ensure precision cuts.</p>
						<a href="#" class="read-more">Read More
							<i class="bi bi-arrow-right"></i>
						</a>
					</div>
				</article>
			</div>

			<div class="col-lg-4 col-md-6">
				<article class="blog-card">
					<div class="blog-image">
						<img src="{{ asset('bundles/storefront/assets/img/placeholder/image-placeholder.svg', 'asset') }}" alt="Blog Post">
						<span class="blog-category">Industry News</span>
					</div>
					<div class="blog-content">
						<div class="blog-meta">
							<span>
								<i class="bi bi-calendar3"></i>
								Nov 15, 2025</span>
							<span>
								<i class="bi bi-clock"></i>
								6 min read</span>
						</div>
						<h4>2025 Tool Industry Trends and Innovations</h4>
						<p>Discover the latest technological advances in construction and manufacturing tools.</p>
						<a href="#" class="read-more">Read More
							<i class="bi bi-arrow-right"></i>
						</a>
					</div>
				</article>
			</div>
		</div>
	</div>
</section>