export function ContactFormsBlock() {
  return (
    <div className="space-y-8">
      {/* Форма 1: Будьте здоровы */}
      <div
        className="rounded-xl py-10 px-8 flex flex-col items-center gap-6"
        style={{ background: "#d4f6f8" }}
      >
        <div className="text-center">
          <h2 className="font-bold mb-1" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
            Будьте здоровы!
          </h2>
          <p className="text-sm" style={{ color: "#374151" }}>
            Запишитесь на приём к врачу!
          </p>
        </div>
        <div className="w-full max-w-sm space-y-3">
          <input
            className="bb-input"
            type="text"
            placeholder="Введите ваше имя"
            readOnly
          />
          <input
            className="bb-input"
            type="tel"
            placeholder="Введите ваш телефон"
            readOnly
          />
          <select className="bb-select" disabled>
            <option>Выберите ЛОР врача</option>
          </select>
          <label className="flex items-start gap-2 text-xs cursor-pointer" style={{ color: "#374151" }}>
            <input type="checkbox" className="bb-checkbox mt-0.5" readOnly />
            <span>
              Отправляя данные, я даю согласие на обработку персональных данных
            </span>
          </label>
          <button className="bb-btn bb-btn-lg bb-btn-primary w-full">
            Запишите меня!
          </button>
        </div>
      </div>

      {/* Форма 2: Узнайте стоимость */}
      <div
        className="rounded-xl py-10 px-8 flex flex-col items-center gap-6"
        style={{ background: "#d4f6f8" }}
      >
        <div className="text-center">
          <h2 className="font-bold mb-1" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
            Узнайте стоимость операции
          </h2>
          <p className="text-sm" style={{ color: "#374151" }}>
            Проконсультируйтесь с ассистентом хирурга
          </p>
        </div>
        <div className="w-full max-w-sm space-y-3">
          <input
            className="bb-input"
            type="text"
            placeholder="Введите ваше имя"
            readOnly
          />
          <input
            className="bb-input"
            type="tel"
            placeholder="Введите ваш телефон"
            readOnly
          />
          <label className="flex items-start gap-2 text-xs cursor-pointer" style={{ color: "#374151" }}>
            <input type="checkbox" className="bb-checkbox mt-0.5" readOnly />
            <span>
              Отправляя данные, я даю согласие на обработку персональных данных
            </span>
          </label>
          <button className="bb-btn bb-btn-lg bb-btn-primary w-full">
            Перезвоните мне
          </button>
        </div>
      </div>
    </div>
  );
}
