WARKAMANIA/1coding-wizards
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Кейсы - 1C Разработка</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10</head>11<body class="bg-gray-50">12 <!-- Navigation -->13 <nav class="bg-white shadow-lg">14 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">15 <div class="flex justify-between h-16">16 <div class="flex items-center">17 <div class="flex-shrink-0 flex items-center">18 <i data-feather="codesandbox" class="h-8 w-8 text-primary"></i>19 <span class="ml-2 text-xl font-bold text-gray-900">1C Разработка</span>20 </div>21 </div>22 <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">23 <a href="index.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Главная</a>24 <a href="services.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Услуги</a>25 <a href="solutions.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Решения</a>26 <a href="case-studies.html" class="text-gray-900 hover:text-primary px-3 py-2 text-sm font-medium">Кейсы</a>27 <a href="#" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Контакты</a>28 <a href="#" class="bg-primary text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-700 transition duration-300">Начать проект</a>29 </div>30 <div class="-mr-2 flex items-center md:hidden">31 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary">32 <i data-feather="menu"></i>33 </button>34 </div>35 </div>36 </div>37 </nav>38 39 <!-- Case Studies Content -->40 <div class="py-16 bg-white">41 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">42 <div class="text-center">43 <h1 class="text-4xl font-extrabold text-gray-900 sm:text-5xl">44 Наши кейсы45 </h1>46 <p class="mt-4 max-w-3xl text-xl text-gray-500 mx-auto">47 Реальные примеры автоматизации бизнес-процессов для наших клиентов48 </p>49 </div>50 51 <div class="mt-16 space-y-20">52 <!-- Retail Case Study -->53 <div id="retail" class="grid grid-cols-1 gap-8 md:grid-cols-2 items-center">54 <div>55 <img src="http://static.photos/retail/640x360/1" alt="Retail Automation" class="rounded-lg shadow-lg w-full">56 </div>57 <div>58 <h2 class="text-3xl font-bold text-gray-900">Розничная торговля</h2>59 <p class="mt-4 text-lg text-gray-500">60 Автоматизация управления запасами и кассовой системы для сети из 50 магазинов.61 </p>62 <div class="mt-6 space-y-4">63 <div class="flex items-start">64 <div class="flex-shrink-0">65 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>66 </div>67 <p class="ml-3 text-base text-gray-700">68 Сокращение расхождений в учете на 82%69 </p>70 </div>71 <div class="flex items-start">72 <div class="flex-shrink-0">73 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>74 </div>75 <p class="ml-3 text-base text-gray-700">76 Автоматизация процессов закупки и логистики77 </p>78 </div>79 <div class="flex items-start">80 <div class="flex-shrink-0">81 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>82 </div>83 <p class="ml-3 text-base text-gray-700">84 Интеграция с онлайн-кассами и платежными системами85 </p>86 </div>87 </div>88 </div>89 </div>90 91 <!-- Manufacturing Case Study -->92 <div id="manufacturing" class="grid grid-cols-1 gap-8 md:grid-cols-2 items-center">93 <div class="md:order-last">94 <img src="http://static.photos/industry/640x360/2" alt="Manufacturing" class="rounded-lg shadow-lg w-full">95 </div>96 <div>97 <h2 class="text-3xl font-bold text-gray-900">Производство</h2>98 <p class="mt-4 text-lg text-gray-500">99 Индивидуальное решение для планирования производства.100 </p>101 <div class="mt-6 space-y-4">102 <div class="flex items-start">103 <div class="flex-shrink-0">104 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>105 </div>106 <p class="ml-3 text-base text-gray-700">107 Сокращение сроков производства на 35%108 </p>109 </div>110 <div class="flex items-start">111 <div class="flex-shrink-0">112 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>113 </div>114 <p class="ml-3 text-base text-gray-700">115 Увеличение своевременных поставок116 </p>117 </div>118 <div class="flex items-start">119 <div class="flex-shrink-0">120 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>121 </div>122 <p class="ml-3 text-base text-gray-700">123 Оптимизация использования сырья и материалов124 </p>125 </div>126 </div>127 </div>128 </div>129 130 <!-- Logistics Case Study -->131 <div id="logistics" class="grid grid-cols-1 gap-8 md:grid-cols-2 items-center">132 <div>133 <img src="http://static.photos/transportation/640x360/3" alt="Logistics" class="rounded-lg shadow-lg w-full">134 </div>135 <div>136 <h2 class="text-3xl font-bold text-gray-900">Логистика</h2>137 <p class="mt-4 text-lg text-gray-500">138 Система планирования маршрутов и управления автопарком.139 </p>140 <div class="mt-6 space-y-4">141 <div class="flex items-start">142 <div class="flex-shrink-0">143 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>144 </div>145 <p class="ml-3 text-base text-gray-700">146 Сокращение затрат на топливо на 22%147 </p>148 </div>149 <div class="flex items-start">150 <div class="flex-shrink-0">151 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>152 </div>153 <p class="ml-3 text-base text-gray-700">154 Повышение эффективности доставки155 </p>156 </div>157 <div class="flex items-start">158 <div class="flex-shrink-0">159 <i data-feather="check-circle" class="h-6 w-6 text-secondary"></i>160 </div>161 <p class="ml-3 text-base text-gray-700">162 Контроль работы водителей в реальном времени163 </p>164 </div>165 </div>166 </div>167 </div>168 </div>169 </div>170 </div>171 172 <!-- Footer -->173 <footer class="bg-gray-800">174 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">175 <div class="grid grid-cols-2 gap-8 md:grid-cols-4">176 <div>177 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Решения</h3>178 <ul class="mt-4 space-y-4">179 <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:ERP</a></li>180 <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:CRM</a></li>181 <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:Retail</a></li>182 <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:Manufacturing</a></li>183 </ul>184 </div>185 <div>186 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Услуги</h3>187 <ul class="mt-4 space-y-4">188 <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Внедрение</a></li>189 <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Разработка</a></li>190 <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Интеграция</a></li>191 <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Поддержка</a></li>192 </ul>193 </div>194 <div>195 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Компания</h3>196 <ul class="mt-4 space-y-4">197 <li><a href="#" class="text-base text-gray-300 hover:text-white">О нас</a></li>198 <li><a href="case-studies.html" class="text-base text-gray-300 hover:text-white">Кейсы</a></li>199 <li><a href="#" class="text-base text-gray-300 hover:text-white">Карьера</a></li>200 <li><a href="#" class="text-base text-gray-300 hover:text-white">Блог</a></li>201 </ul>202 </div>203 <div>204 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Контакты</h3>205 <ul class="mt-4 space-y-4">206 <li><a href="#" class="text-base text-gray-300 hover:text-white">Связаться</a></li>207 <li><a href="#" class="text-base text-gray-300 hover:text-white">Поддержка</a></li>208 <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>209 <li><a href="#" class="text-base text-gray-300 hover:text-white">Telegram</a></li>210 </ul>211 </div>212 </div>213 <div class="mt-12 border-t border-gray-700 pt-8 flex justify-between">214 <p class="text-base text-gray-400">215 © 2023 1C Разработка. Все права защищены.216 </p>217 <div class="flex space-x-6">218 <a href="#" class="text-gray-400 hover:text-white">219 <i data-feather="facebook"></i>220 </a>221 <a href="#" class="text-gray-400 hover:text-white">222 <i data-feather="twitter"></i>223 </a>224 <a href="#" class="text-gray-400 hover:text-white">225 <i data-feather="instagram"></i>226 </a>227 <a href="#" class="text-gray-400 hover:text-white">228 <i data-feather="linkedin"></i>229 </a>230 </div>231 </div>232 </div>233 </footer>234 235 <script>236 feather.replace();237 </script>238</body>239</html>