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

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>
+  );
+}