mshmrr/leadertrans-express-logistics
0
1<!DOCTYPE html>2<html lang="ru">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>LeaderTrans - Надежные грузоперевозки</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <style>11 .testimonial-card {12 transition: all 0.3s ease;13 }14 .testimonial-card:hover {15 transform: translateY(-5px);16 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);17 }18 </style>19</head>20<body class="bg-gray-50">21 <!-- Hero Section -->22 <div class="relative bg-blue-900 text-white overflow-hidden">23 <div class="max-w-7xl mx-auto">24 <div class="relative z-10 pb-8 bg-blue-900 sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">25 <div class="pt-10 px-4 sm:px-6 lg:px-8">26 <div class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">27 <div class="sm:text-center lg:text-left">28 <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">29 <span class="block">Более 1000 клиентов</span>30 <span class="block text-blue-300">доверяют нам</span>31 </h1>32 <p class="mt-3 text-base text-blue-200 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">33 Мы обеспечиваем своевременную, надежную и быструю доставку ваших грузов34 </p>35 <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">36 <div class="rounded-md shadow">37 <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-blue-50 md:py-4 md:text-lg md:px-10">38 Оставить заявку39 </a>40 </div>41 <div class="mt-3 sm:mt-0 sm:ml-3">42 <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">43 Узнать больше44 </a>45 </div>46 </div>47 </div>48 </div>49 </div>50 </div>51 </div>52 </div>53 54 <!-- Testimonials Section -->55 <div class="py-12 bg-white">56 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">57 <div class="lg:text-center">58 <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Отзывы</h2>59 <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">60 Что говорят наши клиенты61 </p>62 </div>63 64 <div class="mt-10">65 <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">66 <!-- Testimonial 1 -->67 <div class="testimonial-card bg-white p-6 rounded-lg shadow-lg">68 <div class="flex items-center mb-4">69 <img class="w-12 h-12 rounded-full mr-4" src="https://aimee-b47ivmc7k2.figweb.site/cdn-cgi/imagedelivery/s-dfVpmPR-aKHmwFNwAgnQ/aimee-b47ivmc7k2.figweb.site-0dbfa7f3a46b42ec4a1194dbfaa1b34dde856d28/w=216.084407971864" alt="ООО Транс-Сервис">70 <div>71 <h3 class="font-bold text-lg">ООО Транс-Сервис</h3>72 <p class="text-blue-600">Транспортная компания</p>73 </div>74 </div>75 <p class="text-gray-700 italic">"Отличный сервис. Спасибо за работу! Только приятные впечатления от работы с фирмой и общения с Людмилой. Процветания и вам и нам!"</p>76 <div class="mt-4 flex text-yellow-400">77 <i data-feather="star" class="fill-current w-5 h-5"></i>78 <i data-feather="star" class="fill-current w-5 h-5"></i>79 <i data-feather="star" class="fill-current w-5 h-5"></i>80 <i data-feather="star" class="fill-current w-5 h-5"></i>81 <i data-feather="star" class="fill-current w-5 h-5"></i>82 </div>83 </div>84 85 <!-- Testimonial 2 -->86 <div class="testimonial-card bg-white p-6 rounded-lg shadow-lg">87 <div class="flex items-center mb-4">88 <img class="w-12 h-12 rounded-full mr-4" src="https://aimee-b47ivmc7k2.figweb.site/cdn-cgi/imagedelivery/s-dfVpmPR-aKHmwFNwAgnQ/aimee-b47ivmc7k2.figweb.site-0dbfa7f3a46b42ec4a1194dbfaa1b34dde856d28/w=216.084407971864" alt="Дергачев Сергей">89 <div>90 <h3 class="font-bold text-lg">Дергачев Сергей</h3>91 <p class="text-blue-600">Индивидуальный предприниматель</p>92 </div>93 </div>94 <p class="text-gray-700 italic">"Спасибо за четко слаженную работу, все по договоренности и в срок, рекомендую как надежного и ответственного партнера."</p>95 <div class="mt-4 flex text-yellow-400">96 <i data-feather="star" class="fill-current w-5 h-5"></i>97 <i data-feather="star" class="fill-current w-5 h-5"></i>98 <i data-feather="star" class="fill-current w-5 h-5"></i>99 <i data-feather="star" class="fill-current w-5 h-5"></i>100 <i data-feather="star" class="fill-current w-5 h-5"></i>101 </div>102 </div>103 104 <!-- Testimonial 3 -->105 <div class="testimonial-card bg-white p-6 rounded-lg shadow-lg">106 <div class="flex items-center mb-4">107 <img class="w-12 h-12 rounded-full mr-4" src="https://aimee-b47ivmc7k2.figweb.site/cdn-cgi/imagedelivery/s-dfVpmPR-aKHmwFNwAgnQ/aimee-b47ivmc7k2.figweb.site-da42375826e533844c087c3a865cb653c16a8675/w=180" alt="Твердовский Владимир">108 <div>109 <h3 class="font-bold text-lg">Твердовский Владимир</h3>110 <p class="text-blue-600">Индивидуальный предприниматель</p>111 </div>112 </div>113 <p class="text-gray-700 italic">"Отличная компания, всегда на 100 процентов выполняют свои обязательства. Погрузки, разгрузки и оплата сделаны в срок. Буду рад дальнейшему сотрудничеству!"</p>114 <div class="mt-4 flex text-yellow-400">115 <i data-feather="star" class="fill-current w-5 h-5"></i>116 <i data-feather="star" class="fill-current w-5 h-5"></i>117 <i data-feather="star" class="fill-current w-5 h-5"></i>118 <i data-feather="star" class="fill-current w-5 h-5"></i>119 <i data-feather="star" class="fill-current w-5 h-5"></i>120 </div>121 </div>122 123 <!-- Testimonial 4 -->124 <div class="testimonial-card bg-white p-6 rounded-lg shadow-lg">125 <div class="flex items-center mb-4">126 <img class="w-12 h-12 rounded-full mr-4" src="https://aimee-b47ivmc7k2.figweb.site/cdn-cgi/imagedelivery/s-dfVpmPR-aKHmwFNwAgnQ/aimee-b47ivmc7k2.figweb.site-f459d8979f21a7bffb3ce803e3c256218d836344/w=142" alt="ООО Созвездие Мебель">127 <div>128 <h3 class="font-bold text-lg">ООО Созвездие Мебель</h3>129 <p class="text-blue-600">Мебельный склад</p>130 </div>131 </div>132 <p class="text-gray-700 italic">"Очень доволен. Отличный перевозчик! Работа выполнена в срок, все согласно заявке. Работать с такими людьми - одно удовольствие. Рекомендую всем!"</p>133 <div class="mt-4 flex text-yellow-400">134 <i data-feather="star" class="fill-current w-5 h-5"></i>135 <i data-feather="star" class="fill-current w-5 h-5"></i>136 <i data-feather="star" class="fill-current w-5 h-5"></i>137 <i data-feather="star" class="fill-current w-5 h-5"></i>138 <i data-feather="star" class="fill-current w-5 h-5"></i>139 </div>140 </div>141 142 <!-- Testimonial 5 -->143 <div class="testimonial-card bg-white p-6 rounded-lg shadow-lg">144 <div class="flex items-center mb-4">145 <img class="w-12 h-12 rounded-full mr-4" src="https://aimee-b47ivmc7k2.figweb.site/cdn-cgi/imagedelivery/s-dfVpmPR-aKHmwFNwAgnQ/aimee-b47ivmc7k2.figweb.site-9b76150d98c6f557275b3cbc0314fb6621fabd8f/w=246" alt="Булюнова Юлия">146 <div>147 <h3 class="font-bold text-lg">Булюнова Юлия</h3>148 <p class="text-blue-600">Физическое лицо</p>149 </div>150 </div>151 <p class="text-gray-700 italic">"Бережная доставка. Хороший перевозчик, без проблем доставили груз из Беларуси, все в целости. Рекомендую к сотрудничеству!"</p>152 <div class="mt-4 flex text-yellow-400">153 <i data-feather="star" class="fill-current w-5 h-5"></i>154 <i data-feather="star" class="fill-current w-5 h-5"></i>155 <i data-feather="star" class="fill-current w-5 h-5"></i>156 <i data-feather="star" class="fill-current w-5 h-5"></i>157 <i data-feather="star" class="fill-current w-5 h-5"></i>158 </div>159 </div>160 161 <!-- CTA Card -->162 <div class="bg-blue-700 text-white p-6 rounded-lg shadow-lg flex flex-col justify-center items-center">163 <h3 class="text-xl font-bold mb-4 text-center">Готовы сотрудничать?</h3>164 <p class="mb-6 text-center">Присоединяйтесь к 1000+ довольных клиентов</p>165 <button class="bg-white text-blue-700 font-bold py-2 px-6 rounded hover:bg-blue-100 transition duration-300">166 Оставить заявку167 </button>168 </div>169 </div>170 </div>171 </div>172 </div>173 174 <!-- Features Section -->175 <div class="py-12 bg-gray-50">176 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">177 <div class="lg:text-center">178 <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Наши преимущества</h2>179 <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">180 Почему выбирают нас181 </p>182 </div>183 184 <div class="mt-10">185 <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">186 <!-- Feature 1 -->187 <div class="bg-white p-6 rounded-lg shadow-md">188 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white mb-4">189 <i data-feather="clock" class="w-6 h-6"></i>190 </div>191 <h3 class="text-lg font-medium text-gray-900 mb-2">Соблюдение сроков</h3>192 <p class="text-gray-500">193 Мы ценим ваше время и гарантируем своевременную доставку груза194 </p>195 </div>196 197 <!-- Feature 2 -->198 <div class="bg-white p-6 rounded-lg shadow-md">199 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white mb-4">200 <i data-feather="shield" class="w-6 h-6"></i>201 </div>202 <h3 class="text-lg font-medium text-gray-900 mb-2">Надежность</h3>203 <p class="text-gray-500">204 Более 1000 клиентов по всему миру доверяют нам свои грузы205 </p>206 </div>207 208 <!-- Feature 3 -->209 <div class="bg-white p-6 rounded-lg shadow-md">210 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white mb-4">211 <i data-feather="users" class="w-6 h-6"></i>212 </div>213 <h3 class="text-lg font-medium text-gray-900 mb-2">Команда профессионалов</h3>214 <p class="text-gray-500">215 Опытные специалисты с многолетним стажем работы в логистике216 </p>217 </div>218 </div>219 </div>220 </div>221 </div>222 223 <!-- Footer -->224 <footer class="bg-gray-800 text-white">225 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">226 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">227 <div>228 <h3 class="text-lg font-bold mb-4">LeaderTrans</h3>229 <p class="text-gray-300">Надежные грузоперевозки по России и за рубежом</p>230 </div>231 <div>232 <h3 class="text-lg font-bold mb-4">Контакты</h3>233 <ul class="space-y-2">234 <li class="flex items-center">235 <i data-feather="phone" class="w-5 h-5 mr-2"></i>236 <span>+7 (XXX) XXX-XX-XX</span>237 </li>238 <li class="flex items-center">239 <i data-feather="mail" class="w-5 h-5 mr-2"></i>240 <span>info@leadertrans.ru</span>241 </li>242 <li class="flex items-center">243 <i data-feather="map-pin" class="w-5 h-5 mr-2"></i>244 <span>Москва, ул. Транспортная, 15</span>245 </li>246 </ul>247 </div>248 <div>249 <h3 class="text-lg font-bold mb-4">Мы в соцсетях</h3>250 <div class="flex space-x-4">251 <a href="#" class="text-gray-400 hover:text-white">252 <i data-feather="facebook" class="w-6 h-6"></i>253 </a>254 <a href="#" class="text-gray-400 hover:text-white">255 <i data-feather="instagram" class="w-6 h-6"></i>256 </a>257 <a href="#" class="text-gray-400 hover:text-white">258 <i data-feather="twitter" class="w-6 h-6"></i>259 </a>260 </div>261 </div>262 </div>263 <div class="mt-8 pt-8 border-t border-gray-700 text-center text-gray-400">264 <p>© 2023 LeaderTrans. Все права защищены.</p>265 </div>266 </div>267 </footer>268 269 <script>270 feather.replace();271 </script>272</body>273</html>274