index.html

---
layout: landing-page
---

<!-- Header -->
<!-- <div
  id="myCarousel"
  class="carousel slide banner-carousel"
  data-ride="carousel"
> -->
  <!-- Indicators -->
  <!-- <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>

  <div class="carousel-inner">
    <div class="item active">
      <img src="/img/home/agile-software-development-agency.jpg" alt="Los Angeles" />
      <div class="carousel-caption mb-150">
        <h1>We Build Full Stack, AI/ML and DevOps Solutions</h1>
        <p class="intro-sub-title">
          We are experts at building digital products
        </p>
      </div>
    </div>

    <div class="item">
      <img src="/img/home/codecrux-banner-10.jpg" alt="Chicago" />
      <div class="carousel-caption mb-150">
        <h1>Agile Software Development Agency</h1>
        <p class="intro-sub-title">Innovative, Quality & On-time</p>
      </div>
    </div>

    <div class="item">
      <img src="/img/home/codecrux-banner-2.jpg" alt="New york" />
      <div class="carousel-caption mb-150">
        <h1>We are your remote team</h1>
        <p class="intro-sub-title">Reliable, Talented & Smart</p>
      </div>
    </div>
  </div>

  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div> -->

<section class="banner">
  <div class="intro-text">
    <h1 class="intro-heading"><div class="intro-lead-in">We Create</div>Smart, Data-Driven and Outcome focussed Products</h1>
    <div class="intro-sub-text">
      <p class="for-text">for</p>
      <ul class="intro-sub-list">
        <li>Startups</li>
        <li>High Growth</li>
        <li>Enterprises</li>
      </ul>
    </div>
    <a href="/contact" class="page-scroll btn btn-know-more">Contact Us  &nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-angle-right fa-lg"></i></a>
  </div>
</section>

<div class="clearfix"></div>
<!-- {% include /technology.html %} -->
<div class="container">
  <hr class="pf-item-hr" />
</div>

{% include /what-we-do.html %}


<style>
    :root {
        /* CodeCrux inspired palette */
        --primary-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
        --glass-bg: rgba(255, 255, 255, 0.8);
    }

    .hero-section {
        padding: 40px 0;
        /* background-color: #9048fd; */
        overflow: hidden;
    }

    /* Left Side Content */
    .hero-content {
        padding-right: 2rem;
    }

    /* Right Side: Responsive Half-Card Container */
    .hero-card-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        perspective: 1000px;
    }

    .hero-img-card {
        position: relative;
        /* Desktop: Takes up 70% of its column to look like a floating "half-part" */
        width: 100%; 
        padding: 0px;
        border-radius: 20px; /* Ultra-round corners */
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        cursor: pointer;
        animation: float 5s ease-in-out infinite;
    }

    /* Hover Effect: Scale up, rotate slightly, and increase shadow */
    .hero-img-card:hover {
        transform: scale(1.05) rotateX(5deg) rotateY(-5deg);
        box-shadow: 0 30px 60px rgba(59, 130, 246, 0.4);
    }

    .hero-img-card img {
        width: 100%;
        border-radius: 20px; /* Matches the outer container padding */
        display: block;
    }

    /* Floating Animation */
    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-15px); }
    }

    /* Mobile Responsiveness */
    @media (max-width: 991.98px) {
        .hero-section {
            padding: 50px 0;
            text-align: center;
        }
        .hero-content {
            padding-right: 0;
            margin-bottom: 3rem;
        }
        .hero-img-card {
            width: 100%; /* Take full width on mobile for better visibility */
            border-radius: 30px;
        }
        .hero-img-card img {
            border-radius: 20px;
        }
        .justify-content-md-start {
            justify-content: center !important;
        }
    }

    /* Button Styling */
    .btn-gradient {
        background: var(--primary-gradient);
        color: #fff;
        border: none;
        border-radius: 50px;
        padding: 10px 35px;
        font-weight: 600;
        transition: 0.3s;
    }

    .btn-gradient:hover {
        opacity: 0.9;
        color: #fff;
        transform: translateY(-2px);
    }
</style>

  <div class="section-heading">
    <h2>Our SaaS Products</h2>
    <br />
    <center>
      <p>
        We've helped organizations across industries leverage our products for quick setup.
      </p>
    </center>
  </div>

  <section class="hero-section">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6 hero-content">
            <h1 class="display-5 fw-bold mb-4">Insightful 
              <span style="color: #3b82f6;">Revenue-Driving Call Intelligence with AI Platform</span></h1>
              <p class="lead mb-4">
                Semantic Intent Engine
                Stop searching for keywords like "cancel" or "happy." Our AI understands meaning. 
                It identifies frustration, urgency, and buying signals even if the customer never uses the specific words.
              </p>
              <ul>
              <li>1) Find exactly where calls went wrong in seconds</li>

              <li>2) Auto-tag competitor mentions across millions of calls</li>
              </ul>
              <br>
            <div class="d-grid d-md-flex justify-content-md-start gap-3">
                <a href="/insightful-call-intelligence-AI-platform.html" target="_blank">
                  <button class="btn btn-gradient btn-lg">View More Details</button>
                </a>
            </div>
        </div>

        <div class="col-lg-6 hero-card-wrapper">
          <a href="/insightful-call-intelligence-AI-platform.html" target="_blank">
            <div class="hero-img-card">
                <img src="/img/insightful-call-intelligence-AI-platform.webp" alt="App Screenshot" class="img-fluid">
            </div>
          </a>
        </div>
        <br>
      </div>
    </div>
  </section>

  <section class="hero-section">
    <div class="container">
      <div class="row align-items-center">

             <div class="col-lg-6 hero-card-wrapper">
          <a href="https://blinkcrm.in/" target="_blank">
            <div class="hero-img-card">
                <img src="/img/blinkcrm.webp" alt="App Screenshot" class="img-fluid">
            </div>
          </a>
        </div>

        <div class="col-lg-6 hero-content">
            <h1 class="display-5 fw-bold mb-4">BlinkCRM 
              <span style="color: #3b82f6;">Turn Your LinkedIn Network into Leads. </span></h1>
              <p class="lead mb-4">
                BlinkCRM is the AI-powered platform to automate lead nurturing, personalize outreach, 
                and close deals faster, directly from your LinkedIn connections.
                 No more manual data entry. No more generic emails. Just results.
              </p>
              <br>
            <div class="d-grid d-md-flex justify-content-md-start gap-3">
                <a href="https://blinkcrm.in/" target="_blank">
                  <button class="btn btn-gradient btn-lg">View More Details</button>
                </a>
            </div>
        </div>

   
        <br>
      </div>
    </div>
  </section>

  <section class="hero-section">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6 hero-content">
            <h1 class="display-5 fw-bold mb-4">Razorops 
              <span style="color: #3b82f6;">Kubernetes Performance and Cost Optimization using AI</span></h1>
              <p class="lead mb-4">
                The intelligent AI platform that continuously tunes your Kubernetes
                 clusters for peak performance at the lowest possible cost. Automatically.
              </p>
              <br>
            <div class="d-grid d-md-flex justify-content-md-start gap-3">
                <a href="https://razorops.com/" target="_blank">
                  <button class="btn btn-gradient btn-lg">View More Details</button>
                </a>
            </div>
        </div>

        <div class="col-lg-6 hero-card-wrapper">
          <a href="https://razorops.com/" target="_blank">
            <div class="hero-img-card">
                <img src="/img/razorops-kubecost.webp" alt="App Screenshot" class="img-fluid">
            </div>
          </a>
        </div>
        <br>
      </div>
    </div>
  </section>




<!-- <section
  id="focus-areas"
  class="features-wraper"
  style="padding: 1px !important"
>
  <div class="features-wraper-head">
    <div class="section-heading">
      <h2>Industries we've worked</h2>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-sm-12"></div>
      <img
        src="/img/home/codecrux-product-industries.png"
        alt="codecrux product industries"
        width="100%"
        style="margin-top: -60px"
      />
    </div>
  </div>
</section> -->

<!-- Portfolio Grid Section -->
<section id="portfolio" class="portfolio-wrap">
  <br />
  <div class="section-heading">
    <h2>Our Clients</h2>
    <br />
    <center>
      <p>
        We've helped organizations across industries leverage the web and mobile
        for their business goals.
      </p>
    </center>
  </div>

  <div class="container">
    <div class="row text-center">
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/yaxis.jpg" alt="Y-Axis" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/novartis.png"
          alt="novartis"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/comakeit.jpg"
          alt="ComakeIT"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/tech-mahindre.jpg"
          alt="Tech Mahindra"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/hclub.jpg" alt="Hclub" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/barknlounge.jpg"
          alt="Barknlounge"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/hiredgrad.jpg"
          alt="Hiredgrad"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/zaggle.jpg" alt="Zaggle" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/auzmor.png" alt="auzmor" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/maverick.jpg"
          alt="Maverick"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/cantileverlabs.png"
          alt="cantileverlabs"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/1dossier.png"
          alt="1dossier"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/apposite.png"
          alt="apposite"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/teepublic.png"
          alt="teepublic"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/proarch.png" alt="proarch" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/predera.png" alt="predera" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img src="/img/clients/minibar.png" alt="minibar" class="client-logo" />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/migrocer.png"
          alt="migrocer"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/dbmtgroup.png"
          alt="dbmtgroup"
          class="client-logo"
        />
      </div>
      <div class="col-sm-3 col-xs-6">
        <img
          src="/img/clients/university-of-hyderabad.jpg"
          alt="university of hyderabad"
          class="client-logo"
        />
      </div>
    </div>
  </div>
</section>

<div class="module-border-wrap">
  <div class="module">{% include /testimonial.html %}</div>
</div>

<!-- {% include /products.html %}  -->
{% include /articles.html %} 

<br>
<br>
<br>