стеллажи: чертежи, размеры, сметы

index.html

@@ -415,6 +415,242 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
   </div>
 </div></section>
 
+<section class="section"><div class="container">
+  <h2 class="reveal">Стеллажи и хранение</h2>
+  
+  <div class="grid" style="margin-bottom:24px">
+    <div class="card reveal" style="background:var(--cyan-50)">
+      <h3 style="margin-bottom:12px">📏 Общие принципы</h3>
+      <ul style="line-height:1.8">
+        <li>Глубина полок: 30-50 см</li>
+        <li>Высота между полками: 25-40 см</li>
+        <li>Нагрузка на полку: 50-150 кг</li>
+        <li>Проход между стеллажами: ≥80 см</li>
+      </ul>
+    </div>
+    <div class="card reveal" style="background:var(--ink);color:#fff">
+      <h3 style="margin-bottom:12px;color:var(--cyan)">📐 Зоны хранения</h3>
+      <ul style="line-height:1.8">
+        <li>Верстак: инструмент под рукой</li>
+        <li>Инструменты: стенды + ящики</li>
+        <li>Склад: запчасти, химия</li>
+        <li>Шины: вертикально/подвес</li>
+      </ul>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">🔧 Стеллаж над верстаком</h3>
+    <svg viewBox="0 0 700 280" style="width:100%;max-width:650px;display:block;margin:0 auto" xmlns="http://www.w3.org/2000/svg">
+      <rect x="0" y="0" width="700" height="280" fill="#F2F4F7" rx="8"/>
+      
+      <!-- Стойки -->
+      <rect x="50" y="40" width="12" height="200" fill="#5B6573"/>
+      <rect x="638" y="40" width="12" height="200" fill="#5B6573"/>
+      
+      <!-- Полки -->
+      <rect x="50" y="80" width="600" height="12" fill="#00E5FF"/>
+      <rect x="50" y="140" width="600" height="12" fill="#00E5FF"/>
+      <rect x="50" y="200" width="600" height="12" fill="#00E5FF"/>
+      
+      <!-- Верстак -->
+      <rect x="100" y="240" width="500" height="40" fill="#1a1f29" rx="4"/>
+      <text x="350" y="265" fill="#fff" font-size="14" text-anchor="middle">ВЕРСТАК</text>
+      
+      <!-- Размеры -->
+      <line x1="50" y1="20" x2="650" y2="20" stroke="#0F1218" stroke-width="2"/>
+      <line x1="50" y1="15" x2="50" y2="25" stroke="#0F1218" stroke-width="2"/>
+      <line x1="650" y1="15" x2="650" y2="25" stroke="#0F1218" stroke-width="2"/>
+      <text x="350" y="15" fill="#0F1218" font-size="12" text-anchor="middle">1800 мм</text>
+      
+      <line x1="670" y1="80" x2="670" y2="240" stroke="#0F1218" stroke-width="2"/>
+      <line x1="665" y1="80" x2="675" y2="80" stroke="#0F1218" stroke-width="2"/>
+      <line x1="665" y1="240" x2="675" y2="240" stroke="#0F1218" stroke-width="2"/>
+      <text x="690" y="160" fill="#0F1218" font-size="12" text-anchor="middle">1600</text>
+      
+      <text x="350" y="275" fill="#5B6573" font-size="11" text-anchor="middle">Глубина полок: 400 мм</text>
+    </svg>
+    <div class="grid" style="margin-top:16px">
+      <div>
+        <h4 style="margin-bottom:8px">Размеры</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Ширина: 1800 мм</li>
+          <li>Высота: 1600 мм (3 яруса)</li>
+          <li>Глубина: 400 мм</li>
+          <li>Шаг стоек: 600 мм</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Материалы</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Стойки: профиль 40×40×2 мм</li>
+          <li>Полки: уголок 30×30×3 мм</li>
+          <li>Настил: фанера 18 мм</li>
+          <li>Крепёж: болты М8</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Что хранить</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Верх: лёгкое, редко используемое</li>
+          <li>Средняя: основной инструмент</li>
+          <li>Низ: тяжёлое, габаритное</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">🛠 Стеллаж для инструментов (угловой)</h3>
+    <svg viewBox="0 0 500 300" style="width:100%;max-width:500px;display:block;margin:0 auto" xmlns="http://www.w3.org/2000/svg">
+      <rect x="0" y="0" width="500" height="300" fill="#F2F4F7" rx="8"/>
+      
+      <!-- Угловые стойки -->
+      <rect x="40" y="40" width="10" height="220" fill="#5B6573"/>
+      <rect x="450" y="40" width="10" height="220" fill="#5B6573"/>
+      <rect x="40" y="40" width="420" height="10" fill="#5B6573"/>
+      
+      <!-- Полки -->
+      <rect x="40" y="100" width="420" height="10" fill="#00E5FF"/>
+      <rect x="40" y="160" width="420" height="10" fill="#00E5FF"/>
+      <rect x="40" y="220" width="420" height="10" fill="#00E5FF"/>
+      
+      <!-- Ящики/органайзеры -->
+      <rect x="60" y="115" width="80" height="30" fill="#1a1f29" opacity="0.7"/>
+      <rect x="150" y="115" width="80" height="30" fill="#1a1f29" opacity="0.7"/>
+      <rect x="240" y="115" width="80" height="30" fill="#1a1f29" opacity="0.7"/>
+      <rect x="330" y="115" width="110" height="30" fill="#1a1f29" opacity="0.7"/>
+      
+      <!-- Размеры -->
+      <text x="250" y="30" fill="#0F1218" font-size="12" text-anchor="middle">1200 мм</text>
+      <text x="470" y="150" fill="#0F1218" font-size="12" text-anchor="middle">1800</text>
+      <text x="250" y="280" fill="#5B6573" font-size="11" text-anchor="middle">Глубина: 300 мм</text>
+    </svg>
+    <div class="grid" style="margin-top:16px">
+      <div>
+        <h4 style="margin-bottom:8px">Размеры</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Ширина: 1200 мм</li>
+          <li>Высота: 1800 мм (4 яруса)</li>
+          <li>Глубина: 300 мм</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Организация</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Перфорированная панель сзади</li>
+          <li>Контейнеры для мелочёвки</li>
+          <li>Магнитные держатели</li>
+          <li>Подписанные ящики</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Смета</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Металлопрокат: 25 000 ₸</li>
+          <li>Фанера/ЛДСП: 15 000 ₸</li>
+          <li>Крепёж: 5 000 ₸</li>
+          <li><strong>~45 000 ₸</strong></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">📦 Складской стеллаж (для запчастей)</h3>
+    <div class="grid">
+      <div>
+        <h4 style="margin-bottom:8px">Размеры</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Ширина: 1500 мм</li>
+          <li>Высота: 2000 мм (5 ярусов)</li>
+          <li>Глубина: 500 мм</li>
+          <li>Нагрузка: до 200 кг/полка</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Что хранить</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Масла, фильтры</li>
+          <li>Запчасти в коробках</li>
+          <li>Автохимия</li>
+          <li>Расходники</li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Смета</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Готовый стеллаж: 60 000 ₸</li>
+          <li>Или самодельный: ~40 000 ₸</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">🔘 Хранение шин и колёс</h3>
+    <div class="grid">
+      <div class="card" style="background:var(--cyan-50)">
+        <h4 style="margin-bottom:8px">Вариант 1: Вертикальный стеллаж</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>4 слота по ширине колеса</li>
+          <li>Расстояние: 300 мм</li>
+          <li>Высота: 1200 мм</li>
+          <li><strong>~15 000 ₸</strong></li>
+        </ul>
+      </div>
+      <div class="card" style="background:var(--ink);color:#fff">
+        <h4 style="margin-bottom:8px;color:var(--cyan)">Вариант 2: Подвес на потолок</h4>
+        <ul style="line-height:1.8">
+          <li>Кронштейны с крюками</li>
+          <li>Экономия места на полу</li>
+          <li>Удобно менять сезон</li>
+          <li><strong>~10 000 ₸</strong></li>
+        </ul>
+      </div>
+      <div class="card">
+        <h4 style="margin-bottom:8px">Вариант 3: Стойка-стойка</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Две вертикальные стойки</li>
+          <li>Колёса между ними</li>
+          <li>Компактно</li>
+          <li><strong>~8 000 ₸</strong></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px;background:var(--ink);color:#fff">
+    <h3 style="margin-bottom:16px;color:var(--cyan)">📊 Итоговая смета на все стеллажи</h3>
+    <div class="grid">
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px">Над верстаком</p>
+        <p style="font-size:24px;color:var(--cyan)">~45 000 ₸</p>
+      </div>
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px">Инструменты</p>
+        <p style="font-size:24px;color:var(--cyan)">~45 000 ₸</p>
+      </div>
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px">Склад</p>
+        <p style="font-size:24px;color:var(--cyan)">~40 000 ₸</p>
+      </div>
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px">Шины</p>
+        <p style="font-size:24px;color:var(--cyan)">~15 000 ₸</p>
+      </div>
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px">Крепёж, фурнитура</p>
+        <p style="font-size:24px;color:var(--cyan)">~15 000 ₸</p>
+      </div>
+      <div>
+        <p style="color:#9aa3b2;margin-bottom:8px;font-weight:700">ИТОГО</p>
+        <p style="font-size:28px;color:var(--cyan);font-weight:700">~160 000 ₸</p>
+      </div>
+    </div>
+  </div>
+</div></section>
+
 <section class="section"><div class="container">
   <h2 class="reveal">Что будет дальше</h2>
   <div class="card reveal">
@@ -422,7 +658,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
       <li style="margin-bottom:16px">✅ <strong>Зонирование</strong> — 6 основных зон определены</li>
       <li style="margin-bottom:16px">✅ <strong>Электрика</strong> — щиток, розетки, освещение</li>
       <li style="margin-bottom:16px">✅ <strong>Вентиляция</strong> — приток, вытяжка, расчёт</li>
-      <li style="margin-bottom:16px">⬜ <strong>Стеллажи</strong> — размеры, чертежи, материалы</li>
+      <li style="margin-bottom:16px">✅ <strong>Стеллажи</strong> — размеры, чертежи, материалы</li>
       <li style="margin-bottom:16px">⬜ <strong>Фотоотчёт</strong> — процесс обустройства</li>
     </ul>
   </div>