@include('header') 

 <!-- ======= srart Breadcrumbs ======= -->
  <section class="breadcrumbs py-4" data-aos="fade-up" data-aos-delay="200">
    <div class="container">
      <ol>
        <li><a href="{{ url('/') }}">Home</a></li>
        <li>service</li>
      </ol>
      <h2 class="title">Services</h2>
      <p class="col-lg-10 col-12">
Zinaxi offers tailored tech solutions, driving innovation and growth for businesses.
      </p>
    </div>
  </section><!-- End Breadcrumbs -->



 <!-- ============== Start services section ========== -->
  <section class="container services py-5" id="services">
    <div class="heading">
      <span class="pretitle" data-aos="fade-up">
        our services
      </span>
      <h2 class="title col-lg-10 col-12" data-aos="fade-up" data-aos-delay="100">
        What We’re Offering?
      </h2>
      <p class="col-lg-7 col-12" data-aos="fade-up" data-aos-delay="150">
At Zinaxi, we specialize in tailored web development solutions for startups, optimizing workflows and boosting productivity to turn your vision into a precise, reliable reality.
      </p>
    </div>
    <div class="row gy-4 gx-4 ">
      <!-- service number 1 -->
      <div class="col-md-6 col-12 col-lg-4 mx-auto ">
        <div class="box box-service box-hover " data-aos="fade-right" data-aos-delay="250">
          <div class="box-icon my-2">
            <i class="bi bi-code-slash"></i>
          </div>
          <h2 class="title-2 my-2 ">web development</h2>
          <p>Building innovative, user-friendly websites designed to drive success and boost your online presence!</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
      <div class=" col-md-6 col-lg-4 mx-auto" data-aos="fade-down" data-aos-delay="200">
        <!-- service number 2 -->
        <div class="box box-service box-hover ">
          <div class="box-icon my-2">
            <i class="bi bi-megaphone-fill"></i>
          </div>
          <h2 class="title-2 my-2 ">Digital Marketing</h2>
          <p>Creating impactful campaigns that resonate with your audience and enhance your brand's visibility!</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
      <div class="col-md-6 col-lg-4 mx-auto" data-aos="fade-left" data-aos-delay="250">
        <!-- service number 3 -->
        <div class="box box-service box-hover">
          <div class="box-icon my-2">
            <i class="bi bi-search"></i>
          </div>
          <h2 class="title-2 my-2 ">SEO Services</h2>
          <p>Unlock your website's potential with Zinaxi, one of Pakistan's top SEO services, enhancing search rankings and attracting quality leads.</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
      <div class=" col-md-6 col-lg-4 mx-auto" data-aos="fade-right" data-aos-delay="350">
        <!-- service number 4 -->
        <div class="box box-service box-hover">
          <div class="box-icon my-2">
            <i class="bi bi-robot"></i>
          </div>
          <h2 class="title-2 my-2 ">Custom AI Development</h2>
          <p>Tailored AI solutions designed to meet your specific business needs, from predictive analytics to natural language processing.</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
      <div class=" col-md-6 col-lg-4 mx-auto" data-aos="fade-up" data-aos-delay="300">
        <!-- service number 5 -->
        <div class="box  box-service box-hover">
          <div class="box-icon my-2">
            <i class="bi bi-palette-fill"></i>
          </div>
          <h2 class="title-2 my-2 ">Graphic Design</h2>
          <p>Transform your brand with stunning graphics from Zinaxi, captivating visuals that engage and inspire your audience</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
      <div class=" col-md-6  col-lg-4 mx-auto ">
        <!-- service number 6 -->
        <div class="box box-service box-hover" data-aos="fade-left" data-aos-delay="350">
          <div class="box-icon my-2">
            <i class="bi bi-android2"></i>
          </div>
          <h2 class="title-2 my-2 ">apps developement</h2>
          <p>Zinaxi is a leading company for app development, specializing in iOS and Android solutions that deliver seamless user experiences and drive engagement.</p>
          <a href="service-single.html" class="my-2 learn-more">view more <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>
  <!-- ============== End services section ========== -->


 @include('footer')