<?php
$pageTitle = 'Eye Tracking — Globinex Research';
$activeNav = 'eye-tracking';
include 'header.php';
?>

  <!-- PAGE HERO -->
  <header class="page-hero">
    <canvas class="net-canvas" data-net data-net-density="20000"></canvas>
    <div class="container">
      <h1 class="reveal">Eye Tracking</h1>
      <div class="breadcrumb-gx reveal d1"><a href="index.php">Home</a> <i class="bi bi-chevron-right"></i> <span class="current">Eye Tracking</span></div>
    </div>
  </header>

  <!-- INTRO + PILLS -->
  <section class="dark-sec" style="text-align:center;">
    <div class="conic-bg-top"></div>
    <div class="container">
      <div class="reveal" style="max-width:900px; margin:0 auto;">
        <h2 class="sec-h2" style="font-size:46px; margin-bottom:24px;">See exactly where <i style="color:var(--gx-green-bright); font-weight:400;">attention</i> goes.</h2>
        <p class="sec-lead" style="color:#cfd3da; margin-bottom:42px;">Eye Tracking captures gaze, fixation, and dwell time in real time — revealing exactly what packaging, ads, shelves, or digital interfaces capture (or lose) a viewer's focus. It's objective attention data that goes beyond what respondents can put into words.</p>
      </div>
 <div class="sol-container reveal d1">
    <div class="sol-row sol-row-top">
        <span class="sol-pill"><img src="images/icon1.svg" alt="Gaze & Fixation Mapping"> Gaze & Fixation Mapping</span>
        <span class="sol-pill"><img src="images/icon2.svg" alt="Heatmap Visualization"> Heatmap Visualization</span>
        <span class="sol-pill"><img src="images/icon3.svg" alt="Webcam-Based Tracking"> Webcam-Based Tracking</span>
        <span class="sol-pill"><img src="images/icon4.svg" alt="Lab-Based Eye Trackers"> Lab-Based Eye Trackers</span>
    </div>

    <div class="sol-row sol-row-bottom">
        <span class="sol-pill"><img src="images/icon4.svg" alt="Packaging & Shelf Testing"> Packaging & Shelf Testing</span>
        <span class="sol-pill"><img src="images/icon5.svg" alt="Ad & UX Testing"> Ad & UX Testing</span>
        <span class="sol-pill"><img src="images/icon6.svg" alt="Attention Analytics"> Attention Analytics</span>
    </div>
</div>
    </div>
  </section>

  <!-- WHY EYE TRACKING -->
  <section class="dark-sec why-cards" style="padding-top:30px;">
    <div class="container">
      <div class="text-center reveal mb-5" style="max-width:760px; margin:0 auto;">
        <p class="sec-eyebrow" style="text-align:center;">Why Eye Tracking</p>
        <h2 class="sec-h2" style="font-size:40px; margin-bottom:18px;">Built for <i style="color:var(--gx-green-bright); font-weight:400;">clarity</i> and precision.</h2>
        <p class="sec-lead" style="color:#99A1AF;">When you need to know what people actually see — not just what they say — eye tracking delivers objective, moment-by-moment visual attention data.</p>
      </div>
      <div class="row g-4">
        <div class="col-md-6 col-lg-4 reveal"><div class="dcard"><div class="dicon"><img src="images/iconimg.svg" alt="Objective Attention Data" class="img-fluid"></div><h4>Objective Attention Data</h4><p>Measure what actually draws the eye, removing guesswork and self-report bias.</p></div></div>
        <div class="col-md-6 col-lg-4 reveal d1"><div class="dcard"><div class="dicon"><img src="images/icon7.svg" alt="Packaging & Shelf Insights" class="img-fluid"></div><h4>Packaging & Shelf Insights</h4><p>See which design elements win the shelf and which get lost among competitors.</p></div></div>
        <div class="col-md-6 col-lg-4 reveal d2"><div class="dcard"><div class="dicon"><img src="images/icon8.svg" alt="UX & Website Optimization" class="img-fluid"></div><h4>UX & Website Optimization</h4><p>Pinpoint where users focus, hesitate, or miss key calls to action on-screen.</p></div></div>
        <div class="col-md-6 col-lg-4 reveal"><div class="dcard"><div class="dicon"><img src="images/icon9.svg" alt="Ad Effectiveness Testing" class="img-fluid"></div><h4>Ad Effectiveness Testing</h4><p>Quantify which creative elements capture attention and drive recall.</p></div></div>
        <div class="col-md-6 col-lg-4 reveal d1"><div class="dcard"><div class="dicon"><img src="images/icon10.svg" alt="Heatmap & Gaze Path Visuals" class="img-fluid"></div><h4>Heatmap & Gaze Path Visuals</h4><p>Translate raw gaze data into clear heatmaps and paths stakeholders instantly understand.</p></div></div>
        <div class="col-md-6 col-lg-4 reveal d2"><div class="dcard"><div class="dicon"><img src="images/icon11.svg" alt="Remote & In-Lab Flexibility" class="img-fluid"></div><h4>Remote & In-Lab Flexibility</h4><p>Run studies via webcam at scale or in a controlled lab for maximum precision.</p></div></div>
      </div>
    </div>
  </section>

<?php
$ctaHeading = 'Ready to Uncover What Grabs Attention?';
$ctaButtonText = 'Get Started Free';
$ctaHref = 'contact.php';
include 'footer.php';
?>
