Fix SEO/UX audit gaps: canonical tags, org schema, nav, header claims

Add canonical URLs and a sitewide Organization JSON-LD (linked via @id
to page-specific LocalBusiness/Service/Article schemas), move FAQ and
Reviews into the top nav, attach the 24/7 support claim to a tooltip
on the header badge instead of leaving it unexplained, drop the
unverifiable incidents_resolved stat from the hero terminal animation,
and clean up the empty-reviews state instead of showing a thin
placeholder.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013otXCiTZsxdZ4SJKZ9wUky

public-site/components/Header.jsx

@@ -11,6 +11,8 @@ const NAV_ITEMS = [
   { href: '/uslugi', label: 'Услуги' },
   { href: '/aktsii', label: 'Акции' },
   { href: '/keysy', label: 'Кейсы' },
+  { href: '/otzyvy', label: 'Отзывы' },
+  { href: '/faq', label: 'FAQ' },
   { href: '/o-kompanii', label: 'О компании' },
   { href: '/blog', label: 'Блог' },
   { href: '/kontakty', label: 'Контакты' },
@@ -29,12 +31,12 @@ export default function Header() {
             <span className="text-base font-bold tracking-tight">TopSysOps</span>
           </Link>
 
-          <nav className="hidden md:flex items-center gap-1">
+          <nav className="hidden lg:flex items-center gap-0.5 xl:gap-1">
             {NAV_ITEMS.map((item) => (
               <Link
                 key={item.href}
                 href={item.href}
-                className="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-600 hover:text-slate-900 hover:bg-slate-100 dark:text-slate-300 dark:hover:text-white dark:hover:bg-slate-900"
+                className="px-2.5 xl:px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-600 hover:text-slate-900 hover:bg-slate-100 dark:text-slate-300 dark:hover:text-white dark:hover:bg-slate-900"
               >
                 {item.label}
               </Link>
@@ -52,7 +54,7 @@ export default function Header() {
             <button
               aria-label="Открыть меню"
               onClick={() => setOpen(!open)}
-              className="md:hidden p-2 rounded-md hover:bg-slate-100 dark:hover:bg-slate-900"
+              className="lg:hidden p-2 rounded-md hover:bg-slate-100 dark:hover:bg-slate-900"
             >
               {open ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
             </button>
@@ -60,7 +62,7 @@ export default function Header() {
         </div>
 
         {open && (
-          <nav className="md:hidden pb-4 flex flex-col gap-1">
+          <nav className="lg:hidden pb-4 flex flex-col gap-1">
             {NAV_ITEMS.map((item) => (
               <Link
                 key={item.href}
@@ -77,8 +79,13 @@ export default function Header() {
 
       <div className="border-t px-5 sm:px-8 py-1.5 text-xs flex items-center gap-4 max-w-6xl mx-auto border-slate-200 text-slate-500 dark:border-slate-900 dark:text-slate-400">
         <StatusDot tone="ok" pulse label="система активна" mono />
-        <span className="hidden sm:inline font-mono">24/7</span>
-        <span className="hidden sm:inline font-mono">отклик ~15 мин</span>
+        <Link
+          href="/uslugi/support"
+          title="На тарифе «Премиум»: поддержка 24/7, среднее время реакции ~15 минут. На тарифах «Базовый» и «Бизнес» — по графику 3/4 или 5/2."
+          className="hidden sm:inline font-mono underline decoration-dotted underline-offset-2 hover:text-emerald-500"
+        >
+          24/7 · отклик ~15 мин*
+        </Link>
         <a href="/admin" className="ml-auto underline decoration-dotted underline-offset-2 hover:text-emerald-500">
           вход для сотрудников
         </a>