---
import Layout from "../../layouts/Layout.astro";
import Breadcrumbs from "../../components/Breadcrumbs.astro";

const breadcrumbItems = [
  {
    title: "Главная",
    href: "/",
  },
  {
    title: "Экспертный блог",
    href: "/blog",
  },
  {
    title: "Применение платиновых металлов",
    href: "/blog/platinovye-metally-promyshlennost",
  },
];
---

<Layout>
  <Fragment slot="head">
    <title>Применение платиновых металлов в современной промышленности | ООО «ДМДК»</title>
    <meta name="description" content="Исследование областей применения платиновых металлов в различных отраслях промышленности, от автомобилестроения до медицины." />
  </Fragment>

  <!-- Hero секция статьи -->
  <section class="relative bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white header-offset pb-20 px-8 lg:px-24 overflow-hidden">
    <!-- Декоративные элементы -->
    <div class="absolute inset-0 opacity-10">
      <div class="absolute top-20 left-20 w-32 h-32 bg-blue-500 rounded-full blur-3xl"></div>
      <div class="absolute bottom-20 right-20 w-40 h-40 bg-blue-400 rounded-full blur-3xl"></div>
    </div>

    <div class="relative z-10 max-w-4xl mx-auto">
      <div class="mb-8">
        <span class="inline-block px-4 py-2 rounded-full text-sm font-semibold text-white bg-gradient-to-r from-blue-500 to-blue-600 shadow-lg mb-6">
          Применение
        </span>
        
        <h1 class="text-4xl lg:text-6xl font-bold mb-6 text-white font-nevduplenysh leading-tight">
          Применение платиновых металлов в современной промышленности
        </h1>
        
        <div class="flex flex-wrap items-center gap-6 text-gray-300 font-gilroy">
          <div class="flex items-center">
            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
            </svg>
            20 января 2024
          </div>
          <div class="flex items-center">
            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
            </svg>
            Экспертная команда ООО «ДМДК»
          </div>
          <div class="flex items-center">
            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
            </svg>
            12 мин чтения
          </div>
        </div>
      </div>
    </div>
  </section>

  <Breadcrumbs items={breadcrumbItems} />

  <!-- Основной контент статьи -->
  <main class="bg-gradient-to-br from-black via-gray-900 to-gray-800 text-white py-20 px-8 lg:px-24 relative overflow-hidden">
    <!-- Декоративные элементы -->
    <div class="absolute inset-0 opacity-5">
      <div class="absolute top-40 left-40 w-32 h-32 bg-blue-500 rounded-full blur-3xl"></div>
      <div class="absolute bottom-40 right-40 w-40 h-40 bg-purple-400 rounded-full blur-3xl"></div>
    </div>

    <div class="relative z-10 max-w-4xl mx-auto">
      <article class="bg-gradient-to-br from-gray-800/40 to-gray-900/40 backdrop-blur-sm rounded-3xl p-8 lg:p-12 border border-gray-700/50">
        <!-- Вводный абзац -->
        <div class="bg-gradient-to-r from-blue-500/10 to-blue-600/10 rounded-2xl p-8 mb-12 border border-blue-500/20">
          <p class="text-xl lg:text-2xl leading-relaxed text-gray-200 font-gilroy">
            Платиновые металлы (платина, палладий, родий, рутений, иридий, осмий) играют ключевую роль 
            в современной промышленности благодаря своим уникальным свойствам: высокой коррозионной стойкости, 
            каталитической активности и стабильности при высоких температурах.
          </p>
        </div>

        <!-- Содержание статьи -->
        <div class="prose prose-lg prose-invert max-w-none">
          <h2 class="text-3xl lg:text-4xl font-bold mt-12 mb-8 text-yellow-400 font-nevduplenysh">Автомобильная промышленность</h2>
          <p class="text-lg leading-relaxed mb-8 text-gray-300 font-gilroy">
            Платиновые металлы играют критически важную роль в автомобильной промышленности, особенно в системах очистки выхлопных газов.
          </p>

          <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-12">
            <div class="bg-gradient-to-br from-green-500/10 to-green-600/10 rounded-2xl p-6 border border-green-500/20">
              <h3 class="text-xl font-semibold mb-4 text-green-400 font-gilroy">Каталитические нейтрализаторы</h3>
              <p class="text-gray-300 font-gilroy">
                Основное применение платины, палладия и родия в автомобилях — производство каталитических нейтрализаторов для снижения токсичности выхлопных газов.
              </p>
            </div>
            <div class="bg-gradient-to-br from-purple-500/10 to-purple-600/10 rounded-2xl p-6 border border-purple-500/20">
              <h3 class="text-xl font-semibold mb-4 text-purple-400 font-gilroy">Топливные элементы</h3>
              <p class="text-gray-300 font-gilroy">
                В водородных топливных элементах платина используется в качестве катализатора для электрохимических реакций.
              </p>
            </div>
          </div>

          <h2 class="text-3xl lg:text-4xl font-bold mt-12 mb-8 text-yellow-400 font-nevduplenysh">Химическая промышленность</h2>
          <div class="bg-gradient-to-r from-orange-500/10 to-orange-600/10 rounded-2xl p-8 mb-8 border border-orange-500/20">
            <p class="text-lg leading-relaxed text-gray-200 font-gilroy">
              В химической промышленности платиновые металлы незаменимы как катализаторы в различных процессах органического синтеза.
            </p>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
            <div class="bg-gray-800/60 rounded-2xl p-6 border border-gray-700/50">
              <h3 class="text-lg font-semibold mb-4 text-orange-400 font-gilroy">Производство азотной кислоты</h3>
              <p class="text-gray-300 font-gilroy">Платино-родиевые сетки используются в процессе Оствальда для окисления аммиака</p>
            </div>
            <div class="bg-gray-800/60 rounded-2xl p-6 border border-gray-700/50">
              <h3 class="text-lg font-semibold mb-4 text-orange-400 font-gilroy">Нефтехимия</h3>
              <p class="text-gray-300 font-gilroy">Платиновые катализаторы в процессах риформинга нефти и производства высокооктанового бензина</p>
            </div>
          </div>

          <h2 class="text-3xl lg:text-4xl font-bold mt-12 mb-8 text-yellow-400 font-nevduplenysh">Медицина и стоматология</h2>
          <p class="text-lg leading-relaxed mb-8 text-gray-300 font-gilroy">
            Биосовместимость и коррозионная стойкость делают платиновые металлы идеальными для медицинских применений.
          </p>

          <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
            <div class="bg-gradient-to-br from-red-500/10 to-red-600/10 rounded-2xl p-6 border border-red-500/20 text-center">
              <div class="w-16 h-16 bg-gradient-to-br from-red-500 to-red-600 rounded-xl flex items-center justify-center mx-auto mb-4">
                <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
                </svg>
              </div>
              <h3 class="text-lg font-semibold mb-3 text-red-400 font-gilroy">Кардиостимуляторы</h3>
              <p class="text-sm text-gray-300 font-gilroy">Платиновые электроды для биосовместимости и стабильности</p>
            </div>
            <div class="bg-gradient-to-br from-teal-500/10 to-teal-600/10 rounded-2xl p-6 border border-teal-500/20 text-center">
              <div class="w-16 h-16 bg-gradient-to-br from-teal-500 to-teal-600 rounded-xl flex items-center justify-center mx-auto mb-4">
                <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                </svg>
              </div>
              <h3 class="text-lg font-semibold mb-3 text-teal-400 font-gilroy">Стоматологические сплавы</h3>
              <p class="text-sm text-gray-300 font-gilroy">Палладий в зубопротезных сплавах для прочности</p>
            </div>
            <div class="bg-gradient-to-br from-pink-500/10 to-pink-600/10 rounded-2xl p-6 border border-pink-500/20 text-center">
              <div class="w-16 h-16 bg-gradient-to-br from-pink-500 to-pink-600 rounded-xl flex items-center justify-center mx-auto mb-4">
                <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path>
                </svg>
              </div>
              <h3 class="text-lg font-semibold mb-3 text-pink-400 font-gilroy">Противоопухолевые препараты</h3>
              <p class="text-sm text-gray-300 font-gilroy">Соединения платины в химиотерапии онкологии</p>
            </div>
          </div>

          <h2 class="text-3xl lg:text-4xl font-bold mt-12 mb-8 text-yellow-400 font-nevduplenysh">Электронная промышленность</h2>
          <div class="bg-gradient-to-r from-indigo-500/10 to-indigo-600/10 rounded-2xl p-8 mb-8 border border-indigo-500/20">
            <p class="text-lg leading-relaxed text-gray-200 font-gilroy">
              Уникальные электрические свойства платиновых металлов делают их незаменимыми в электронике и телекоммуникациях.
            </p>
          </div>

          <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-12">
            <div class="bg-gray-800/60 rounded-2xl p-6 border border-gray-700/50">
              <h3 class="text-lg font-semibold mb-4 text-indigo-400 font-gilroy">Жесткие диски</h3>
              <p class="text-gray-300 font-gilroy">Тонкие слои платины в магнитных слоях для повышения плотности записи данных</p>
            </div>
            <div class="bg-gray-800/60 rounded-2xl p-6 border border-gray-700/50">
              <h3 class="text-lg font-semibold mb-4 text-indigo-400 font-gilroy">Электронные компоненты</h3>
              <p class="text-gray-300 font-gilroy">Производство резисторов, конденсаторов и других электронных компонентов</p>
            </div>
          </div>

          <h2 class="text-3xl lg:text-4xl font-bold mt-12 mb-8 text-yellow-400 font-nevduplenysh">Ювелирная и стекольная промышленность</h2>
          
          <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
            <div class="bg-gradient-to-br from-yellow-500/10 to-yellow-600/10 rounded-2xl p-8 border border-yellow-500/20">
              <h3 class="text-2xl font-semibold mb-6 text-yellow-400 font-gilroy">Ювелирная промышленность</h3>
              <div class="space-y-4">
                <div class="flex items-start">
                  <div class="w-3 h-3 bg-yellow-400 rounded-full mt-2 mr-3 flex-shrink-0"></div>
                  <div>
                    <h4 class="text-lg font-medium text-white mb-2 font-gilroy">Обручальные кольца</h4>
                    <p class="text-gray-300 text-sm font-gilroy">Платина ценится за прочность и символическое значение</p>
                  </div>
                </div>
                <div class="flex items-start">
                  <div class="w-3 h-3 bg-yellow-400 rounded-full mt-2 mr-3 flex-shrink-0"></div>
                  <div>
                    <h4 class="text-lg font-medium text-white mb-2 font-gilroy">Часовая промышленность</h4>
                    <p class="text-gray-300 text-sm font-gilroy">Корпуса эксклюзивных моделей престижных брендов</p>
                  </div>
                </div>
              </div>
            </div>
            
            <div class="bg-gradient-to-br from-cyan-500/10 to-cyan-600/10 rounded-2xl p-8 border border-cyan-500/20">
              <h3 class="text-2xl font-semibold mb-6 text-cyan-400 font-gilroy">Стекольная промышленность</h3>
              <div class="space-y-4">
                <div class="flex items-start">
                  <div class="w-3 h-3 bg-cyan-400 rounded-full mt-2 mr-3 flex-shrink-0"></div>
                  <div>
                    <h4 class="text-lg font-medium text-white mb-2 font-gilroy">Оптическое стекло</h4>
                    <p class="text-gray-300 text-sm font-gilroy">Платиновые тигли для варки высококачественного стекла</p>
                  </div>
                </div>
                <div class="flex items-start">
                  <div class="w-3 h-3 bg-cyan-400 rounded-full mt-2 mr-3 flex-shrink-0"></div>
                  <div>
                    <h4 class="text-lg font-medium text-white mb-2 font-gilroy">ЖК-дисплеи</h4>
                    <p class="text-gray-300 text-sm font-gilroy">Платиновые сплавы для идеальной поверхности стекла</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Навигация по статьям -->
        <div class="mt-16 pt-8 border-t border-gray-700/50">
          <div class="flex flex-col md:flex-row justify-between items-center gap-6">
            <a href="/blog/affinazh-dragocennyh-metallov" class="group flex items-center px-6 py-3 bg-gradient-to-r from-gray-700 to-gray-800 text-white rounded-xl hover:from-gray-600 hover:to-gray-700 transition-all duration-300 font-gilroy">
              <svg class="w-5 h-5 mr-3 group-hover:-translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
              </svg>
              Предыдущая статья
            </a>
            <a href="/blog" class="px-6 py-3 bg-gradient-to-r from-yellow-500 to-yellow-600 text-black rounded-xl hover:from-yellow-400 hover:to-yellow-500 transition-all duration-300 font-gilroy font-semibold">
              Вернуться к блогу
            </a>
            <a href="/blog/sertifikaciya-kontrolj-kachestva" class="group flex items-center px-6 py-3 bg-gradient-to-r from-gray-700 to-gray-800 text-white rounded-xl hover:from-gray-600 hover:to-gray-700 transition-all duration-300 font-gilroy">
              Следующая статья
              <svg class="w-5 h-5 ml-3 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
              </svg>
            </a>
          </div>
        </div>
      </article>

      <!-- Call to Action -->
      <div class="mt-16">
        <div class="bg-gradient-to-r from-gray-800/60 to-gray-900/60 backdrop-blur-sm rounded-3xl p-12 border border-gray-700/50 text-center">
          <h3 class="text-3xl lg:text-4xl font-bold text-white mb-6 font-nevduplenysh">
            ИНТЕРЕСУЕТ ПОСТАВКА ПЛАТИНОВЫХ МЕТАЛЛОВ?
          </h3>
          <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto font-gilroy leading-relaxed">
            Мы поставляем высококачественные платиновые металлы для промышленных применений. Получите консультацию по вашим потребностям
          </p>
          <button class="open-modal inline-flex items-center px-8 py-4 bg-gradient-to-r from-yellow-500 to-yellow-600 text-black rounded-xl hover:from-yellow-400 hover:to-yellow-500 transition-all duration-300 transform hover:scale-105 font-gilroy font-semibold shadow-lg shadow-yellow-500/25">
            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
            </svg>
            Запросить предложение
          </button>
        </div>
      </div>
    </div>
  </main>
</Layout>