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