ogrechkoandClaude Sonnet 5
1e4f97030a
- Merge the duplicate Organization/LocalBusiness JSON-LD blocks (home's LocalBusiness + o-kompanii's Organization) into one shared getOrganizationSchema() call rendered on every page. Deliberately NOT wired through the root layout: fetches there get frozen into the static shell at build time (backend unreachable during image build) and never revalidate, silently serving stale data to crawlers - each page calls it directly instead, where revalidation is proven to work. - Add optional ItemList schema on /uslugi and Offer/OfferCatalog schema on /aktsii; entity pages (/uslugi/[slug] Service, /blog/[slug] Article) reference the organization via @id instead of duplicating it. - Add 8 more real FAQ entries (pricing model, contract terms, onboarding time, hybrid IT staff setup, supported stacks, backups, 152-FZ compliance, escalation) and give every FAQ its own slug and dedicated /faq/[slug] page with its own title/H1/FAQPage schema, modeled on the one-topic-per-page pattern (h/t remontka.pro). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013otXCiTZsxdZ4SJKZ9wUky
59 lines
1.9 KiB
React
59 lines
1.9 KiB
React
'use client';
|
|
|
|
import { useState } from 'react';
|
|
import Link from 'next/link';
|
|
import { ChevronDown } from 'lucide-react';
|
|
import Reveal from '../Reveal.jsx';
|
|
import SectionHeading from '../SectionHeading.jsx';
|
|
|
|
function cx(...args) {
|
|
return args.filter(Boolean).join(' ');
|
|
}
|
|
|
|
function FaqItem({ item }) {
|
|
const [open, setOpen] = useState(false);
|
|
return (
|
|
<div className="border-b border-slate-200 dark:border-slate-800">
|
|
<button onClick={() => setOpen(!open)} className="w-full flex items-center justify-between gap-4 py-4 text-left">
|
|
<span className="text-sm sm:text-base font-medium">{item.question}</span>
|
|
<ChevronDown className={cx('h-4 w-4 flex-shrink-0 transition-transform', open && 'rotate-180')} />
|
|
</button>
|
|
{open && (
|
|
<div className="pb-4">
|
|
<p className="text-sm text-slate-600 dark:text-slate-400">{item.answer}</p>
|
|
{item.slug && (
|
|
<Link href={`/faq/${item.slug}`} className="mt-2 inline-block text-xs text-emerald-500 font-medium hover:underline">
|
|
Открыть страницу вопроса →
|
|
</Link>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
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="Частые вопросы" level={headingLevel} />
|
|
<Reveal>
|
|
<div>
|
|
{list.map((item) => (
|
|
<FaqItem key={item.id} item={item} />
|
|
))}
|
|
</div>
|
|
</Reveal>
|
|
{moreHref && (
|
|
<Reveal className="mt-6">
|
|
<Link href={moreHref} className="text-sm text-emerald-500 font-medium hover:underline">
|
|
Все вопросы →
|
|
</Link>
|
|
</Reveal>
|
|
)}
|
|
</section>
|
|
);
|
|
}
|