ogrechkoandClaude Sonnet 5
30e1aea20b
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
104 lines
4.0 KiB
React
104 lines
4.0 KiB
React
import Link from 'next/link';
|
||
import { ArrowRight } from 'lucide-react';
|
||
import Header from '../components/Header.jsx';
|
||
import Footer from '../components/Footer.jsx';
|
||
import Hero from '../components/sections/Hero.jsx';
|
||
import AccountPromo from '../components/sections/AccountPromo.jsx';
|
||
import Promotions from '../components/sections/Promotions.jsx';
|
||
import Services from '../components/sections/Services.jsx';
|
||
import Cases from '../components/sections/Cases.jsx';
|
||
import Reviews from '../components/sections/Reviews.jsx';
|
||
import Contact from '../components/sections/Contact.jsx';
|
||
import Reveal from '../components/Reveal.jsx';
|
||
import SectionHeading from '../components/SectionHeading.jsx';
|
||
import { serverApi } from '../lib/serverApi.js';
|
||
|
||
export const metadata = {
|
||
alternates: { canonical: '/' },
|
||
};
|
||
|
||
export default async function HomePage() {
|
||
const [services, promotions, reviews, cases, contact] = await Promise.all([
|
||
serverApi.getServices(),
|
||
serverApi.getPromotions(),
|
||
serverApi.getReviews(),
|
||
serverApi.getCases(),
|
||
serverApi.getContact(),
|
||
]);
|
||
|
||
const business = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'LocalBusiness',
|
||
'@id': `${process.env.NEXT_PUBLIC_SITE_URL || 'https://top-sysops.ru'}/#organization`,
|
||
name: 'TopSysOps',
|
||
url: process.env.NEXT_PUBLIC_SITE_URL || 'https://top-sysops.ru',
|
||
...(contact?.address ? { address: { '@type': 'PostalAddress', streetAddress: contact.address, addressCountry: 'RU' } } : {}),
|
||
...(contact?.phone ? { telephone: contact.phone } : {}),
|
||
...(contact?.email ? { email: contact.email } : {}),
|
||
...(reviews.length > 0
|
||
? {
|
||
aggregateRating: {
|
||
'@type': 'AggregateRating',
|
||
ratingValue: (reviews.reduce((sum, r) => sum + r.rating, 0) / reviews.length).toFixed(1),
|
||
reviewCount: reviews.length,
|
||
},
|
||
}
|
||
: {}),
|
||
...(services.length > 0
|
||
? {
|
||
hasOfferCatalog: {
|
||
'@type': 'OfferCatalog',
|
||
name: 'Услуги TopSysOps',
|
||
itemListElement: services.flatMap((cat) =>
|
||
cat.items.map((it) => ({
|
||
'@type': 'Offer',
|
||
itemOffered: { '@type': 'Service', name: it.name, description: it.note || cat.description },
|
||
}))
|
||
),
|
||
},
|
||
}
|
||
: {}),
|
||
};
|
||
|
||
return (
|
||
<div>
|
||
{/* eslint-disable-next-line react/no-danger */}
|
||
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(business) }} />
|
||
|
||
<Header />
|
||
<Hero />
|
||
<AccountPromo />
|
||
|
||
<Services
|
||
categories={services}
|
||
compact
|
||
limit={6}
|
||
moreHref="/uslugi"
|
||
eyebrow="services --overview"
|
||
title="Ключевые услуги"
|
||
desc="IT-аутсорсинг, кибербезопасность, администрирование серверов и баз данных, сетевая инфраструктура, облака и автоматизация с ИИ."
|
||
/>
|
||
|
||
<Promotions promotions={promotions} limit={3} moreHref="/aktsii" />
|
||
|
||
<section className="max-w-6xl mx-auto px-5 sm:px-8 py-20">
|
||
<SectionHeading
|
||
eyebrow="about --company"
|
||
title="О компании"
|
||
desc="TopSysOps — IT-аутсорсинг и техподдержка с 2023 года. Команда 20+ специалистов, штаб-квартира в Санкт-Петербурге, работаем с клиентами по всей России."
|
||
/>
|
||
<Reveal>
|
||
<Link href="/o-kompanii" className="inline-flex items-center gap-2 text-sm text-emerald-500 font-medium hover:underline">
|
||
Узнать больше о компании <ArrowRight className="h-3.5 w-3.5" />
|
||
</Link>
|
||
</Reveal>
|
||
</section>
|
||
|
||
<Cases cases={cases} limit={3} moreHref="/keysy" />
|
||
<Reviews reviews={reviews} limit={2} moreHref="/otzyvy" showForm={false} />
|
||
<Contact contact={contact} compact />
|
||
<Footer />
|
||
</div>
|
||
);
|
||
}
|