<section class="section position-relative about-banner">
			<div class="container position-relative z-2">

				<!-- Section Header -->
				<div class="section-header d-flex align-items-center justify-content-center flex-wrap gap-3 mb-5">
					<div class="text-center">
						<h2 class="title">Welcome to Craftesty, discover and book trusted services.</h2>
						<p>We’re building a smarter way to connect customers with skilled professionals across categories like home maintenance, beauty, cleaning, electronics repair, and more. Whether you're looking for a quick fix or expert service, our platform helps you find verified providers near you  fast, reliable, and hassle-free.</p>
					</div>
				</div>
				<!-- Section Header End -->
				<img src="/frontend/assets/img/about/about-us-01.jpg" alt="about-us" class="img-fluid mb-5 rounded">

				<!-- row start -->
				 <div class="row row-gap-4">
					<div class="col-lg-4 d-flex">
						<div class="card mb-0 flex-fill shadow-sm">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<span class="avatar avatar-xl rounded-circle bg-secondary flex-shrink-0 p-3 me-2"><img src="/frontend/assets/img/icons/shield.svg" alt="icon" class="img-fluid"></span>
									<div>
										<h6>Excellence in every detail</h6>
										<p>Empowering local service providers with digital tools to grow businesses</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 d-flex">
						<div class="card mb-0 flex-fill shadow-sm">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<span class="avatar avatar-xl rounded-circle bg-success flex-shrink-0 p-3 me-2"><img src="/frontend/assets/img/icons/handshake.svg" alt="icon" class="img-fluid"></span>
									<div>
										<h6>Trust built on transparency</h6>
										<p>Ensuring quality and trust through verified reviews, transparent pricing</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 d-flex">
						<div class="card mb-0 flex-fill shadow-sm">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<span class="avatar avatar-xl rounded-circle bg-pink flex-shrink-0 p-3 me-2"><img src="/frontend/assets/img/icons/idea.svg" alt="icon" class="img-fluid"></span>
									<div>
										<h6>Growth driven by creativity</h6>
										<p>Simplifying the booking experience for customers through technology</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				 </div>
				<!-- row end -->

			</div>
			<img src="/frontend/assets/img/bg/about-bg-01.png" alt="bg" class="img-fluid about-bg-one d-none d-lg-flex">
			<img src="/frontend/assets/img/bg/about-bg-02.png" alt="bg" class="img-fluid about-bg-two d-none d-lg-flex">
		</section>