import Header from '../../components/Header.jsx';
import Footer from '../../components/Footer.jsx';
import Services from '../../components/sections/Services.jsx';
import { serverApi } from '../../lib/serverApi.js';

export const metadata = {
  title: 'Услуги IT-аутсорсинга и техподдержки — прайс-лист',
  description:
    'IT-аутсорсинг, техподдержка, кибербезопасность, администрирование серверов и баз данных, сетевая инфраструктура, облачные решения, ИИ и автоматизация. Актуальные цены.',
};

export default async function ServicesPage() {
  const services = await serverApi.getServices();

  return (
    <div>
      <Header />
      <Services categories={services} />
      <Footer />
    </div>
  );
}