<!DOCTYPE html>

<html lang="it">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>STAMPOO | Service DTF Professionale - Prova Gratis 1 Metro</title>

  <meta name="description" content="STAMPOO è il tuo service DTF professionale. Richiedi gratis 1 metro di transfer DTF stampato con il tuo file. Qualità costante, tempi certi.">

  <meta name="robots" content="index, follow">

  <meta name="author" content="STAMPOO by TAMAS SRL">

  

  <!-- Open Graph / Facebook -->

  <meta property="og:type" content="website">

  <meta property="og:title" content="STAMPOO | Service DTF Professionale - Prova Gratis 1 Metro">

  <meta property="og:description" content="STAMPOO è il tuo service DTF professionale. Richiedi gratis 1 metro di transfer DTF stampato con il tuo file.">

  <meta property="og:image" content="https://your-domain.com/og-image.jpg">

  

  <!-- Twitter -->

  <meta name="twitter:card" content="summary_large_image">

  <meta name="twitter:title" content="STAMPOO | Service DTF Professionale">

  <meta name="twitter:description" content="Richiedi gratis 1 metro di transfer DTF stampato con il tuo file.">

  

  <link rel="preconnect" href="https://fonts.googleapis.com">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800&display=swap" rel="stylesheet">

  

  <!-- Structured Data -->

  <script type="application/ld+json">

  {

    "@context": "https://schema.org",

    "@type": "LocalBusiness",

    "name": "STAMPOO by TAMAS SRL",

    "alternateName": "STAMPOO",

    "description": "Service DTF professionale per stampatori, tipografie, serigrafie e ricamifici. Qualità garantita e tempi certi.",

    "url": "https://your-domain.com",

    "email": "edoardo.modini@tamas.it",

    "address": {

      "@type": "PostalAddress",

      "streetAddress": "Via Arzignano 10",

      "addressLocality": "Trissino",

      "postalCode": "36070",

      "addressRegion": "VI",

      "addressCountry": "IT"

    },

    "taxID": "02447640240",

    "priceRange": "€€",

    "serviceArea": {

      "@type": "Country",

      "name": "Italia"

    },

    "serviceType": "Service DTF, Stampa digitale su tessuto",

    "foundingLocation": "Trissino, Vicenza, Italia"

  }

  </script>

  

  <style>

    :root{

      --brand:#0b1a48;

      --accent:#ff7a18;

      --bg:#f6f6f8;

      --ink:#101323;

      --muted:#55607a;

      --line:#e6e8ef;

      --radius:14px;

      --shadow:0 8px 28px rgba(16,19,35,.08);

    }

    

    *{box-sizing:border-box}

    

    body{

      margin:0;

      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

      color:var(--ink);

      background:#fff;

      line-height:1.6;

    }

    

    .container{width:min(1120px,92%);margin:0 auto}

    

    header{

      background:linear-gradient(180deg,var(--brand) 0%,#183a9b 70%,#2050d8 100%);

      color:#fff;

      position:relative;

      padding:44px 0 30px;

    }

    

    .brand{

      display:flex;

      flex-wrap:wrap;

      gap:12px;

      align-items:center;

      opacity:.95;

      margin-bottom:16px;

    }

    

    .brand .logo-stampoo{

      height:45px;

      width:auto;

      filter:brightness(0) invert(1);

    }

    

    .brand .pill{

      background:rgba(255,255,255,.14);

      border:1px solid rgba(255,255,255,.28);

      padding:6px 12px;

      border-radius:999px;

      font-size:13px;

    }

    

    .hero{

      display:grid;

      grid-template-columns:1.1fr .9fr;

      gap:26px;

      align-items:center;

    }

    

    h1{

      font-family:Montserrat,Inter,sans-serif;

      font-weight:800;

      line-height:1.15;

      margin:0 0 8px;

      font-size:clamp(30px,4.2vw,44px);

    }

    

    .sub{

      opacity:.95;

      margin:8px 0 16px;

      font-size:clamp(16px,2.2vw,18px);

    }

    

    .cta{

      display:inline-flex;

      gap:8px;

      align-items:center;

      background:var(--accent);

      color:#111;

      text-decoration:none;

      font-weight:800;

      padding:12px 16px;

      border-radius:12px;

      box-shadow:var(--shadow);

      transition:transform 0.2s, filter 0.2s;

    }

    

    .cta:hover{

      transform:translateY(-2px);

      filter:saturate(1.1);

    }

    

    .hero-card{

      background:#fff;

      color:#111;

      border-radius:var(--radius);

      box-shadow:var(--shadow);

      padding:18px;

    }

    

    .hero-list{

      margin:0;

      padding:0;

      list-style:none;

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:10px 14px;

    }

    

    .pill{

      display:flex;

      align-items:center;

      gap:8px;

      background:var(--bg);

      border:1px solid var(--line);

      padding:10px 12px;

      border-radius:999px;

      font-size:14px;

    }

    

    .sec{padding:56px 0}

    .muted{color:var(--muted)}

    

    .grid-3{

      display:grid;

      grid-template-columns:repeat(3,1fr);

      gap:18px;

    }

    

    .card{

      background:#fff;

      border:1px solid var(--line);

      border-radius:var(--radius);

      padding:18px;

      box-shadow:var(--shadow);

    }

    

    .lead-offer{

      display:grid;

      grid-template-columns:1fr;

      gap:18px;

    }

    

    .offer{

      border:2px solid #2050d8;

      background:linear-gradient(#fff,#fafdff);

      border-radius:var(--radius);

      padding:18px;

    }

    

    .form-wrap{

      background:#fff;

      border:1px solid var(--line);

      border-radius:var(--radius);

      padding:24px;

      box-shadow:var(--shadow);

      max-width:600px;

      margin:0 auto;

    }

    

    /* Form Styles */

    .form-group{

      margin-bottom:18px;

    }

    

    .form-group label{

      display:block;

      font-weight:600;

      margin-bottom:6px;

      color:var(--ink);

    }

    

    .form-group input,

    .form-group select,

    .form-group textarea{

      width:100%;

      padding:12px 14px;

      border:1px solid var(--line);

      border-radius:8px;

      font-size:14px;

      font-family:inherit;

      transition:border-color 0.2s, box-shadow 0.2s;

    }

    

    .form-group input:focus,

    .form-group select:focus,

    .form-group textarea:focus{

      outline:none;

      border-color:var(--brand);

      box-shadow:0 0 0 2px rgba(11,26,72,0.1);

    }

    

    .form-group.half{

      display:inline-block;

      width:calc(50% - 9px);

      vertical-align:top;

    }

    

    .form-group.half:first-child{

      margin-right:18px;

    }

    

    .checkbox-group{

      display:flex;

      align-items:flex-start;

      gap:12px;

      margin:20px 0;

    }

    

    .checkbox-group input[type="checkbox"]{

      width:auto;

      margin-top:2px;

      flex-shrink:0;

    }

    

    .checkbox-group label{

      margin:0;

      font-weight:normal;

      font-size:13px;

      line-height:1.4;

    }

    

    .submit-btn{

      background:var(--accent);

      color:#111;

      font-weight:700;

      padding:14px 24px;

      border:none;

      border-radius:8px;

      font-size:16px;

      cursor:pointer;

      width:100%;

      transition:all 0.2s;

    }

    

    .submit-btn:hover{

      transform:translateY(-1px);

      filter:saturate(1.1);

    }

    

    .submit-btn:disabled{

      opacity:0.6;

      cursor:not-allowed;

      transform:none;

    }

    

    .required{color:#e74c3c}

    

    .success-message{

      background:#d4edda;

      color:#155724;

      padding:12px 16px;

      border-radius:8px;

      border:1px solid #c3e6cb;

      margin-bottom:20px;

      display:none;

    }

    

    .success-message.show{

      display:block;

    }

    

    .process{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:16px;

    }

    

    .step{

      background:#fff;

      border:1px solid var(--line);

      border-radius:12px;

      padding:14px 16px;

    }

    

    .step h4{

      margin:.1rem 0 .25rem;

      font-size:15px;

    }

    

    .step p{

      margin:0;

      font-size:14px;

      color:var(--muted);

    }

    

    footer{

      padding:34px 0;

      background:var(--bg);

      border-top:1px solid var(--line);

      font-size:14px;

    }

    

    .footer-content{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:30px;

      margin-bottom:20px;

    }

    

    .footer-brand{

      display:flex;

      flex-direction:column;

    }

    

    .footer-brand .logo-stampoo{

      height:35px;

      width:auto;

      margin-bottom:12px;

    }

    

    .footer-company{

      text-align:right;

    }

    

    .footer-company h4{

      margin:0 0 8px;

      font-weight:600;

      font-size:14px;

      color:var(--ink);

    }

    

    .footer-separator{

      border:none;

      height:1px;

      background:var(--line);

      margin:15px 0;

    }

    

    .footer-bottom{

      text-align:center;

      font-size:13px;

      color:var(--muted);

    }

    

    .footer-bottom a{

      color:var(--brand);

      text-decoration:none;

    }

    

    .footer-bottom a:hover{

      text-decoration:underline;

    }

    

    /* Responsive */

    @media (max-width:960px){

      .hero{grid-template-columns:1fr}

      .grid-3{grid-template-columns:1fr}

      .process{grid-template-columns:1fr}

      .form-group.half{

        width:100%;

        margin-right:0;

      }

      .hero-list{grid-template-columns:1fr}

      .footer-content{

        grid-template-columns:1fr;

        gap:20px;

        text-align:center;

      }

      .footer-company{

        text-align:center;

      }

    }

    

    @media (max-width:600px){

      .brand{justify-content:center;text-align:center}

      .sec{padding:40px 0}

    }

    

    /* Logo placeholder */

    .logo-placeholder{

      display:inline-block;

      background:var(--accent);

      color:#111;

      font-weight:800;

      font-size:18px;

      padding:8px 16px;

      border-radius:8px;

      text-decoration:none;

    }

    

    /* Performance optimizations */

    img{

      max-width:100%;

      height:auto;

      loading:lazy;

    }

  </style>

</head>

<body>


<header>

  <div class="container">

    <div class="brand">

      <!-- Se hai il logo, sostituisci il placeholder con: <img src="logo-stampoo.png" alt="STAMPOO" class="logo-stampoo"> -->

      <div class="logo-placeholder">STAMPOO</div>

      <span class="pill">🏭 Siamo <strong>STAMPOO</strong> - Service DTF conto terzi</span>

      <span class="pill">🤝 Per stampatori, tipografie, serigrafie, ricamifici</span>

      <span class="pill">🇮🇹 Produzione in Italia</span>

    </div>

    <div class="hero">

      <div>

        <span class="pill" style="background:#ffe6ce;border-color:#ffd4aa;color:#111;font-weight:700">100% GRATUITO · SPEDIZIONE INCLUSA</span>

        <h1>Prova gratis 1 metro di Transfer DTF con il tuo file</h1>

        <p class="sub">Metti subito alla prova il nostro metodo <strong>"6 Pilastri del DTF Professionale™"</strong>: invia il tuo file, stampiamo 1 metro e spediamo a casa tua senza costi.</p>

        <a class="cta" href="#richiedi">Richiedi ora il tuo metro gratuito →</a>

      </div>

      <div class="hero-card">

        <ul class="hero-list">

          <li class="pill">✅ Qualità costante e controllata</li>

          <li class="pill">🕒 Tempi certi 24/48h</li>

          <li class="pill">🎯 Dettagli fini e colori fedeli</li>

          <li class="pill">📞 Supporto consulenziale</li>

        </ul>

        <p class="muted" style="margin:12px 4px 0">Partner DTF professionale: tu vendi, noi produciamo e consegniamo.</p>

      </div>

    </div>

  </div>

</header>


<section class="sec">

  <div class="container grid-3">

    <div class="card">

      <h3>Service DTF, non solo stampa</h3>

      <p class="muted">Lavoriamo conto terzi: controlli, simulazioni e assistenza per trasformare i tuoi file in lavori consegnati e clienti soddisfatti.</p>

    </div>

    <div class="card">

      <h3>Prova reale, senza rischi</h3>

      <p class="muted">Un metro stampato con il tuo file, gratis: verifichi resa, colori e resistenza sul campo prima di ordinare.</p>

    </div>

    <div class="card">

      <h3>Tempi certi</h3>

      <p class="muted">Workflow ottimizzato: conferma → stampa → spedizione in 24/48h con tracking.</p>

    </div>

  </div>

</section>


<section class="sec" style="background:#f6f6f8;">

  <div class="container">

    <h2 style="margin-top:0">Cos'è il Transfer DTF</h2>

    <p class="muted">Il <strong>transfer DTF (Direct-To-Film)</strong> è una tecnologia di stampa digitale che permette di riprodurre grafiche di alta qualità su film termoadesivo, da applicare su tessuti con pressa a caldo. La sua versatilità e rapidità lo rendono ideale per chi offre personalizzazioni di abbigliamento e accessori.</p>


    <h3 style="margin-top:22px">I 6 vantaggi del DTF per il tuo business</h3>

    <ul style="line-height:1.8">

      <li><strong>Più ordini chiusi</strong> → accetti anche richieste complesse e multicolore, aumentando le possibilità di vendita.</li>

      <li><strong>Campionature rapide</strong> → proponi test veloci ai tuoi clienti senza dover investire in produzioni minime.</li>

      <li><strong>Personalizzazioni flessibili</strong> → ideale sia per piccole forniture che per grandi tirature, così puoi dire "sì" a più richieste.</li>

      <li><strong>Margini più alti</strong> → tempi ridotti e zero costi di avvio migliorano la redditività anche su commesse ridotte.</li>

      <li><strong>Ampia gamma di applicazioni</strong> → abbigliamento, accessori, gadget tessili: arricchisci e semplifichi la tua offerta.</li>

      <li><strong>Velocità di consegna</strong> → garantisci tempi certi e rapidi, rendendo il tuo servizio più competitivo.</li>

    </ul>

  </div>

</section>


<section class="sec">

  <div class="container">

    <h2 style="margin-top:0">I 6 Pilastri del DTF Professionale™</h2>

    <div class="grid-3">

      <div class="card"><strong>1) Analisi file</strong><p class="muted">Verifica tecnica e grafica prima di tutto.</p></div>

      <div class="card"><strong>2) Correzione guidata</strong><p class="muted">Piccoli aggiustamenti per un risultato impeccabile.</p></div>

      <div class="card"><strong>3) Simulazione reale</strong><p class="muted">Anteprima su capo per allineamento aspettative.</p></div>

      <div class="card"><strong>4) Approvazione</strong><p class="muted">Produciamo solo dopo il tuo OK formale.</p></div>

      <div class="card"><strong>5) Produzione certificata</strong><p class="muted">Parametri controllati e ripetibili.</p></div>

      <div class="card"><strong>6) Consegna sicura</strong><p class="muted">Spedizione tracciata e supporto post-vendita.</p></div>

    </div>

  </div>

</section>


<section class="sec" style="background:#f6f6f8;">

  <div class="container">

    <h2 style="margin-top:0">Come lavorare con noi (processo in 8 step)</h2>

    <div class="process">

      <div class="step"><h4>1. Invia la mail + logo</h4><p>Spedisci una mail allegando il logo da stampare (formati consigliati: PDF, PNG, SVG).</p></div>

      <div class="step"><h4>2. Quantità e colori</h4><p>Indica quante copie servono e eventuali colori specifici da rispettare.</p></div>

      <div class="step"><h4>3. Controllo file</h4><p>Verifichiamo compatibilità, dimensioni, spessori, coprenza del bianco.</p></div>

      <div class="step"><h4>4. Correzioni se necessarie</h4><p>Se qualcosa non va, ti contattiamo e risolviamo insieme rapidamente.</p></div>

      <div class="step"><h4>5. OK + conferma d'ordine</h4><p>Quando è tutto a posto, ti inviamo conferma con i metri lineari risultanti.</p></div>

      <div class="step"><h4>6. Pagamento</h4><p>Saldi con <strong>PayPal</strong> o <strong>bonifico</strong> e attivi la produzione.</p></div>

      <div class="step"><h4>7. Stampa</h4><p>Il lavoro entra in coda e viene stampato secondo i parametri certificati.</p></div>

      <div class="step"><h4>8. Spedizione 24/48h</h4><p>Spediamo con nostro corriere (o il tuo) e ti inviamo tracking.</p></div>

    </div>

    <p class="muted" style="margin-top:12px">Per iniziare: <a href="mailto:edoardo.modini@tamas.it">edoardo.modini@tamas.it</a> · Oggetto: "Richiesta 1 metro DTF gratuito".</p>

  </div>

</section>


<section id="richiedi" class="sec">

  <div class="container">

    <h2 style="margin-top:0">Richiedi il tuo metro gratuito</h2>

    <p class="muted">Compila il form, allega il tuo file e ricevi 1 metro di transfer DTF gratuito, spedizione inclusa.</p>

    <div class="form-wrap">

      <div class="success-message" id="success-message">

        <strong>Richiesta inviata con successo!</strong> Ti contatteremo entro 24 ore per confermare tutti i dettagli.

      </div>

      

      <form id="sample-form" novalidate>

        <div class="form-group half">

          <label for="nome">Nome <span class="required">*</span></label>

          <input type="text" id="nome" name="nome" required>

        </div>

        

        <div class="form-group half">

          <label for="cognome">Cognome <span class="required">*</span></label>

          <input type="text" id="cognome" name="cognome" required>

        </div>

        

        <div class="form-group">

          <label for="email">Email aziendale <span class="required">*</span></label>

          <input type="email" id="email" name="email" required>

        </div>

        

        <div class="form-group">

          <label for="telefono">Telefono <span class="required">*</span></label>

          <input type="tel" id="telefono" name="telefono" required>

        </div>

        

        <div class="form-group">

          <label for="azienda">Nome Azienda <span class="required">*</span></label>

          <input type="text" id="azienda" name="azienda" required>

        </div>

        

        <div class="form-group">

          <label for="settore">Settore di attività</label>

          <select id="settore" name="settore">

            <option value="">Seleziona...</option>

            <option value="tipografia">Tipografia</option>

            <option value="serigrafia">Serigrafia</option>

            <option value="ricamificio">Ricamificio</option>

            <option value="stampatore">Stampatore digitale</option>

            <option value="altro">Altro</option>

          </select>

        </div>

        

        <div class="form-group">

          <label for="quantita">Metri stimati al mese</label>

          <select id="quantita" name="quantita">

            <option value="">Seleziona...</option>

            <option value="1-10">1-10 metri</option>

            <option value="11-50">11-50 metri</option>

            <option value="51-100">51-100 metri</option>

            <option value="100+">Oltre 100 metri</option>

          </select>

        </div>

        

        <div class="form-group">

          <label for="file-desc">Descrivi il file da stampare <span class="required">*</span></label>

          <textarea id="file-desc" name="file-desc" rows="3" required placeholder="Es: Logo aziendale 15x10cm, 4 colori, su sfondo trasparente. Allego file PDF vettoriale."></textarea>

        </div>

        

        <div class="form-group">

          <label for="indirizzo">Indirizzo di spedizione <span class="required">*</span></label>

          <textarea id="indirizzo" name="indirizzo" rows="2" required placeholder="Via, numero civico, CAP, città, provincia"></textarea>

        </div>

        

        <div class="form-group">

          <label for="note">Note aggiuntive</label>

          <textarea id="note" name="note" rows="2" placeholder="Colori Pantone specifici, urgenze, preferenze di spedizione, ecc."></textarea>

        </div>

        

        <div class="checkbox-group">

          <input type="checkbox" id="privacy" name="privacy" required>

          <label for="privacy">

            Acconsento al trattamento dei dati personali secondo la privacy policy e accetto di essere ricontattato per la gestione della richiesta <span class="required">*</span>

          </label>

        </div>

        

        <div class="checkbox-group">

          <input type="checkbox" id="newsletter" name="newsletter">

          <label for="newsletter">

            Desidero ricevere aggiornamenti tecnici e offerte speciali sui servizi DTF (opzionale)

          </label>

        </div>

        

        <button type="submit" class="submit-btn">Invia richiesta metro gratuito</button>

        

        <p style="margin-top:12px;font-size:13px;color:var(--muted);text-align:center">

          Oppure invia direttamente: <a href="mailto:edoardo.modini@tamas.it">edoardo.modini@tamas.it</a>

        </p>

      </form>

    </div>

  </div>

</section>


<footer>

  <div class="container">

    <div class="footer-content">

      <div class="footer-brand">

        <!-- Se hai il logo, sostituisci il placeholder con: <img src="logo-stampoo.png" alt="STAMPOO" class="logo-stampoo"> -->

        <div class="logo-placeholder" style="width:fit-content;">STAMPOO</div>

        <p style="margin:0;font-size:13px;color:var(--muted);">

          Il tuo service DTF professionale<br>

          Qualità garantita, tempi certi

        </p>

      </div>

      <div class="footer-company">

        <h4>TAMAS SRL</h4>

        <p style="margin:0;font-size:13px;color:var(--muted);line-height:1.5;">

          Via Arzignano 10<br>

          36070 Trissino (VI) - Italia<br>

          P.IVA 02447640240

        </p>

      </div>

    </div>

    <hr class="footer-separator">

    <div class="footer-bottom">

      © 2025 STAMPOO by TAMAS SRL · 

      <a href="#privacy">Privacy</a> · 

      <a href="#termini">Termini</a> · 

      <a href="mailto:edoardo.modini@tamas.it">edoardo.modini@tamas.it</a>

    </div>

  </div>

</footer>


<script>

document.addEventListener('DOMContentLoaded', function() {

    const form = document.getElementById('sample-form');

    const successMessage = document.getElementById('success-message');

    

    // Form submission handling

    form.addEventListener('submit', function(e) {

        e.preventDefault();

        

        // Basic validation

        const requiredFields = form.querySelectorAll('[required]');

        let isValid = true;

        

        requiredFields.forEach(field => {

            if (!field.value.trim()) {

                isValid = false;

                field.style.borderColor = '#e74c3c';

                field.style.boxShadow = '0 0 0 2px rgba(231,76,60,0.1)';

            } else {

                field.style.borderColor = '#e6e8ef';

                field.style.boxShadow = 'none';

            }

        });

        

        // Email validation

        const email = document.getElementById('email');

        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

        if (email.value && !emailRegex.test(email.value)) {

            isValid = false;

            email.style.borderColor = '#e74c3c';

            email.style.boxShadow = '0 0 0 2px rgba(231,76,60,0.1)';

        }

        

        if (isValid) {

            // Simulate form submission

            const submitBtn = form.querySelector('.submit-btn');

            submitBtn.textContent = 'Invio in corso...';

            submitBtn.disabled = true;

            

            // In production, replace this with actual form submission

            setTimeout(() => {

                successMessage.classList.add('show');

                form.style.display = 'none';

                

                // Here you would normally send the form data to your server

                const formData = new FormData(form);

                console.log('Form data ready for submission:', Object.fromEntries(formData));

                

                // For email integration, you could use:

                // - EmailJS for client-side email sending

                // - Formspree, Netlify Forms, or similar services

                // - Your own backend API

                

            }, 2000);

        } else {

            // Scroll to first error

            const firstError = form.querySelector('input[style*="border-color: rgb(231, 76, 60)"], textarea[style*="border-color: rgb(231, 76, 60)"]');

            if (firstError) {

                firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });

                firstError.focus();

            }

        }

    });

    

    // Clear error styling on input

    const inputs = form.querySelectorAll('input, textarea, select');

    inputs.forEach(input => {

        input.addEventListener('input', function() {

            if (this.style.borderColor === 'rgb(231, 76, 60)') {

                this.style.borderColor = '#e6e8ef';

                this.style.boxShadow = 'none';

            }

        });

    });

    

    // Smooth scrolling for anchor links

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {

        anchor.addEventListener('click', function (e) {

            e.preventDefault();

            const targetId = this.getAttribute('href').substring(1);

            const targetElement = document.getElementById(targetId);

            if (targetElement) {

                targetElement.scrollIntoView({

                    behavior: 'smooth',

                    block: 'start'

                });

            }

        });

    });

});

</script>


</body>

</html>