<!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>