Add Django backend, Next.js frontend, and deploy templates

frontend/app/services/[slug]/page.tsx

@@ -0,0 +1,32 @@
+import { notFound } from "next/navigation";
+
+import { getService } from "@/lib/api";
+
+export default async function ServiceDetailPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const service = await getService(slug);
+
+  if (!service) {
+    notFound();
+  }
+
+  return (
+    <div className="container">
+      <section className="page-hero">
+        <span className="eyebrow">Услуга</span>
+        <h1>{service.title}</h1>
+        <p className="page-intro">{service.short_description}</p>
+      </section>
+
+      <section className="page-layout page-layout--single">
+        <article className="page-panel">
+          <div className="page-body">{service.description}</div>
+        </article>
+      </section>
+    </div>
+  );
+}

frontend/app/services/page.tsx

@@ -0,0 +1,84 @@
+import Link from "next/link";
+
+const services = [
+  {
+    title: "Исследование биопсийно-операционного материала",
+    description:
+      "Исследование биопсийно-операционного материала органов и тканей при воспалительных процессах, дистрофиях, патологии артерий/вен, пороках развития.",
+  },
+  {
+    title: "Исследование операционного материала",
+    description:
+      "Исследование операционного материала органов и тканей при инфекционных заболеваниях, опухолях ясного гистогенеза без дисплазии, гранулематозном воспалении.",
+  },
+  {
+    title: "Исследование диагностических биопсий",
+    description:
+      "Исследование диагностических биопсий (кроме пункционных) органов и тканей при воспалении, дисфункции, дисплазии, опухолях, требующих уточнения гистогенеза, степени инвазии, стадии прогрессирования.",
+  },
+  {
+    title: "Исследование диагностических пункционных биопсий",
+    description:
+      "Исследование диагностических пункционных биопсий различных органов и тканей, биопсий и операционный материал при иммунопатологических процессах, опухолях и опухолеподобных поражениях.",
+  },
+  {
+    title: "Экспресс-исследование диагностических биопсий",
+    description:
+      "Экспресс-исследование диагностических биопсий (кроме пункционных) органов и тканей при воспалении, дисфункции, дисплазии, опухолях, требующих уточнения гистогенеза, степени инвазии, стадии прогрессирования.",
+  },
+  {
+    title: "Исследование костно-хрящевых тканей",
+    description:
+      "Исследование костно-хрящевых тканей, включая декальцинацию операционного материала.",
+  },
+  {
+    title: "Гистологическое исследование последов",
+    description:
+      "Гистологическое исследование последов с целью диагностики внутриутробного инфицирования.",
+  },
+];
+
+const priceHref = "/documents/Price.pdf";
+const insuranceHref = "/documents/Strah_org.pdf";
+
+export default function ServicesPage() {
+  return (
+    <div className="container">
+      <section className="page-hero">
+        <span className="eyebrow">Услуги</span>
+        <h1>Перечень исследований</h1>
+        <p className="page-intro">
+          Основные виды гистологических и диагностических исследований, выполняемых бюро.
+        </p>
+      </section>
+
+      <section className="section">
+        <div className="services-sheet">
+          <div className="services-card-grid">
+            {services.map((service) => (
+              <Link
+                key={service.title}
+                href={priceHref}
+                className="services-card"
+                target="_blank"
+                rel="noreferrer noopener"
+              >
+                <h3>{service.title}</h3>
+                <p>{service.description}</p>
+              </Link>
+            ))}
+          </div>
+
+          <div className="services-actions">
+            <Link href={insuranceHref} className="ghost-button" target="_blank" rel="noreferrer noopener">
+              Страховые организации
+            </Link>
+            <Link href={priceHref} className="ghost-button" target="_blank" rel="noreferrer noopener">
+              Прейскурант
+            </Link>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}