Initial commit: TopSysOps site + admin panel

Multi-page public site (Next.js), Node/Express backend with Postgres,
and Vite admin/account app, restructured from a single-page layout
into dedicated service, promotions, cases, about, FAQ, and blog pages
for SEO.

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

public-site/app/page.jsx

@@ -0,0 +1,98 @@
+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 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',
+    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>
+  );
+}