Initial commit: OOODMDK website with updated cities page design

This commit is contained in:
albivkt
2025-06-29 03:18:28 +03:00
commit 5a37ded261
70 changed files with 41347 additions and 0 deletions

View File

@ -0,0 +1,269 @@
---
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 pt-32 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>