<?php $__env->startSection('jsonld'); ?>
<script type="application/ld+json">
<?php echo json_encode([
    '<?php $__contextArgs = [];
if (context()->has($__contextArgs[0])) :
if (isset($value)) { $__contextPrevious[] = $value; }
$value = context()->get($__contextArgs[0]); ?>' => 'https://schema.org',
    '@graph' => [
        [
            '@type' => 'BreadcrumbList',
            'itemListElement' => [
                ['@type' => 'ListItem', 'position' => 1, 'name' => 'Home', 'item' => url('/')],
                ['@type' => 'ListItem', 'position' => 2, 'name' => 'About', 'item' => url('/about')],
            ],
        ],
        [
            '@type' => 'Organization',
            '@id' => url('/') . '#organization',
            'name' => 'Nexatech',
            'url' => url('/'),
            'logo' => ['@type' => 'ImageObject', 'url' => asset('images/favicon.ico')],
            'description' => $seo['description'],
            'foundingDate' => '2019',
            'numberOfEmployees' => ['@type' => 'QuantitativeValue', 'minValue' => 10, 'maxValue' => 50],
        ],
    ],
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE); ?>

</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<!-- ━━━━━━━━ PAGE BANNER ━━━━━━━━
     Design rationale:
     · Mirrors hero section structure: eyebrow → H1 → sub → stat strip
     · Dot-grid overlay identical to homepage hero-dots
     · Top accent line (single-color, no gradient color)
     · Large ghost BG text for visual depth without imagery
     · Stat strip reuses trust-bar pattern in b&w
-->
<section class="about-banner" id="about" aria-label="About us banner">
  <div class="about-banner-dots" aria-hidden="true"></div>
  <div class="about-banner-bg-text" aria-hidden="true">About</div>

  <div class="container">
    <div class="row align-items-center gy-5">
      <div class="col-lg-10 col-xl-8 about-banner-content">
        <div class="about-eyebrow" data-anim="fade-up">
          <div class="about-eyebrow-line"></div>
          Who We Are
        </div>

        <h1 class="about-h1">
          Built to<br>
          <span>Build</span> What<br>
          Matters.
        </h1>

        <p class="about-banner-sub">
          Nexa Tech is a software engineering studio founded on the belief that great technology starts with deep understanding — of your business, your users, and your ambitions.
        </p>

        <div class="about-stat-strip" role="region" aria-label="Company statistics">
          <div class="about-stat">
            <span class="about-stat-num">2015</span>
            <span class="about-stat-lbl">Year Founded</span>
          </div>
          <div class="about-stat">
            <span class="about-stat-num">50+</span>
            <span class="about-stat-lbl">Projects Delivered</span>
          </div>
          <div class="about-stat">
            <span class="about-stat-num">98%</span>
            <span class="about-stat-lbl">Client Satisfaction</span>
          </div>
          <div class="about-stat">
            <span class="about-stat-num">7+</span>
            <span class="about-stat-lbl">Years Experience</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ COMPANY OVERVIEW — LIGHT ━━━━━━━━
     Design rationale:
     · Light section background mirrors homepage services-sec
     · Two-column grid: editorial lead copy left / KPI column right
     · Vertical rule divider for visual separation (no color)
     · Typography hierarchy: large lead → body copy
-->
<section class="overview-sec" aria-label="Company overview">
  <div class="container">
    <div class="row gy-5 align-items-start">

      <!-- Left: editorial copy -->
      <div class="col-lg-7" data-anim="fade-right">
        <div class="label-bw-lt">
          <i class="fas fa-building"></i> Our Story
        </div>
        <p class="overview-lead">
          We're a team of engineers, designers, and strategists who turn complex challenges into
          <span class="light-text-grad">elegant, lasting software.</span>
        </p>
        <p class="overview-body" style="margin-bottom:1.5rem">
          Nexa Tech was founded with a clear purpose: to bring the discipline of great engineering to businesses that deserve better software. From our first project to our fiftieth, our approach has remained the same — understand the problem deeply, design for longevity, and build with precision.
        </p>
        <p class="overview-body">
          We work across industries — from finance and healthcare to logistics and SaaS — delivering software that performs under pressure, scales with growth, and earns the trust of the people who use it every day. No off-the-shelf shortcuts. No bloated feature lists. Just software that does exactly what it needs to do, and does it well.
        </p>
      </div>

      <!-- Divider -->
      <div class="col-lg-1 d-none d-lg-flex justify-content-center">
        <div class="overview-divider"></div>
      </div>

      <!-- Right: KPI column -->
      <div class="col-lg-4" data-anim="fade-left" data-delay="150">
        <div class="overview-kpi">
          <div class="overview-kpi-num">50+</div>
          <div class="overview-kpi-label">Products Shipped Across 12 Industries</div>
        </div>
        <div class="overview-kpi">
          <div class="overview-kpi-num">7</div>
          <div class="overview-kpi-label">Years of Focused Engineering Excellence</div>
        </div>
        <div class="overview-kpi">
          <div class="overview-kpi-num">∞</div>
          <div class="overview-kpi-label">Commitment to Long-Term Partnerships</div>
        </div>
      </div>

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


<!-- ━━━━━━━━ VISION & MISSION — DARK ━━━━━━━━
     Design rationale:
     · Dark section (matches homepage dark sections)
     · Two-column grid separated by vertical 1px line divider (no colour)
     · vm-label uses horizontal rule extension for editorial feel
     · Framed content blocks use subtle border + background (no colour)
     · Replaces brand colour with structural emphasis
-->
<section class="vm-sec" id="vision-mission" aria-label="Vision and mission">
  <div class="container">

    <!-- Section intro centered above grid -->
    <div class="text-center mb-5 pb-2" data-anim="fade-up">
      <div class="label-bw">
        <i class="fas fa-compass"></i> Direction
      </div>
      <h2 class="sec-h h-dk">Where We're<br>Going &amp; <span class="t-serif dark-text-grad" >Why</span></h2>
    </div>

    <div class="vm-grid" data-anim="fade-up" data-delay="150">

      <!-- Vision -->
      <div class="vm-col">
        <div class="vm-label">Vision</div>
        <h3 class="vm-title">A world where software is a force for clarity, not complexity.</h3>
        <p class="vm-body">
          We envision a future where every business — regardless of size or sector — has access to software that is as powerful as it is intuitive. Technology that removes friction, enables better decisions, and gives teams the freedom to focus on what truly matters.
        </p>
        <div class="vm-frame">
          <div class="vm-frame-line">To raise the standard of software that businesses rely on.</div>
          <div class="vm-frame-line">To make reliability and elegance inseparable qualities.</div>
          <div class="vm-frame-line">To build trust through consistency, not promises.</div>
        </div>
      </div>

      <!-- Vertical divider -->
      <div class="vm-divider" aria-hidden="true"></div>

      <!-- Mission -->
      <div class="vm-col">
        <div class="vm-label">Mission</div>
        <h3 class="vm-title">Custom software for growing businesses, future ready.</h3>
        <p class="vm-body">
          Our mission is simple: build software that works. Not just at launch, but at scale — across edge cases, evolving teams, and changing requirements. We achieve this through rigorous engineering, honest communication, and a relentless focus on outcomes over output.
        </p>
        <div class="vm-frame">
          <div class="vm-frame-line">Build only what serves a genuine purpose.</div>
          <div class="vm-frame-line">Prioritise performance, security, and maintainability.</div>
          <div class="vm-frame-line">Treat every project as a long-term relationship.</div>
        </div>
      </div>

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


<!-- ━━━━━━━━ VALUES / APPROACH — LIGHT ━━━━━━━━
     Design rationale:
     · Light section for visual alternation
     · 3-column card grid reuses svc-layout grid pattern
     · Cards use border + spacing for emphasis — no colour fills
     · Top accent line on hover uses #0f172a (dark) for monochrome contrast
     · Large ghost numerals for editorial scale
-->
<section class="values-sec" id="values" aria-label="Our values">
  <div class="container">
    <div class="text-center mb-5" data-anim="fade-up">
      <div class="label-bw-lt">
        <i class="fas fa-layer-group"></i> Our Values
      </div>
      <h2 class="sec-h h-lt">The Principles<br>That <span class="light-text-grad">Guide</span> Us</h2>
      <p class="sec-p-lt mx-auto" style="max-width:500px">
        Every decision we make — technical or otherwise — is filtered through these six commitments.
      </p>
    </div>

    <div class="values-grid" data-anim="scale-in" data-delay="100">
      <div class="value-card">
        <div class="value-card-num">01</div>
        <div class="value-card-title">Precision Over Speed</div>
        <div class="value-card-body">We take the time to understand before we build. Shortcuts today become liabilities tomorrow — we'd rather do it right once.</div>
      </div>
      <div class="value-card">
        <div class="value-card-num">02</div>
        <div class="value-card-title">Radical Clarity</div>
        <div class="value-card-body">No jargon, no vague timelines, no hidden complexity. We communicate clearly at every stage — with clients and within our team.</div>
      </div>
      <div class="value-card">
        <div class="value-card-num">03</div>
        <div class="value-card-title">Scalable by Design</div>
        <div class="value-card-body">Architecture decisions made today determine the possibilities of tomorrow. We build for where you're going, not just where you are.</div>
      </div>
      <div class="value-card">
        <div class="value-card-num">04</div>
        <div class="value-card-title">Security by Default</div>
        <div class="value-card-body">Security is not a feature — it's a foundation. Every system we build treats data protection and resilience as non-negotiable requirements.</div>
      </div>
      <div class="value-card">
        <div class="value-card-num">05</div>
        <div class="value-card-title">Honest Partnership</div>
        <div class="value-card-body">We say what we mean and mean what we say. Long-term partnerships are built on honesty — even when that means delivering difficult news.</div>
      </div>
      <div class="value-card">
        <div class="value-card-num">06</div>
        <div class="value-card-title">Continuous Improvement</div>
        <div class="value-card-body">Technology evolves. Our craft must evolve with it. We invest in learning, refinement, and better ways of solving familiar problems.</div>
      </div>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ WHY NEXA TECH — DARK ━━━━━━━━
     Design rationale:
     · Dark section returning after light alternation
     · Left: numbered list (reuses svc-row structure in text form)
     · Right: framed quote panel (replaces svc-panel, monochrome)
     · Typography and spacing carry weight — no colour used
     · Ghost watermark text adds depth without imagery
-->
<!--<section class="why-sec" id="why" aria-label="Why Nexa Tech">
  <div class="why-bg-text" aria-hidden="true">WHY</div>
  <div class="container">
    <div class="row">
      <div class="col-xl-6">
        <div class="label-bw" data-anim="fade-up">
          <i class="fas fa-check-circle"></i> The Nexa Difference
        </div>
        <h2 class="why-headline" data-anim="fade-up" data-delay="100">
          Why Teams<br>
          <span>Choose</span> Nexa Tech
        </h2>
        <p class="why-lead" data-anim="fade-up" data-delay="200">
          We're not a body shop and we're not a big agency. We're a focused engineering team that takes ownership of outcomes — not just deliverables.
        </p>

      </div>
    </div>
    <div class="row gy-4 align-items-center">

  
      <div class="col-lg-6">

        <ul class="why-list" data-anim="fade-up" data-delay="250">
          <li>
            <span class="why-list-num">01</span>
            <div class="why-list-text">
              <strong>Deep technical ownership</strong>
              We don't hand off to junior developers or offshore teams. Our senior engineers own your project from discovery to delivery.
            </div>
          </li>
          <li>
            <span class="why-list-num">02</span>
            <div class="why-list-text">
              <strong>No scope creep — ever</strong>
              We define scope rigorously upfront, document every decision, and protect your budget and timeline with disciplined project management.
            </div>
          </li>
          <li>
            <span class="why-list-num">03</span>
            <div class="why-list-text">
              <strong>Designed to last</strong>
              Our codebases are clean, documented, and maintainable. When you take ownership of your software, you're getting an asset — not a liability.
            </div>
          </li>
          <li>
            <span class="why-list-num">04</span>
            <div class="why-list-text">
              <strong>Long after launch</strong>
              Relationships don't end at go-live. We provide ongoing support, performance monitoring, and iterative improvements as your product evolves.
            </div>
          </li>
        </ul>
      </div>

   
      <div class="col-lg-6" data-anim="fade-left" data-delay="150">
        <div class="why-frame">
          <p class="why-frame-quote">
            "We don't just write code — we <span>solve problems</span> that matter, with engineering that stands the test of time."
          </p>
          <div class="why-frame-divider"></div>

          <div class="why-frame-row">
            <div class="why-frame-icon"><i class="fas fa-shield-alt"></i></div>
            <div>
              <div class="why-frame-row-title">Enterprise-Grade Security</div>
              <div class="why-frame-row-sub">Built-in at every layer, not added as an afterthought</div>
            </div>
          </div>
          <div class="why-frame-row">
            <div class="why-frame-icon"><i class="fas fa-rocket"></i></div>
            <div>
              <div class="why-frame-row-title">Performance-First Architecture</div>
              <div class="why-frame-row-sub">Optimised for speed, scale, and zero downtime</div>
            </div>
          </div>
          <div class="why-frame-row">
            <div class="why-frame-icon"><i class="fas fa-users"></i></div>
            <div>
              <div class="why-frame-row-title">Senior-Only Engineering</div>
              <div class="why-frame-row-sub">Every line of code reviewed by experienced engineers</div>
            </div>
          </div>
          <div class="why-frame-row">
            <div class="why-frame-icon"><i class="fas fa-handshake"></i></div>
            <div>
              <div class="why-frame-row-title">Partnership Beyond Delivery</div>
              <div class="why-frame-row-sub">Ongoing support, optimisation, and strategic guidance</div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>-->


<!-- ━━━━━━━━ TEAM / CULTURE — LIGHT ━━━━━━━━
     Design rationale:
     · Light section; minimal card grid (4-col)
     · No team photos — culture expressed through text and icons
     · Culture statement uses italic monochrome contrast
     · Cards use monochrome icon boxes (matches svc-ico-sm pattern)
-->
<section class="team-sec" id="culture" aria-label="Team and culture">
  <div class="container">
    <div class="text-center mb-2" data-anim="fade-up">
      <div class="label-bw-lt">
        <i class="fas fa-users"></i> Our Culture
      </div>
    </div>
    <p class="culture-statement" data-anim="blur-in" data-delay="100">
      We believe the best software is built by people who genuinely care —
      <span class="">about the craft, about each other, and about the impact their work has in the world.</span>
    </p>

    <div class="culture-grid" data-anim="fade-up" data-delay="200">
      <div class="culture-card">
        <div class="culture-card-icon"><i class="fas fa-brain"></i></div>
        <div class="culture-card-title">Curious by Nature</div>
        <div class="culture-card-body">We question assumptions, explore deeply, and never stop learning. Curiosity is the engine of everything we build.</div>
      </div>
      <div class="culture-card">
        <div class="culture-card-icon"><i class="fas fa-comments"></i></div>
        <div class="culture-card-title">Radically Transparent</div>
        <div class="culture-card-body">Candid, honest, and open at every level — with clients, with colleagues, and with ourselves. No hidden agendas.</div>
      </div>
      <div class="culture-card">
        <div class="culture-card-icon"><i class="fas fa-seedling"></i></div>
        <div class="culture-card-title">Growth Minded</div>
        <div class="culture-card-body">Every project is an opportunity to improve. We review, reflect, and refine — continuously raising the bar on our own work.</div>
      </div>
      <div class="culture-card">
        <div class="culture-card-icon"><i class="fas fa-balance-scale"></i></div>
        <div class="culture-card-title">Accountable Always</div>
        <div class="culture-card-body">We own our decisions, good or bad. When something doesn't go to plan, we face it head-on and fix it — no excuses.</div>
      </div>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ CLOSING CTA ━━━━━━━━ -->
<section class="about-cta-sec" aria-label="Start a project">
  <div class="cta-ring-a" aria-hidden="true"></div>
  <div class="cta-ring-b" aria-hidden="true"></div>
  <div class="container">
    <div data-anim="blur-in">
      <div class="label-bw" style="justify-content:center;margin-bottom:1.5rem">
        <i class="fas fa-arrow-right"></i> Start a Project
      </div>
      <h2 class="cta-headline">
        Ready to build something<br><span>worth building?</span>
      </h2>
      <div class="d-flex gap-3 justify-content-center flex-wrap">
        <a href="<?php echo e(route('contact')); ?>" class="btn-pri ripple-host">
          Let's Discuss <i class="fas fa-arrow-right" style="font-size:.8rem"></i>
        </a>
        
      </div>
    </div>
  </div>
</section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/demoserver22/public_html/nexatech/staging/resources/views/pages/about.blade.php ENDPATH**/ ?>