---
/**
 * Fake terminal output showing foxguard in action.
 * Shows findings across multiple languages.
 */
---

<div class="bg-noir-900 border border-noir-800 rounded-xl overflow-hidden">
  <div class="flex items-center gap-2 border-b border-noir-800 bg-noir-950 px-4 py-2.5">
    <span class="w-2.5 h-2.5 rounded-full bg-[#ef4444]/80"></span>
    <span class="w-2.5 h-2.5 rounded-full bg-[#eab308]/80"></span>
    <span class="w-2.5 h-2.5 rounded-full bg-[#22c55e]/80"></span>
    <span class="font-mono text-[10px] text-noir-600 mx-auto tracking-wider">terminal</span>
  </div>
  <div class="p-4 sm:p-5 font-mono text-[11px] sm:text-[12px] leading-[1.9] text-left">
    <div><span class="text-fox-light">$</span> <span class="text-noir-100">foxguard .</span></div>
    <div class="text-noir-600">Scanning 2,814 files...</div>
    <div class="h-2.5"></div>

    <div><span class="text-[#F7DF1E]/70">src/auth/login.js</span><span class="text-noir-600">:14:5</span></div>
    <div class="pl-4">
      <span class="text-[#ef4444] font-semibold text-[10px] uppercase tracking-wide">critical</span>
      <span class="text-noir-300 ml-1.5">js/no-sql-injection</span>
      <span class="text-noir-600 ml-1.5">CWE-89</span>
    </div>
    <div class="h-2.5"></div>

    <div><span class="text-[#3776AB]/70">app/views.py</span><span class="text-noir-600">:42:1</span></div>
    <div class="pl-4">
      <span class="text-[#f97316] font-semibold text-[10px] uppercase tracking-wide">high</span>
      <span class="text-noir-300 ml-1.5">py/no-hardcoded-secret</span>
      <span class="text-noir-600 ml-1.5">CWE-798</span>
    </div>
    <div class="h-2.5"></div>

    <div><span class="text-[#CC342D]/70">app/controllers/users.rb</span><span class="text-noir-600">:23:5</span></div>
    <div class="pl-4">
      <span class="text-[#ef4444] font-semibold text-[10px] uppercase tracking-wide">critical</span>
      <span class="text-noir-300 ml-1.5">rb/no-sql-injection</span>
      <span class="text-noir-600 ml-1.5">CWE-89</span>
    </div>
    <div class="h-2.5"></div>

    <div><span class="text-[#ED8B00]/70">UserService.java</span><span class="text-noir-600">:67:12</span></div>
    <div class="pl-4">
      <span class="text-[#f97316] font-semibold text-[10px] uppercase tracking-wide">high</span>
      <span class="text-noir-300 ml-1.5">java/no-xxe</span>
      <span class="text-noir-600 ml-1.5">CWE-611</span>
    </div>
    <div class="h-2.5"></div>

    <div><span class="text-[#00ADD8]/70">cmd/server.go</span><span class="text-noir-600">:31:3</span></div>
    <div class="pl-4">
      <span class="text-[#f97316] font-semibold text-[10px] uppercase tracking-wide">high</span>
      <span class="text-noir-300 ml-1.5">go/no-ssrf</span>
      <span class="text-noir-600 ml-1.5">CWE-918</span>
    </div>
    <div class="h-2.5"></div>

    <div class="border-t border-noir-800 pt-3">
      Found <span class="text-fox-light font-semibold">5 issues</span> in <span class="text-fox-light font-semibold">2,814 files</span> <span class="text-noir-600">(0.92s)</span>
    </div>
  </div>
</div>
