<!doctype html>
<html lang="it">
<head><script src="/_sdk/telemetry_sdk.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CompressorShop - Essiccatori Aria Compressa</title>
<script src="https://cdn.tailwindcss.com/3.4.17"></script>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;900&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/lucide@0.263.0/dist/umd/lucide.min.js"></script>
<style>
body { font-family: 'DM Sans', sans-serif; }
.hero-overlay { background: linear-gradient(135deg, rgba(0,51,102,0.85) 0%, rgba(0,51,102,0.6) 100%); }
</style>
<script src="/_sdk/data_sdk.js" type="text/javascript"></script>
<script src="/_sdk/resizing_sdk.js" type="text/javascript"></script>
</head>
<body data-template-id="__page-root" class="w-full min-h-screen"><!-- Nav -->
<nav class="bg-white shadow-sm sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
<h1 data-template-id="nav-logo" class="canva-text text-xl font-bold"></h1><a href="#products" data-template-id="nav-cta" class="canva-button hidden md:inline-block px-5 py-2 rounded-md text-sm font-medium"></a>
</div>
</nav><!-- Hero -->
<header class="relative w-full"><img data-template-id="hero-bg" class="canva-image absolute inset-0 w-full h-full object-cover" loading="lazy">
<div class="hero-overlay relative z-10 py-20 md:py-32 px-4">
<div class="max-w-4xl mx-auto text-center">
<h2 data-template-id="hero-title" class="canva-text font-black text-white leading-tight"></h2>
<p data-template-id="hero-subtitle" class="canva-text text-white/90 mt-4 max-w-2xl mx-auto"></p>
<div class="mt-8 flex flex-col sm:flex-row gap-4 justify-center"><a href="https://wa.me/393357100260" target="_blank" rel="noopener noreferrer" data-template-id="hero-btn-primary" class="canva-button px-8 py-3 rounded-md font-bold text-center"></a> <a href="#why" data-template-id="hero-btn-secondary" class="canva-button px-8 py-3 rounded-md font-medium text-center border-2 border-white"></a>
</div>
</div>
</div>
</header><!-- Benefits icons row -->
<section class="bg-gray-50 py-12 px-4">
<div class="max-w-6xl mx-auto grid grid-cols-2 md:grid-cols-5 gap-6 text-center">
<div class="flex flex-col items-center gap-2"><i data-lucide="droplets" class="w-8 h-8 text-blue-600"></i>
<p data-template-id="benefit-1" class="canva-text text-sm"></p>
</div>
<div class="flex flex-col items-center gap-2"><i data-lucide="thermometer" class="w-8 h-8 text-blue-600"></i>
<p data-template-id="benefit-2" class="canva-text text-sm"></p>
</div>
<div class="flex flex-col items-center gap-2"><i data-lucide="gauge" class="w-8 h-8 text-blue-600"></i>
<p data-template-id="benefit-3" class="canva-text text-sm"></p>
</div>
<div class="flex flex-col items-center gap-2"><i data-lucide="shield-check" class="w-8 h-8 text-blue-600"></i>
<p data-template-id="benefit-4" class="canva-text text-sm"></p>
</div>
<div class="flex flex-col items-center gap-2"><i data-lucide="alert-triangle" class="w-8 h-8 text-blue-600"></i>
<p data-template-id="benefit-5" class="canva-text text-sm"></p>
</div>
</div>
</section><!-- Warning section -->
<section data-template-id="warning-section" class="canva-section py-16 px-4">
<div class="max-w-4xl mx-auto text-center">
<h2 data-template-id="warning-title" class="canva-text font-bold"></h2>
<p data-template-id="warning-text" class="canva-text mt-4"></p>
</div>
</section><!-- Products -->
<section id="products" class="bg-white py-16 px-4">
<div class="max-w-6xl mx-auto">
<h2 data-template-id="products-title" class="canva-text text-center font-bold mb-12"></h2>
<div class="grid md:grid-cols-2 gap-8"><!-- Frigorifero -->
<div data-template-id="card-frigo" class="canva-card rounded-xl overflow-hidden shadow-lg">
<div class="p-1 bg-green-600"></div>
<div class="p-6">
<h3 data-template-id="card-frigo-title" class="canva-text font-bold text-center mb-4"></h3><img data-template-id="card-frigo-img" class="canva-image w-full h-56 object-contain" loading="lazy">
<ul class="mt-4 space-y-2 text-sm">
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-green-600"></i><span data-template-id="frigo-feat-1" class="canva-text"></span></li>
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-green-600"></i><span data-template-id="frigo-feat-2" class="canva-text"></span></li>
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-green-600"></i><span data-template-id="frigo-feat-3" class="canva-text"></span></li>
</ul>
</div>
</div><!-- Adsorbimento -->
<div data-template-id="card-adsorb" class="canva-card rounded-xl overflow-hidden shadow-lg">
<div class="p-1 bg-blue-600"></div>
<div class="p-6">
<h3 data-template-id="card-adsorb-title" class="canva-text font-bold text-center mb-4"></h3><img data-template-id="card-adsorb-img" class="canva-image w-full h-56 object-contain" loading="lazy">
<ul class="mt-4 space-y-2 text-sm">
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-blue-600"></i><span data-template-id="adsorb-feat-1" class="canva-text"></span></li>
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-blue-600"></i><span data-template-id="adsorb-feat-2" class="canva-text"></span></li>
<li class="flex items-center gap-2"><i data-lucide="check" class="w-4 h-4 text-blue-600"></i><span data-template-id="adsorb-feat-3" class="canva-text"></span></li>
</ul>
</div>
</div>
</div>
</div>
</section><!-- Why choose us -->
<section id="why" data-template-id="why-section" class="canva-section py-16 px-4">
<div class="max-w-6xl mx-auto text-center">
<h2 data-template-id="why-title" class="canva-text font-bold mb-12"></h2>
<div class="grid sm:grid-cols-2 md:grid-cols-4 gap-8">
<div class="flex flex-col items-center gap-3"><i data-lucide="award" class="w-10 h-10 text-green-600"></i>
<p data-template-id="why-1" class="canva-text font-medium text-sm"></p>
</div>
<div class="flex flex-col items-center gap-3"><i data-lucide="truck" class="w-10 h-10 text-green-600"></i>
<p data-template-id="why-2" class="canva-text font-medium text-sm"></p>
</div>
<div class="flex flex-col items-center gap-3"><i data-lucide="headphones" class="w-10 h-10 text-green-600"></i>
<p data-template-id="why-3" class="canva-text font-medium text-sm"></p>
</div>
<div class="flex flex-col items-center gap-3"><i data-lucide="clock" class="w-10 h-10 text-green-600"></i>
<p data-template-id="why-4" class="canva-text font-medium text-sm"></p>
</div>
</div>
</div>
</section><!-- Final CTA -->
<section data-template-id="cta-section" class="canva-section py-16 px-4">
<div class="max-w-3xl mx-auto text-center">
<h2 data-template-id="cta-title" class="canva-text font-bold text-white"></h2>
<p data-template-id="cta-text" class="canva-text text-white/90 mt-4"></p><a href="https://wa.me/393357100260" target="_blank" rel="noopener noreferrer" data-template-id="cta-button" class="canva-button inline-block mt-8 px-10 py-4 rounded-md font-bold"></a>
</div>
</section>
<footer class="bg-gray-900 text-white py-8 px-4 text-center text-sm">
<p data-template-id="footer-text" class="canva-text"></p>
</footer>
<script src="/_sdk/editing_sdk.js"></script>
<script>lucide.createIcons();</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1039b9f2001a01f',t:'MTc4MjIxODkxNS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>