<?php include ('includes/header.php') ?>

<section class="breadcrumb-section" style="position:relative; background-image:url('assets/images/banner3.jpg'); background-size:cover; background-position:center; padding:80px 0;">
  <div style="position:absolute; inset:0; background: rgb(76 30 91 / 76%);"></div>
  <div class="container" style="position:relative; z-index:2; color:#fff;">
    <h1 class="mb-2">Services</h1>
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb" style="background:transparent; padding:0; margin:0;">
        <li class="breadcrumb-item"><a href="/" style="color:rgba(255,255,255,0.9); text-decoration:none;">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page" style="color:#fff;">Services</li>
      </ol>
    </nav>
  </div>
</section>

<section class="services-content py-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-5">
        <img src="assets/images/service-img.jpg" class="img-fluid" alt="VaRaHaTechsole Services">
      </div>
      <div class="col-md-7 text-light">
        <h2>VaRaHaTechsole Services</h2>
        <p>VaRaHaTechsole, founded in 2016, is an innovator in robotic tank inspections and delivers data-driven inspection services across the globe.</p>

        <p>Through development of autonomous, submersible inspection platforms, advanced data acquisition and processing, we provide a full suite of services for above-ground storage tanks and related assets.</p>
      </div>
    </div>
  </div>
</section>

<!-- Services Cards -->
<style>
</style>

<section class="py-5 services-grid">
  <div class="container">
    <div class="row justify-content-center mb-4">
      <div class="col-md-8 text-center text-light">
        <h2 class="mb-2">What we offer</h2>
        <p class="">Practical, field-proven inspection services and actionable reporting tailored to your asset and operational needs.</p>
      </div>
    </div>

    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2">
      <div class="col mb-4">
        <div class="card service-card shadow-sm h-100 text-center">
          <div class="card-body">
            <div class="service-icon" style="background:linear-gradient(135deg,#4c1e5b,#6f2aa0); margin:0 auto; width:88px; height:88px; border-radius:14px;">
              <i class="fa fa-robot"></i>
            </div>
            <h5 class="service-title mt-3">Robotic Tank Inspections</h5>
            <p class="service-desc">Non-intrusive, on-stream internal inspections using autonomous submersible robots to collect high-resolution data.</p>
          </div>
        </div>
      </div>

      <div class="col mb-4">
        <div class="card service-card shadow-sm h-100 text-center">
          <div class="card-body">
            <div class="service-icon" style="background:linear-gradient(135deg,#0d6efd,#3aa0ff); margin:0 auto; width:88px; height:88px; border-radius:14px;">
              <i class="fa fa-chart-line"></i>
            </div>
            <h5 class="service-title mt-3">Data Analysis &amp; Reporting</h5>
            <p class="service-desc">Actionable reports, condition scoring and trend analysis from inspection data to support maintenance decisions.</p>
          </div>
        </div>
      </div>

      <div class="col mb-4">
        <div class="card service-card shadow-sm h-100 text-center">
          <div class="card-body">
            <div class="service-icon" style="background:linear-gradient(135deg,#198754,#6bd39a); margin:0 auto; width:88px; height:88px; border-radius:14px;">
              <i class="fa fa-cogs"></i>
            </div>
            <h5 class="service-title mt-3">Autonomous Inspection Systems</h5>
            <p class="service-desc">Design, integration and deployment of autonomous platforms tailored to your inspection requirements.</p>
          </div>
        </div>
      </div>

      <div class="col mb-4">
        <div class="card service-card shadow-sm h-100 text-center">
          <div class="card-body">
            <div class="service-icon" style="background:linear-gradient(135deg,#fd7e14,#ffb86b); margin:0 auto; width:88px; height:88px; border-radius:14px;">
              <i class="fa fa-chalkboard-teacher"></i>
            </div>
            <h5 class="service-title mt-3">Field Support &amp; Training</h5>
            <p class="service-desc">On-site deployment support, operator training and maintenance services to ensure safe, repeatable inspections.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<?php include ('includes/footer.php') ?>
