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

<!-- ━━━━━━━━ HERO ━━━━━━━━ -->
<section class="hero s-dark" id="home" aria-label="Hero">
  <div class="hero-dots" aria-hidden="true"></div>
  <div class="hero-bg-text" aria-hidden="true">Nexa</div>

  <div class="container">
    <div class="row align-items-center gy-5">

      <div class="col-lg-6 hero-content">
        <div class="hero-eyebrow" aria-hidden="true">
          <div class="hero-eyebrow-line"></div>
          Next-Generation Software   
        </div>

        <h1 class="hero-h1">
          The Future of
          <span class="hero-h1-serif">Software</span>
          <span style="font-size:.95em; font-weight:700; letter-spacing:-.02em;">Starts Here.</span>
        </h1>

        <p class="hero-sub">Building simple and elegant software solutions for complex business challenges — tailored, scalable, and built to last.</p>

        <div class="hero-actions">
          <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>
          <a href="<?php echo e(route('portfolio')); ?>" class="btn-ghost">
            Explore Our Work
          </a>
        </div>
      </div>

      <div class="col-lg-6">
        <div class="hero-vis" aria-hidden="true">
          <div class="vis-stage">
            <div class="vis-ring vis-ring-1"></div>
            <div class="vis-ring vis-ring-2"></div>
            <div class="vis-ring vis-ring-3"></div>

            <div class="vis-card">
              <div class="vis-card-bar">
                <div class="vis-card-dot"></div>
                <div class="vis-card-dot"></div>
                <div class="vis-card-dot"></div>
              </div>
              <div class="vis-code-lines">
                <div class="vis-code-line hl"></div>
                <div class="vis-code-line"></div>
                <div class="vis-code-line hl2"></div>
                <div class="vis-code-line"></div>
                <div class="vis-code-line hl"></div>
                <div class="vis-code-line"></div>
              </div>
              <div class="vis-status">
                <div class="vis-status-dot"></div> All systems operational
              </div>
            </div>
          </div>

          <div class="vis-chip vis-chip-a">
            <div class="vis-chip-icon"><i class="fas fa-bolt"></i></div>
            <div class="vis-chip-val">72.4%</div>
            <div class="vis-chip-lbl">Conversion Rate</div>
            <div class="vis-chip-badge"><i class="fas fa-arrow-up" style="font-size:.42rem"></i> +12.3%</div>
            <div class="vis-chip-bar"><div class="vis-chip-fill"></div></div>
          </div>

          <div class="vis-chip vis-chip-b">
            <div class="vis-chip-icon"><i class="fas fa-cloud-upload-alt"></i></div>
            <div class="vis-chip-val">v4.8.2</div>
            <div class="vis-chip-lbl">Deployed · 2 min ago</div>
            <div class="vis-chip-badge"><i class="fas fa-check" style="font-size:.42rem"></i> Live</div>
            <div class="vis-chip-bar"><div class="vis-chip-fill"></div></div>
          </div>

          <div class="vis-chip vis-chip-c">
            <div class="vis-chip-icon"><i class="fas fa-star"></i></div>
            <div class="vis-chip-val">4.9 / 5</div>
            <div class="vis-chip-lbl">Client NPS Score</div>
            <div class="vis-chip-badge"><i class="fas fa-heart" style="font-size:.42rem"></i> 98% Happy</div>
          </div>
        </div>
      </div>

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


<!-- ━━━━━━━━ MARQUEE ━━━━━━━━ -->
<div class="marquee-wrap" aria-hidden="true">
  <div class="marquee-track">
    <span class="mq-item"><i class="fab fa-react"></i> React</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-node-js"></i> Node.js</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-python"></i> Python</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-cloud"></i> AWS</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-docker"></i> Docker</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-database"></i> PostgreSQL</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-figma"></i> Figma</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-vuejs"></i> Vue.js</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-angular"></i> Angular</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-mobile-alt"></i> Flutter</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-brain"></i> AI / ML</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-cubes"></i> Kubernetes</span><span class="mq-sep">✦</span>
    <!-- duplicate set -->
    <span class="mq-item"><i class="fab fa-react"></i> React</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-node-js"></i> Node.js</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-python"></i> Python</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-cloud"></i> AWS</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-docker"></i> Docker</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-database"></i> PostgreSQL</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-figma"></i> Figma</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-vuejs"></i> Vue.js</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fab fa-angular"></i> Angular</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-mobile-alt"></i> Flutter</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-brain"></i> AI / ML</span><span class="mq-sep">✦</span>
    <span class="mq-item"><i class="fas fa-cubes"></i> Kubernetes</span><span class="mq-sep">✦</span>
  </div>
</div>


<!-- ━━━━━━━━ VALUE STATEMENT ━━━━━━━━ -->
<section class="value-sec" aria-label="Our philosophy">
  <div class="container">
    <p class="value-quote" data-anim="blur-in">
      At Nexa Tech, we craft <span class="t-serif dark-text-grad" style="color:rgb(255, 255, 255);font-weight:300">tailored software solutions</span> that align perfectly with your business goals.
      No one-size-fits-all products — only <em>thoughtful, scalable, and reliable technology</em> built to grow with you.
    </p>
  </div>
</section>


<!-- ━━━━━━━━ SERVICES ━━━━━━━━ -->
<section class="services-sec" id="services" aria-label="Our services">
  <div class="container">
    <div class="text-center mb-5">
      <div class="label-bw-lt" data-anim="blur-in"><i class="fas fa-cube"></i> Our Core Expertise</div>
      <h2 class="sec-h h-lt" data-anim="fade-up" data-delay="100">What We Do <span class="t-serif light-text-grad">Best</span></h2>
      <p class="sec-p-lt mx-auto" data-anim="fade-up" data-delay="200" style="max-width:520px">From AI-powered automation to digital growth strategy — everything your business needs to compete and win online.</p>
    </div>

    <div class="svc-layout" data-anim="fade-up" data-delay="150">
      <div class="svc-list">
        <div class="svc-row active" data-idx="0">
          <div class="svc-num">01</div>
          <div class="svc-ico-sm"><i class="fas fa-robot"></i></div>
          <div class="svc-text-wrap">
            <div class="svc-row-title">AI Optimisation for Businesses</div>
            <div class="svc-row-desc">Automate workflows, integrate AI tools, and build intelligent digital products that work harder for your business.</div>
            <a href="<?php echo e(route('services')); ?>" class="svc-row-link">Know More <i class="fas fa-arrow-right" style="font-size:.8rem"></i></a>
          </div>
        </div>
        <div class="svc-row" data-idx="1">
          <div class="svc-num">02</div>
          <div class="svc-ico-sm"><i class="fas fa-magnifying-glass-chart"></i></div>
          <div class="svc-text-wrap">
            <div class="svc-row-title">SEO, GEO & AI Strategy</div>
            <div class="svc-row-desc">Rank higher on Google and AI search platforms with strategies built for the modern search landscape.</div>
            <a href="<?php echo e(route('services')); ?>" class="svc-row-link">Know More <i class="fas fa-arrow-right" style="font-size:.8rem"></i></a>
          </div>
        </div>
        <div class="svc-row" data-idx="2">
          <div class="svc-num">03</div>
          <div class="svc-ico-sm"><i class="fas fa-chart-line"></i></div>
          <div class="svc-text-wrap">
            <div class="svc-row-title">Digital Growth & Performance Marketing</div>
            <div class="svc-row-desc">Data-driven marketing strategies for measurable growth — from funnel design to conversion optimisation.</div>
            <a href="<?php echo e(route('services')); ?>" class="svc-row-link">Know More <i class="fas fa-arrow-right" style="font-size:.8rem"></i></a>
          </div>
        </div>
      </div>

      <div class="svc-panel" data-active="0" id="svcPanel">
        <div class="svc-panel-dots"></div>
        <div class="svc-panel-icon" id="svcPanelIcon"><i class="fas fa-robot" id="svcPanelIco"></i></div>
        <div class="svc-panel-title" id="svcPanelTitle">AI Optimisation</div>
        <div class="svc-panel-desc" id="svcPanelDesc">Automate workflows, integrate AI tools, and build intelligent digital products that work harder for your business.</div>
      </div>
    </div>

    <div class="text-center mt-5" data-anim="fade-up" data-delay="200">
      <a href="<?php echo e(route('services')); ?>" class="btn-pri ripple-host">
        View All Services <i class="fas fa-arrow-right" style="font-size:.8rem"></i>
      </a>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ IMPACT / STATS ━━━━━━━━ -->
<section class="impact-sec" id="impact" aria-label="Our impact">
  <div class="container">
    <div class="row align-items-center gy-5">
      <div class="col-lg-6">
        <div class="label-bw" data-anim="fade-right"><i class="fas fa-chart-line"></i> Our Impact</div>
        <h2 class="sec-h h-dk" data-anim="fade-right" data-delay="100">Boost Business <span class="t-serif dark-text-grad">Efficiency</span> &amp; Digital Growth</h2>
        <p class="sec-p-dk" data-anim="fade-right" data-delay="200" style="max-width:460px;margin-bottom:2rem">We help businesses scale using custom technology that fits their unique workflows. From streamlining operations to launching new digital products — our solutions deliver measurable results.</p>
        <div class="eff-pill" data-anim="fade-right" data-delay="300">
          <i class="fas fa-chart-line"></i> 12%+ Average Efficiency Improvement
        </div>
      </div>
      <div class="col-lg-6">
        <div class="stat-grid">
          <div class="stat-widget" data-anim="scale-up" data-delay="100">
            <div class="sw-top">
              <div class="sw-icon"><i class="fas fa-bolt"></i></div>
              <span class="sw-trend sw-trend-up"><i class="fas fa-arrow-up" style="font-size:.5rem"></i> +40%</span>
            </div>
            <div class="sw-num" data-hc="40">0<span style="font-size:1.4rem">%</span></div>
            <div class="sw-label">Faster Delivery</div>
            <div class="sw-desc">Development cycles accelerated with our agile methodology</div>
            <div class="sw-bar-wrap"><div class="sw-bar"></div></div>
          </div>
          <div class="stat-widget" data-anim="scale-up" data-delay="200">
            <div class="sw-top">
              <div class="sw-icon"><i class="fas fa-star"></i></div>
              <span class="sw-trend sw-trend-up"><i class="fas fa-arrow-up" style="font-size:.5rem"></i> 98%</span>
            </div>
            <div class="sw-num" data-hc="98">0<span style="font-size:1.4rem">%</span></div>
            <div class="sw-label">Satisfaction Rate</div>
            <div class="sw-desc">Client satisfaction across all delivered projects</div>
            <div class="sw-spark">
              <div class="sw-spark-b"></div><div class="sw-spark-b"></div><div class="sw-spark-b"></div>
              <div class="sw-spark-b"></div><div class="sw-spark-b"></div><div class="sw-spark-b"></div>
              <div class="sw-spark-b"></div><div class="sw-spark-b"></div>
            </div>
          </div>
          <div class="stat-widget" data-anim="scale-up" data-delay="300">
            <div class="sw-top">
              <div class="sw-icon"><i class="fas fa-code"></i></div>
              <span class="sw-trend sw-trend-flat"><i class="fas fa-globe" style="font-size:.5rem"></i> Global</span>
            </div>
            <div class="sw-num" style="font-size:2rem">500K+</div>
            <div class="sw-label">Lines of Code</div>
            <div class="sw-desc">Production-ready code shipped to clients worldwide</div>
            <div class="sw-bar-wrap"><div class="sw-bar"></div></div>
          </div>
          <div class="stat-widget" data-anim="scale-up" data-delay="400">
            <div class="sw-top">
              <div class="sw-icon"><i class="fas fa-layer-group"></i></div>
              <span class="sw-trend sw-trend-up"><i class="fas fa-arrow-up" style="font-size:.5rem"></i> 50+</span>
            </div>
            <div class="sw-num" data-hc="50">0<span style="font-size:1.4rem">+</span></div>
            <div class="sw-label">Projects Done</div>
            <div class="sw-desc">Successful launches across industries and verticals</div>
            <div class="sw-bar-wrap"><div class="sw-bar"></div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ PORTFOLIO ━━━━━━━━ -->
<section class="portfolio-sec" id="portfolio" aria-label="Our portfolio">
  <div class="container">
    <div class="text-center mb-5">
      <div class="label-bw-lt" data-anim="blur-in"><i class="fas fa-th-large"></i> Our Work</div>
      <h2 class="sec-h h-lt" data-anim="fade-up" data-delay="100">Discover Our Range of <span class="t-serif light-text-grad">Solutions</span></h2>
      <p class="sec-p-lt mx-auto" data-anim="fade-up" data-delay="200" style="max-width:520px">A snapshot of what we build — from business automation to enterprise-scale platforms that power real businesses.</p>
    </div>

    <div class="port-grid">
      <a href="<?php echo e(route('portfolio')); ?>" class="port-item" data-anim="fade-up" data-delay="100">
        <div class="port-img">
          <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&q=80" alt="Custom Business Applications" loading="lazy">
          <span class="port-cat"><span class="port-cat-dot"></span>Business Apps</span>
          <div class="port-arrow"><i class="fas fa-arrow-right"></i></div>
        </div>
        <div class="port-content">
          <span class="port-label">01 — Custom Development</span>
          <h3 class="port-h">Custom Business Applications</h3>
          <p class="port-p">Tailored software that automates workflows, manages data, and empowers teams to work smarter and faster — built around your exact processes.</p>
          <div class="port-tags">
            <span class="port-tag">Workflow Automation</span>
            <span class="port-tag">Data Management</span>
            <span class="port-tag">API Integration</span>
          </div>
        </div>
      </a>

      <a href="<?php echo e(route('portfolio')); ?>" class="port-item" data-anim="fade-up" data-delay="200">
        <div class="port-img">
          <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80" alt="SaaS Platform analytics" loading="lazy">
          <span class="port-cat"><span class="port-cat-dot"></span>SaaS Platform</span>
          <div class="port-arrow"><i class="fas fa-arrow-right"></i></div>
        </div>
        <div class="port-content">
          <span class="port-label">02 — SaaS Platform</span>
          <h3 class="port-h">SaaS Platforms</h3>
          <p class="port-p">Multi-tenant cloud platforms with analytics dashboards, billing integration, and seamless third-party APIs at every layer.</p>
          <div class="port-tags">
            <span class="port-tag">Multi-tenant</span>
            <span class="port-tag">Cloud Native</span>
            <span class="port-tag">Analytics</span>
          </div>
        </div>
      </a>

      <a href="<?php echo e(route('portfolio')); ?>" class="port-item" data-anim="fade-up" data-delay="300">
        <div class="port-img">
          <img src="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?w=800&q=80" alt="Enterprise system interface" loading="lazy">
          <span class="port-cat"><span class="port-cat-dot"></span>Enterprise</span>
          <div class="port-arrow"><i class="fas fa-arrow-right"></i></div>
        </div>
        <div class="port-content">
          <span class="port-label">03 — Enterprise Systems</span>
          <h3 class="port-h">Enterprise Systems</h3>
          <p class="port-p">Large-scale solutions handling complex business processes, legacy integrations, and global-scale requirements with robust reliability.</p>
          <div class="port-tags">
            <span class="port-tag">Legacy Integration</span>
            <span class="port-tag">Global Scale</span>
            <span class="port-tag">Security</span>
          </div>
        </div>
      </a>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ TECH STACK ━━━━━━━━ -->
<section class="tech-sec" id="tech" aria-label="Technology stack">
  <div class="container">
    <div class="text-center mb-5">
      <div class="label-bw" data-anim="blur-in"><i class="fas fa-microchip"></i> Innovation Hub</div>
      <h2 class="sec-h h-dk" data-anim="fade-up" data-delay="100">Powered by <span class="t-serif dark-text-grad">Cutting-Edge</span> Technology</h2>
      <p class="sec-p-dk mx-auto" data-anim="fade-up" data-delay="200" style="max-width:520px">Modern frameworks and battle-tested infrastructure to deliver software that is fast, scalable, and future-ready.</p>
    </div>
    <div class="row g-4">
      <div class="col-lg-3 col-md-6">
        <div class="tech-card" data-anim="scale-in" data-delay="100">
          <div class="tech-icon-wrap"><i class="fab fa-react"></i></div>
          <h4>Frontend</h4>
          <p>React · Vue · Angular · Next.js</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="tech-card" data-anim="scale-in" data-delay="200">
          <div class="tech-icon-wrap"><i class="fab fa-node-js"></i></div>
          <h4>Backend</h4>
          <p>Node.js · Python · .NET · Go</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="tech-card" data-anim="scale-in" data-delay="300">
          <div class="tech-icon-wrap"><i class="fas fa-cloud"></i></div>
          <h4>Cloud</h4>
          <p>AWS · Azure · GCP · Kubernetes</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="tech-card" data-anim="scale-in" data-delay="400">
          <div class="tech-icon-wrap"><i class="fas fa-mobile-alt"></i></div>
          <h4>Mobile</h4>
          <p>React Native · Flutter · Swift</p>
        </div>
      </div>
    </div>
    <div class="text-center mt-5" data-anim="fade-up" data-delay="200">
      <a href="<?php echo e(route('contact')); ?>" class="btn-pri ripple-host">
        Start Your Project <i class="fas fa-arrow-right" style="font-size:.8rem"></i>
      </a>
    </div>
  </div>
</section>


<!-- ━━━━━━━━ CTA ━━━━━━━━ -->
<section class="cta-sec" id="contact" aria-label="Call to action">
  <div class="cta-ring-a" aria-hidden="true"></div>
  <div class="cta-ring-b" aria-hidden="true"></div>
  <div class="container">
    <div class="label-bw" data-anim="blur-in" style="display:inline-flex"><i class="fas fa-comments"></i> Let's Connect</div>
    <h2 class="cta-headline" data-anim="fade-up" data-delay="100">
      Have an idea or need<br>
      a custom solution?<br>
      <span class="t-brand">Let's build something impactful together.</span>
    </h2>
    <div class="d-flex gap-3 justify-content-center flex-wrap" data-anim="fade-up" data-delay="200">
      <a href="<?php echo e(route('contact')); ?>" class="btn-pri ripple-host">
        Get in Touch <i class="fas fa-arrow-right" style="font-size:.8rem"></i>
      </a>
      <a href="<?php echo e(route('portfolio')); ?>" class="btn-ghost">See Our Work</a>
    </div>
  </div>
</section>

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

<?php $__env->startPush('scripts'); ?>
<script src="<?php echo e(asset('js/home.js')); ?>"></script>
<?php $__env->stopPush(); ?>

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