Aazor/spincycle-empire
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>Máquina de Lavar - Premium Waschmaschinen weltweit</title>7 <link rel="icon" type="image/x-icon" href="">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>12 <style>13 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');14 body {15 font-family: 'Poppins', sans-serif;16 }17 .hero-bg {18 background: linear-gradient(135deg, #0052D9 0%, #4364F7 50%, #6FB1FC 100%);19 }20 .map-pin {21 animation: pulse 2s infinite;22 }23 @keyframes pulse {24 0% { transform: scale(1); }25 50% { transform: scale(1.1); }26 100% { transform: scale(1); }27 }28 </style>29</head>30<body class="bg-gray-50">31 <!-- Navbar -->32 <nav class="bg-white shadow-lg">33 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">34 <div class="flex justify-between h-16">35 <div class="flex items-center">36 <div class="flex-shrink-0 flex items-center">37 <img src="/Users/david/Downloads/generated-image.png" class="h-8 w-8" alt="Logo">38 <span class="ml-2 text-xl font-bold text-gray-800">Máquina de Lavar</span>39</div>40 <div class="hidden sm:ml-6 sm:flex sm:space-x-8">41 <a href="#" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>42 <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Products</a>43 <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a>44 <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contact</a>45 </div>46 </div>47 <div class="hidden sm:ml-6 sm:flex sm:items-center">48 <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Get a Quote</button>49 </div>50 <div class="-mr-2 flex items-center sm:hidden">51 <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-blue-500">52 <i data-feather="menu" class="block h-6 w-6"></i>53 </button>54 </div>55 </div>56 </div>57 </nav>58 59 <!-- Hero Section -->60 <div id="hero" class="hero-bg text-white">61 <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">62 <div class="text-center">63 <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">64 <span class="block">Revolutionizing Laundry</span>65 <span class="block text-blue-200">Across Continents</span>66 </h1>67 <p class="mt-3 max-w-md mx-auto text-base sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">68 From South America to Asia Pacific, Central Asia and Africa - we bring low price washing solutions to your doorstep.69 </p>70 <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">71 <div class="rounded-md shadow">72 <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-gray-50 md:py-4 md:text-lg md:px-10">73 Explore Products74 </a>75 </div>76 <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">77 <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-700 hover:bg-blue-800 md:py-4 md:text-lg md:px-10">78 Contact Sales79 </a>80 </div>81 </div>82 </div>83 </div>84 </div>85 86 <!-- Stats Section -->87 <div class="bg-white py-12">88 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">89 <div class="lg:text-center">90 <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Global Reach</h2>91 <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">92 Our Washing Revolution by Numbers93 </p>94 </div>95 96 <div class="mt-10">97 <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">98 <div class="pt-6">99 <div class="flow-root bg-gray-50 rounded-lg px-6 pb-8">100 <div class="-mt-6">101 <div>102 <span class="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">103 <i data-feather="globe" class="h-6 w-6 text-white"></i>104 </span>105 </div>106 <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">45+ Countries</h3>107 <p class="mt-5 text-base text-gray-500">108 Serving customers across four continents with reliable washing solutions109 </p>110 </div>111 </div>112 </div>113 114 <div class="pt-6">115 <div class="flow-root bg-gray-50 rounded-lg px-6 pb-8">116 <div class="-mt-6">117 <div>118 <span class="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">119 <i data-feather="truck" class="h-6 w-6 text-white"></i>120 </span>121 </div>122 <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">2M+ Units Sold</h3>123 <p class="mt-5 text-base text-gray-500">124 High-quality washing machines delivered to satisfied customers125 </p>126 </div>127 </div>128 </div>129 130 <div class="pt-6">131 <div class="flow-root bg-gray-50 rounded-lg px-6 pb-8">132 <div class="-mt-6">133 <div>134 <span class="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">135 <i data-feather="clock" class="h-6 w-6 text-white"></i>136 </span>137 </div>138 <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">15 Years</h3>139 <p class="mt-5 text-base text-gray-500">140 Experience in manufacturing and distributing premium appliances141 </p>142 </div>143 </div>144 </div>145 146 <div class="pt-6">147 <div class="flow-root bg-gray-50 rounded-lg px-6 pb-8">148 <div class="-mt-6">149 <div>150 <span class="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">151 <i data-feather="users" class="h-6 w-6 text-white"></i>152 </span>153 </div>154 <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">500+ Employees</h3>155 <p class="mt-5 text-base text-gray-500">156 Dedicated team working to improve your laundry experience157 </p>158 </div>159 </div>160 </div>161 </div>162 </div>163 </div>164 </div>165 166 <!-- Global Presence Section -->167 <div class="relative bg-gray-50 pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">168 <div class="absolute inset-0">169 <div class="bg-white h-1/3 sm:h-2/3"></div>170 </div>171 <div class="relative max-w-7xl mx-auto">172 <div class="text-center">173 <h2 class="text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl">174 Our Global Presence175 </h2>176 <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">177 From our South American roots to expansion across emerging markets178 </p>179 </div>180 <div class="mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none">181 <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">182 <div class="flex-shrink-0">183 <img class="h-48 w-full object-cover" src="https://upload.wikimedia.org/wikipedia/commons/4/4f/Christ_the_Redeemer_-_Cristo_Redentor.jpg$0" alt="South America">184 </div>185 <div class="flex-1 bg-white p-6 flex flex-col justify-between">186 <div class="flex-1">187 <p class="text-sm font-medium text-blue-600">188 <span class="inline-flex items-center">189 <i data-feather="map-pin" class="mr-1 h-4 w-4"></i>190 Headquarters191 </span>192 </p>193 <a href="#" class="block mt-2">194 <h3 class="text-xl font-semibold text-gray-900">South America</h3>195 <p class="mt-3 text-base text-gray-500">196 Our journey began in Brazil, where we established our first manufacturing plant and headquarters.197 </p>198 </a>199 </div>200 </div>201 </div>202 203 <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">204 <div class="flex-shrink-0">205 <img class="h-48 w-full object-cover" src="" alt="Asia Pacific">206 </div>207 <div class="flex-1 bg-white p-6 flex flex-col justify-between">208 <div class="flex-1">209 <p class="text-sm font-medium text-blue-600">210 <span class="inline-flex items-center">211 <i data-feather="map-pin" class="mr-1 h-4 w-4"></i>212 Expansion213 </span>214 </p>215 <a href="#" class="block mt-2">216 <h3 class="text-xl font-semibold text-gray-900">Asia Pacific</h3>217 <p class="mt-3 text-base text-gray-500">218 We successfully entered Vietnam, Indonesia, and the Philippines with our energy-efficient models.219 </p>220 </a>221 </div>222 </div>223 </div>224 225 <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">226 <div class="flex-shrink-0">227 <img class="h-48 w-full object-cover" src="" alt="Africa">228 </div>229 <div class="flex-1 bg-white p-6 flex flex-col justify-between">230 <div class="flex-1">231 <p class="text-sm font-medium text-blue-600">232 <span class="inline-flex items-center">233 <i data-feather="map-pin" class="mr-1 h-4 w-4"></i>234 New Markets235 </span>236 </p>237 <a href="#" class="block mt-2">238 <h3 class="text-xl font-semibold text-gray-900">Africa & Central Asia</h3>239 <p class="mt-3 text-base text-gray-500">240 Recently launched operations in Nigeria, Kenya, and Kazakhstan with water-saving technology.241 </p>242 </a>243 </div>244 </div>245 </div>246 </div>247 </div>248 </div>249 250 <!-- Featured Products -->251 <div class="bg-white">252 <div class="max-w-2xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:max-w-7xl lg:px-8">253 <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Our Best-Selling Machines</h2>254 255 <div class="mt-6 grid grid-cols-1 gap-y-10 gap-x-6 sm:grid-cols-2 lg:grid-cols-4 xl:gap-x-8">256 <div class="group relative">257 <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">258 <img src="http://static.photos/technology/640x360/201" alt="Front of men's Basic Tee in black." class="w-full h-full object-center object-cover lg:w-full lg:h-full">259 </div>260 <div class="mt-4 flex justify-between">261 <div>262 <h3 class="text-sm text-gray-700">263 <a href="#">264 <span aria-hidden="true" class="absolute inset-0"></span>265 TurboClean Pro266 </a>267 </h3>268 <p class="mt-1 text-sm text-gray-500">Front Loader</p>269 </div>270 <p class="text-sm font-medium text-gray-900">$899</p>271 </div>272 </div>273 274 <div class="group relative">275 <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">276 <img src="http://static.photos/technology/640x360/202" alt="Front of men's Basic Tee in black." class="w-full h-full object-center object-cover lg:w-full lg:h-full">277 </div>278 <div class="mt-4 flex justify-between">279 <div>280 <h3 class="text-sm text-gray-700">281 <a href="#">282 <span aria-hidden="true" class="absolute inset-0"></span>283 EcoWash Plus284 </a>285 </h3>286 <p class="mt-1 text-sm text-gray-500">Energy Star Rated</p>287 </div>288 <p class="text-sm font-medium text-gray-900">$749</p>289 </div>290 </div>291 292 <div class="group relative">293 <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">294 <img src="http://static.photos/technology/640x360/203" alt="Front of men's Basic Tee in black." class="w-full h-full object-center object-cover lg:w-full lg:h-full">295 </div>296 <div class="mt-4 flex justify-between">297 <div>298 <h3 class="text-sm text-gray-700">299 <a href="#">300 <span aria-hidden="true" class="absolute inset-0"></span>301 CompactMagic302 </a>303 </h3>304 <p class="mt-1 text-sm text-gray-500">Space Saving</p>305 </div>306 <p class="text-sm font-medium text-gray-900">$599</p>307 </div>308 </div>309 310 <div class="group relative">311 <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">312 <img src="http://static.photos/technology/640x360/204" alt="Front of men's Basic Tee in black." class="w-full h-full object-center object-cover lg:w-full lg:h-full">313 </div>314 <div class="mt-4 flex justify-between">315 <div>316 <h3 class="text-sm text-gray-700">317 <a href="#">318 <span aria-hidden="true" class="absolute inset-0"></span>319 IndustrialMax320 </a>321 </h3>322 <p class="mt-1 text-sm text-gray-500">Commercial Grade</p>323 </div>324 <p class="text-sm font-medium text-gray-900">$1,299</p>325 </div>326 </div>327 </div>328 </div>329 </div>330 331 <!-- CTA Section -->332 <div class="bg-blue-700">333 <div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8">334 <h2 class="text-3xl font-extrabold text-white sm:text-4xl">335 <span class="block">Ready to revolutionize your laundry?</span>336 <span class="block">Contact our sales team today.</span>337 </h2>338 <p class="mt-4 text-lg leading-6 text-blue-200">339 We offer bulk discounts for commercial buyers and customized solutions for different markets.340 </p>341 <a href="#" class="mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-blue-50 sm:w-auto">342 Request a Quote343 </a>344 </div>345 </div>346 347 <!-- Footer -->348 <footer class="bg-gray-800">349 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">350 <div class="xl:grid xl:grid-cols-3 xl:gap-8">351 <div class="space-y-8 xl:col-span-1">352 <div class="flex items-center">353 <img src="/Users/david/Downloads/generated-image.png" class="h-8 w-8" alt="Logo">354 <span class="ml-2 text-xl font-bold text-white">Máquina de Lavar</span>355</div>356 <p class="text-gray-300 text-base">357 Making laundry easier across emerging markets since 2008.358 </p>359 <div class="flex space-x-6">360 <a href="#" class="text-gray-400 hover:text-gray-300">361 <i data-feather="facebook" class="h-6 w-6"></i>362 </a>363 <a href="#" class="text-gray-400 hover:text-gray-300">364 <i data-feather="instagram" class="h-6 w-6"></i>365 </a>366 <a href="#" class="text-gray-400 hover:text-gray-300">367 <i data-feather="twitter" class="h-6 w-6"></i>368 </a>369 <a href="#" class="text-gray-400 hover:text-gray-300">370 <i data-feather="linkedin" class="h-6 w-6"></i>371 </a>372 </div>373 </div>374 <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">375 <div class="md:grid md:grid-cols-2 md:gap-8">376 <div>377 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Products</h3>378 <ul class="mt-4 space-y-4">379 <li>380 <a href="#" class="text-base text-gray-400 hover:text-white"> Residential </a>381 </li>382 <li>383 <a href="#" class="text-base text-gray-400 hover:text-white"> Commercial </a>384 </li>385 <li>386 <a href="#" class="text-base text-gray-400 hover:text-white"> Industrial </a>387 </li>388 <li>389 <a href="#" class="text-base text-gray-400 hover:text-white"> Accessories </a>390 </li>391 </ul>392 </div>393 <div class="mt-12 md:mt-0">394 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Support</h3>395 <ul class="mt-4 space-y-4">396 <li>397 <a href="#" class="text-base text-gray-400 hover:text-white"> Warranty </a>398 </li>399 <li>400 <a href="#" class="text-base text-gray-400 hover:text-white"> Service Centers </a>401 </li>402 <li>403 <a href="#" class="text-base text-gray-400 hover:text-white"> FAQs </a>404 </li>405 <li>406 <a href="#" class="text-base text-gray-400 hover:text-white"> Contact Support </a>407 </li>408 </ul>409 </div>410 </div>411 <div class="md:grid md:grid-cols-2 md:gap-8">412 <div>413 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Company</h3>414 <ul class="mt-4 space-y-4">415 <li>416 <a href="#" class="text-base text-gray-400 hover:text-white"> About </a>417 </li>418 <li>419 <a href="#" class="text-base text-gray-400 hover:text-white"> Careers </a>420 </li>421 <li>422 <a href="#" class="text-base text-gray-400 hover:text-white"> Press </a>423 </li>424 <li>425 <a href="#" class="text-base text-gray-400 hover:text-white"> Sustainability </a>426 </li>427 </ul>428 </div>429 <div class="mt-12 md:mt-0">430 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Legal</h3>431 <ul class="mt-4 space-y-4">432 <li>433 <a href="#" class="text-base text-gray-400 hover:text-white"> Privacy </a>434 </li>435 <li>436 <a href="#" class="text-base text-gray-400 hover:text-white"> Terms </a>437 </li>438 <li>439 <a href="#" class="text-base text-gray-400 hover:text-white"> Cookie Policy </a>440 </li>441 </ul>442 </div>443 </div>444 </div>445 </div>446 <div class="mt-12 border-t border-gray-700 pt-8">447 <p class="text-base text-gray-400 xl:text-center">448 © 2023 Máquina de Lavar. All rights reserved.449 </p>450 </div>451 </div>452 </footer>453 454 <script>455 VANTA.GLOBE({456 el: "#hero",457 mouseControls: true,458 touchControls: true,459 gyroControls: false,460 minHeight: 200.00,461 minWidth: 200.00,462 scale: 1.00,463 scaleMobile: 1.00,464 color: 0x3a86ff,465 backgroundColor: 0x0466 });467 </script>468 <script>469 feather.replace();470 </script>471</body>472</html>473