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

<section class="breadcrumb-section" style="position:relative; background-image:url('assets/images/banner2.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">About Us</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;">About</li>
      </ol>
    </nav>
  </div>
</section>

<section class="about-content py-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-5">
        <img src="assets/images/about-img2.jpg" class="img-fluid">
      </div>
      <div class="col-md-7">
        <h2>VaRaHaTechsole</h2>
        <p>VaRaHaTechsole, founded in 2016, is an innovator in the world of robotic tank inspections, providing leading edge on-stream, internal tank inspections across the globe.</p>

        <p>Through its development of autonomous, submersible robotic inspection technology, data acquisition, and processing, VaRaHaTechsole is uniquely positioned to provide data driven solutions in an ever-growing range of industries, above ground storage tanks, and the products they store.</p>
      </div>
    </div>
  </div>
</section>

<section class="team-section py-5">
  <div class="container">
    <div class="row justify-content-center mb-4">
      <div class="col-md-8 text-center">
        <h2 class="mb-2">Our Team</h2>
        <p class="">A small, dedicated team delivering data-driven robotic inspection solutions and exceptional field execution.</p>
      </div>
    </div>

    <div class="row gy-4">
      <div class="col-6 col-md-3">
        <div class="card team-card shadow-sm text-center p-3">
          <div class="team-img" style="background-image:url('assets/images/team1.jpg');"></div>
          <div class="card-body p-0">
            <div class="team-name">Arun Varaha</div>
            <div class="team-role">Founder &amp; CEO</div>
            <div class="team-social mt-2">
              <a href="#" aria-label="LinkedIn"><i class="fa fa-linkedin"></i></a>
              <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="card team-card shadow-sm text-center p-3">
          <div class="team-img" style="background-image:url('assets/images/team2.jpg');"></div>
          <div class="card-body p-0">
            <div class="team-name">Priya Sharma</div>
            <div class="team-role">Chief Technology Officer</div>
            <div class="team-social mt-2">
              <a href="#" aria-label="LinkedIn"><i class="fa fa-linkedin"></i></a>
              <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="card team-card shadow-sm text-center p-3">
          <div class="team-img" style="background-image:url('assets/images/team3.jpg');"></div>
          <div class="card-body p-0">
            <div class="team-name">Rahul Singh</div>
            <div class="team-role">Head of R&amp;D</div>
            <div class="team-social mt-2">
              <a href="#" aria-label="LinkedIn"><i class="fa fa-linkedin"></i></a>
              <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-6 col-md-3">
        <div class="card team-card shadow-sm text-center p-3">
          <div class="team-img" style="background-image:url('assets/images/team4.jpg');"></div>
          <div class="card-body p-0">
            <div class="team-name">Maya Rao</div>
            <div class="team-role">Operations Manager</div>
            <div class="team-social mt-2">
              <a href="#" aria-label="LinkedIn"><i class="fa fa-linkedin"></i></a>
              <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

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