From f53c8b1ed7641f98162318c69384cf93d8140fb2 Mon Sep 17 00:00:00 2001
From: ogrechko <ogrechko@top-sysops.ru>
Date: Wed, 26 Aug 2026 00:00:24 +0300
Subject: [PATCH] Fix missing H1 on list-style pages via SectionHeading
 template

SectionHeading always rendered its title as <h2>, so every page whose
only heading came from a shared section component (services hub,
promotions, cases, faq, contact, reviews, blog list) had no <h1> at
all. Add a level prop (default h2) and pass headingLevel="h1" from
each page where that section is the page's own top-level heading.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013otXCiTZsxdZ4SJKZ9wUky
---
 public-site/app/aktsii/page.jsx                | 2 +-
 public-site/app/blog/page.jsx                  | 7 ++++++-
 public-site/app/faq/page.jsx                   | 2 +-
 public-site/app/keysy/page.jsx                 | 2 +-
 public-site/app/kontakty/page.jsx              | 2 +-
 public-site/app/otzyvy/page.jsx                | 2 +-
 public-site/app/uslugi/page.jsx                | 2 +-
 public-site/components/SectionHeading.jsx      | 5 +++--
 public-site/components/sections/Cases.jsx      | 4 ++--
 public-site/components/sections/Contact.jsx    | 4 ++--
 public-site/components/sections/Faq.jsx        | 4 ++--
 public-site/components/sections/Promotions.jsx | 3 ++-
 public-site/components/sections/Reviews.jsx    | 4 +++-
 public-site/components/sections/Services.jsx   | 3 ++-
 14 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/public-site/app/aktsii/page.jsx b/public-site/app/aktsii/page.jsx
index 98634e2..b579603 100644
--- a/public-site/app/aktsii/page.jsx
+++ b/public-site/app/aktsii/page.jsx
@@ -16,7 +16,7 @@ export default async function PromotionsPage() {
   return (
     <div>
       <Header />
-      <Promotions promotions={promotions} showMailNote />
+      <Promotions promotions={promotions} showMailNote headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/app/blog/page.jsx b/public-site/app/blog/page.jsx
index a0784ab..d6989a7 100644
--- a/public-site/app/blog/page.jsx
+++ b/public-site/app/blog/page.jsx
@@ -24,7 +24,12 @@ export default async function BlogListPage() {
     <div>
       <Header />
       <section className="max-w-3xl mx-auto px-5 sm:px-8 py-20 min-h-[60vh]">
-        <SectionHeading eyebrow="blog --articles" title="Блог" desc="Заметки об IT-инфраструктуре, кибербезопасности и автоматизации." />
+        <SectionHeading
+          eyebrow="blog --articles"
+          title="Блог"
+          desc="Заметки об IT-инфраструктуре, кибербезопасности и автоматизации."
+          level="h1"
+        />
 
         {posts.length === 0 && <p className="text-sm text-slate-400">Пока нет опубликованных статей - загляните позже.</p>}
 
diff --git a/public-site/app/faq/page.jsx b/public-site/app/faq/page.jsx
index 4a9b67a..f3a1443 100644
--- a/public-site/app/faq/page.jsx
+++ b/public-site/app/faq/page.jsx
@@ -32,7 +32,7 @@ export default async function FaqPage() {
         <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }} />
       )}
       <Header />
-      <Faq faqs={faqs} />
+      <Faq faqs={faqs} headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/app/keysy/page.jsx b/public-site/app/keysy/page.jsx
index 10511b7..890b4ef 100644
--- a/public-site/app/keysy/page.jsx
+++ b/public-site/app/keysy/page.jsx
@@ -16,7 +16,7 @@ export default async function CasesPage() {
   return (
     <div>
       <Header />
-      <Cases cases={cases} showDisclaimer />
+      <Cases cases={cases} showDisclaimer headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/app/kontakty/page.jsx b/public-site/app/kontakty/page.jsx
index 62b4c01..418606e 100644
--- a/public-site/app/kontakty/page.jsx
+++ b/public-site/app/kontakty/page.jsx
@@ -15,7 +15,7 @@ export default async function ContactPage() {
   return (
     <div>
       <Header />
-      <Contact contact={contact} />
+      <Contact contact={contact} headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/app/otzyvy/page.jsx b/public-site/app/otzyvy/page.jsx
index 61e7c3a..7ea9454 100644
--- a/public-site/app/otzyvy/page.jsx
+++ b/public-site/app/otzyvy/page.jsx
@@ -15,7 +15,7 @@ export default async function ReviewsPage() {
   return (
     <div>
       <Header />
-      <Reviews reviews={reviews} />
+      <Reviews reviews={reviews} headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/app/uslugi/page.jsx b/public-site/app/uslugi/page.jsx
index 186233d..42c3580 100644
--- a/public-site/app/uslugi/page.jsx
+++ b/public-site/app/uslugi/page.jsx
@@ -16,7 +16,7 @@ export default async function ServicesPage() {
   return (
     <div>
       <Header />
-      <Services categories={services} />
+      <Services categories={services} headingLevel="h1" />
       <Footer />
     </div>
   );
diff --git a/public-site/components/SectionHeading.jsx b/public-site/components/SectionHeading.jsx
index 91b3d96..7837d21 100644
--- a/public-site/components/SectionHeading.jsx
+++ b/public-site/components/SectionHeading.jsx
@@ -1,10 +1,11 @@
 import Reveal from './Reveal.jsx';
 
-export default function SectionHeading({ eyebrow, title, desc }) {
+export default function SectionHeading({ eyebrow, title, desc, level = 'h2' }) {
+  const Heading = level;
   return (
     <Reveal className="mb-10 max-w-2xl">
       <p className="text-xs uppercase tracking-widest text-emerald-500 mb-3 font-mono">&gt; {eyebrow}</p>
-      <h2 className="text-2xl sm:text-3xl font-bold mb-3 font-display">{title}</h2>
+      <Heading className="text-2xl sm:text-3xl font-bold mb-3 font-display">{title}</Heading>
       {desc && <p className="text-sm sm:text-base text-slate-600 dark:text-slate-400">{desc}</p>}
     </Reveal>
   );
diff --git a/public-site/components/sections/Cases.jsx b/public-site/components/sections/Cases.jsx
index 7af7036..ff6992c 100644
--- a/public-site/components/sections/Cases.jsx
+++ b/public-site/components/sections/Cases.jsx
@@ -3,13 +3,13 @@ import Reveal from '../Reveal.jsx';
 import SectionHeading from '../SectionHeading.jsx';
 import StatusDot from '../StatusDot.jsx';
 
-export default function Cases({ cases, limit, moreHref, showDisclaimer = false }) {
+export default function Cases({ cases, limit, moreHref, showDisclaimer = false, headingLevel = 'h2' }) {
   if (cases.length === 0) return null;
   const list = limit ? cases.slice(0, limit) : cases;
 
   return (
     <section id="cases" className="max-w-6xl mx-auto px-5 sm:px-8 py-20">
-      <SectionHeading eyebrow="cases --log" title="Кейсы и портфолио" />
+      <SectionHeading eyebrow="cases --log" title="Кейсы и портфолио" level={headingLevel} />
       <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
         {list.map((c, i) => (
           <Reveal key={c.id} delay={i * 60}>
diff --git a/public-site/components/sections/Contact.jsx b/public-site/components/sections/Contact.jsx
index f71188f..9fe5982 100644
--- a/public-site/components/sections/Contact.jsx
+++ b/public-site/components/sections/Contact.jsx
@@ -3,7 +3,7 @@ import { MapPin, Phone, Mail, Clock, ArrowRight } from 'lucide-react';
 import Reveal from '../Reveal.jsx';
 import SectionHeading from '../SectionHeading.jsx';
 
-export default function Contact({ contact, compact = false }) {
+export default function Contact({ contact, compact = false, headingLevel = 'h2' }) {
   const rows = contact
     ? [
         { icon: MapPin, label: 'Адрес', value: contact.address },
@@ -39,7 +39,7 @@ export default function Contact({ contact, compact = false }) {
 
   return (
     <section id="contact" className="max-w-6xl mx-auto px-5 sm:px-8 py-20">
-      <SectionHeading eyebrow="contact --reach-us" title="Контакты" />
+      <SectionHeading eyebrow="contact --reach-us" title="Контакты" level={headingLevel} />
       <div className="grid md:grid-cols-2 gap-5">
         <Reveal>
           <div className="rounded-lg border p-5 h-full bg-white border-slate-200 dark:bg-slate-900 dark:border-slate-800">
diff --git a/public-site/components/sections/Faq.jsx b/public-site/components/sections/Faq.jsx
index 163824d..d54bc20 100644
--- a/public-site/components/sections/Faq.jsx
+++ b/public-site/components/sections/Faq.jsx
@@ -23,13 +23,13 @@ function FaqItem({ item }) {
   );
 }
 
-export default function Faq({ faqs, limit, moreHref }) {
+export default function Faq({ faqs, limit, moreHref, headingLevel = 'h2' }) {
   if (faqs.length === 0) return null;
   const list = limit ? faqs.slice(0, limit) : faqs;
 
   return (
     <section id="faq" className="max-w-3xl mx-auto px-5 sm:px-8 py-20">
-      <SectionHeading eyebrow="faq --common" title="Частые вопросы" />
+      <SectionHeading eyebrow="faq --common" title="Частые вопросы" level={headingLevel} />
       <Reveal>
         <div>
           {list.map((item) => (
diff --git a/public-site/components/sections/Promotions.jsx b/public-site/components/sections/Promotions.jsx
index 39d7a21..ced54eb 100644
--- a/public-site/components/sections/Promotions.jsx
+++ b/public-site/components/sections/Promotions.jsx
@@ -3,7 +3,7 @@ import { ArrowUpRight } from 'lucide-react';
 import Reveal from '../Reveal.jsx';
 import SectionHeading from '../SectionHeading.jsx';
 
-export default function Promotions({ promotions, limit, moreHref, showMailNote = false }) {
+export default function Promotions({ promotions, limit, moreHref, showMailNote = false, headingLevel = 'h2' }) {
   if (promotions.length === 0) return null;
   const list = limit ? promotions.slice(0, limit) : promotions;
 
@@ -14,6 +14,7 @@ export default function Promotions({ promotions, limit, moreHref, showMailNote =
           eyebrow="promotions --active"
           title="Акции и специальные предложения"
           desc="Актуальные сроки и условия уточняйте у менеджера при обращении."
+          level={headingLevel}
         />
         <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
           {list.map((p, i) => (
diff --git a/public-site/components/sections/Reviews.jsx b/public-site/components/sections/Reviews.jsx
index ff03e93..5443f7b 100644
--- a/public-site/components/sections/Reviews.jsx
+++ b/public-site/components/sections/Reviews.jsx
@@ -8,7 +8,7 @@ function cx(...args) {
   return args.filter(Boolean).join(' ');
 }
 
-export default function Reviews({ reviews, limit, moreHref, showForm = true }) {
+export default function Reviews({ reviews, limit, moreHref, showForm = true, headingLevel = 'h2' }) {
   const list = limit ? reviews.slice(0, limit) : reviews;
 
   // Пустая витрина отзывов на тизере (главная) выглядит слабо - лучше не показывать
@@ -23,6 +23,7 @@ export default function Reviews({ reviews, limit, moreHref, showForm = true }) {
             eyebrow="reviews --approved"
             title="Отзывы клиентов"
             desc="Отзывов пока нет - будьте первым, кто расскажет о работе с нами. Публикуется после проверки менеджером."
+            level={headingLevel}
           />
           <Reveal>
             <ReviewForm />
@@ -39,6 +40,7 @@ export default function Reviews({ reviews, limit, moreHref, showForm = true }) {
           eyebrow="reviews --approved"
           title="Отзывы клиентов"
           desc="Публикуются после проверки менеджером - это защищает страницу от спама и фейков."
+          level={headingLevel}
         />
         <div className={cx('grid gap-10', showForm && 'md:grid-cols-2')}>
           <Reveal>
diff --git a/public-site/components/sections/Services.jsx b/public-site/components/sections/Services.jsx
index 7af0886..e8f6dc3 100644
--- a/public-site/components/sections/Services.jsx
+++ b/public-site/components/sections/Services.jsx
@@ -30,12 +30,13 @@ export default function Services({
   eyebrow = 'services --price-list',
   title = 'Услуги IT-аутсорсинга и техподдержки: прайс-лист',
   desc = 'Гибкие тарифы для бизнеса любого масштаба. Возможна индивидуальная настройка под ваши задачи.',
+  headingLevel = 'h2',
 }) {
   const list = limit ? categories.slice(0, limit) : categories;
 
   return (
     <section id="services" className="max-w-6xl mx-auto px-5 sm:px-8 py-20">
-      <SectionHeading eyebrow={eyebrow} title={title} desc={desc} />
+      <SectionHeading eyebrow={eyebrow} title={title} desc={desc} level={headingLevel} />
 
       {list.length === 0 && <p className="text-sm text-slate-400">Прайс-лист пока пуст.</p>}