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>

public-site/components/sections/Hero.jsx

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { ArrowRight } from 'lucide-react';
 
-const LINES = ['$ status --infra', 'uptime: 99.98%', 'incidents_resolved: 1240+', 'avg_response_time: 15m'];
+const LINES = ['$ status --infra', 'uptime: 99.98%', 'team_size: 20+', 'avg_response_time: 15m'];
 
 function cx(...args) {
   return args.filter(Boolean).join(' ');

public-site/components/sections/Reviews.jsx

@@ -11,6 +11,27 @@ function cx(...args) {
 export default function Reviews({ reviews, limit, moreHref, showForm = true }) {
   const list = limit ? reviews.slice(0, limit) : reviews;
 
+  // Пустая витрина отзывов на тизере (главная) выглядит слабо - лучше не показывать
+  // секцию вовсе, чем пустой список без формы для его заполнения.
+  if (list.length === 0 && !showForm) return null;
+
+  if (list.length === 0) {
+    return (
+      <section id="reviews" className="py-20 bg-slate-100/60 dark:bg-slate-950/40">
+        <div className="max-w-2xl mx-auto px-5 sm:px-8">
+          <SectionHeading
+            eyebrow="reviews --approved"
+            title="Отзывы клиентов"
+            desc="Отзывов пока нет - будьте первым, кто расскажет о работе с нами. Публикуется после проверки менеджером."
+          />
+          <Reveal>
+            <ReviewForm />
+          </Reveal>
+        </div>
+      </section>
+    );
+  }
+
   return (
     <section id="reviews" className="py-20 bg-slate-100/60 dark:bg-slate-950/40">
       <div className="max-w-6xl mx-auto px-5 sm:px-8">
@@ -22,7 +43,6 @@ export default function Reviews({ reviews, limit, moreHref, showForm = true }) {
         <div className={cx('grid gap-10', showForm && 'md:grid-cols-2')}>
           <Reveal>
             <div className="space-y-4">
-              {list.length === 0 && <p className="text-sm text-slate-400">Пока нет опубликованных отзывов. Будьте первым!</p>}
               {list.map((r) => (
                 <div key={r.id} className="rounded-lg border p-5 bg-white border-slate-200 dark:bg-slate-900 dark:border-slate-800">
                   <div className="flex items-center gap-1 mb-2">