/* global React, QuotanMock, ExcelMock, PdfMiniMock */ const { useState, useEffect, useRef } = React; // ─── Logo lockup — bicolor-tail (cerchio + wordmark = var(circleColor), coda = gradiente orange) function QuotanLogo({ height = 22, variant = 'light' }) { const color = variant === 'dark' ? '#FFFFFF' : '#1C1C1E'; const id = variant === 'dark' ? 'lgd' : 'lgl'; return ( ); } // ─── Header ───────────────────────────────────────────────────────── function Header() { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); useEffect(() => { document.body.classList.toggle('no-scroll', open); }, [open]); const links = [ ['Come funziona', '#come-funziona'], ['Prezzi', '#prezzi'], ['Blog', '#'], ['Domande', '#faq']]; return (
Quotan
Accedi Provalo gratis →
{/* mobile menu */} {open &&
{links.map(([label, href]) => setOpen(false)} style={{ padding: '20px 4px', fontSize: 24, fontWeight: 700, color: 'white', textDecoration: 'none', borderBottom: '1px solid var(--line-dark)', letterSpacing: '-0.02em' }}>{label} )} setOpen(false)} style={{ padding: '20px 4px', fontSize: 24, fontWeight: 700, color: 'white', textDecoration: 'none', borderBottom: '1px solid var(--line-dark)' }}>Accedi setOpen(false)} className="btn btn-primary lg" style={{ marginTop: 24, alignSelf: 'flex-start' }}>Provalo gratis →
}
); } // ─── Hero ─────────────────────────────────────────────────────────── function Hero() { const heroRef = useRef(null); const [scrollProgress, setScrollProgress] = useState(0); useEffect(() => { const onScroll = () => { if (!heroRef.current) return; const h = window.innerHeight; const p = Math.min(Math.max(window.scrollY / h, 0), 1); setScrollProgress(p); }; window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); // Parallax: mockup translates up and scales slightly as we scroll const mockTranslate = -80 * scrollProgress; const mockScale = 1 + 0.04 * scrollProgress; const heroFade = 1 - scrollProgress * 0.5; const heroBlur = scrollProgress * 4; return (
{/* Background layer — only the top viewport area is rendered; below the SVG, the section is transparent so the mockup sits flush against the next section */}
Software preventivi · imprese edili

Per chi i lavori li fa,
non li disegna.

Il preventivo coi tuoi prezzi, in meno di 10 minuti. Descrivi il lavoro a parole tue, dal cantiere. A voce o con una foto. Esce il PDF, pronto da mandare al cliente.

Provalo gratis Vedi come funziona →

Niente carta di credito · Niente da configurare · Cancelli quando vuoi

{/* Proof quote */}
M
«Na bomba!» — Mirko, titolare impresa edile, Veneto. Primo preventivo da 44.000 € in 10 minuti.
{/* Floating mockup emerging from bottom */}
{/* floating PDF card top-right */}
{/* floating "10 min" stat top-left */}
tempo medio
10 min
per preventivo
); } // ─── Ticker ───────────────────────────────────────────────────────── function Ticker() { const items = [ 'Prezzario Regionale Veneto integrato', '10.871 voci', 'Listino personale tuo', 'PDF professionale', 'Input vocale dal cantiere', '14 giorni gratis', 'Niente carta di credito']; const doubled = [...items, ...items, ...items]; return (
{doubled.map((it, i) => {it} ● )}
); } // ─── Reveal helper ────────────────────────────────────────────────── function Reveal({ children, delay = 0, style = {}, ...rest }) { const ref = useRef(null); const [shown, setShown] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setTimeout(() => setShown(true), delay); io.disconnect(); } }, { threshold: 0.15 }); io.observe(ref.current); return () => io.disconnect(); }, [delay]); return (
{children}
); } // ─── Section: Come funziona ───────────────────────────────────────── function ComeFunziona() { const steps = [ { n: '01', title: 'Descrivi il lavoro.', body: 'A parole tue, dal cantiere. A voce o con una foto del posto.', visual: 'upload' }, { n: '02', title: 'Quotan compila i prezzi.', body: 'Il sistema scompone il lavoro in voci e inserisce i tuoi prezzi dal listino e dal Prezzario Regionale Veneto. 10.871 voci già dentro.', visual: 'compile' }, { n: '03', title: 'Scegli il margine. Scarichi il PDF.', body: 'Tre opzioni di prezzo: competitivo, standard, premium. Scegli, scarichi, mandi al cliente.', visual: 'pdf' }]; return (
Come funziona

Tre passaggi.
Punto.

{steps.map((s, i) =>
Step {s.n}

{s.title}

{s.body}

)}
Vedi come funziona in dettaglio →
); } function StepVisual({ kind }) { if (kind === 'upload') { return (
trascina o registra
); } if (kind === 'compile') { return (
{[ ['Demolizione tramezze', '450,80'], ['Massetto autolivellante', '1.245,32'], ['Pavimento gres 60×60', '2.998,70'], ['Tinteggiatura', '1.599,36']]. map((r, i) =>
{r[0]} € {r[1]}
)}
); } // pdf return (
{[ ['Competitivo', '€ 38.900', false], ['Standard', '€ 44.218', true], ['Premium', '€ 49.600', false]]. map(([label, price, active]) =>
{label}
{price}
)}
); } function FileBadge({ label, color, mono }) { return (
{label}
); } // ─── Section: Problema ────────────────────────────────────────────── function Problema() { return (
Il problema

Le sere a fare preventivi.
Sai cosa significa.

«Lunedì sono rimasto fino alle 9 e mezza di sera a fare un preventivo.»
— Vincenzo, artigiano, Veneto

Cinquanta voci, prezzi a memoria, la calcolatrice del telefono. Tre ore se va bene. E intanto il cliente aspetta. Il preventivo che gli mandi è scritto in "ediliziese" che lui non capisce. Poi ti chiama, contesta, vuole sconti.

Lo facevi anche te. Lo facevano anche i tuoi colleghi.
Per questo c'è Quotan.

{/* sticky note */}
chiamare bianchi
x prezzo cemento!!
); } // ─── Section: Stats Bad ───────────────────────────────────────────── function StatsBad() { const stats = [ ['5–10', 'ore', 'a settimana che un titolare passa a fare preventivi a mano'], ['70%', '', 'delle dispute con i clienti nasce da preventivi poco chiari'], ['22,2%', '', 'delle aziende in liquidazione giudiziaria nel 2025 sono nell\'edilizia']]; const sectionRef = React.useRef(null); const titleRef = React.useRef(null); const footerRef = React.useRef(null); React.useEffect(() => { const section = sectionRef.current; if (!section) return; const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { // Title first if (titleRef.current) { titleRef.current.style.opacity = '1'; titleRef.current.style.transform = 'translateY(0)'; } // Then 3 stats with 400ms stagger const items = entry.target.querySelectorAll('.stat-item'); items.forEach((item, i) => { setTimeout(() => { item.style.opacity = '1'; item.style.transform = 'translateY(0)'; }, i * 700); }); // Footer 200ms after last stat setTimeout(() => { if (footerRef.current) { footerRef.current.style.opacity = '1'; footerRef.current.style.transform = 'translateY(0)'; } }, (items.length - 1) * 700 + 200); observer.unobserve(entry.target); } }); }, { threshold: 0.2 }); observer.observe(section); return () => observer.disconnect(); }, []); return (
IL COSTO NASCOSTO

Quanto costa veramente un
preventivo a mano.

I numeri che non vedi.

{stats.map((s, i) =>
{s[0]} {s[1] && {s[1]}}

{s[2]}

)}

Margini al 5–10%. Zero spazio per gli errori di calcolo.

); } // ─── Section: Excel vs Quotan ─────────────────────────────────────── function VsTable() { const rows = [ ['3 ore a preventivo', 'Meno di 10 minuti'], ['Prezzi a memoria', 'I tuoi prezzi dal listino'], ['Errori di calcolo nascosti', 'Numeri sempre coerenti'], ['Voci scritte in "ediliziese"', 'Voci chiare dal Prezzario Regionale Veneto'], ['Si chiude senza salvare', 'Tutto online, sempre tuo'], ['Niente migliora', 'Più lo usi, più impara come lavori']]; return (
Il confronto

Excel sa cosa scrivi.
Quotan sa cosa costa.

Prima
Excel + memoria
Adesso
Quotan
{rows.map((r, i) =>
{r[0]}
{r[1]}
)}
); } // ─── Section: Testimonial ─────────────────────────────────────────── function Testimonial() { return (
Testimonial

Non lo dice solo Mirko.

« Un muratore che si fa i preventivi la sera dopo che ha fatto la giornata in cantiere... quello che stai cercando di creare è oro. »
A
Andrea
Titolare impresa edile · 12 dipendenti · Veneto

Andrea ha un'azienda strutturata, un ufficio preventivi, conosce il BIM. Ha visto Quotan e ha detto questa frase. Non perché ne abbia bisogno per la sua impresa — perché sa cosa significa, per il muratore con 4 dipendenti, riprendersi le sere.

E il muratore con 4 dipendenti l'ha già provato. Si chiama Mirko, gestisce un'impresa edile in Veneto da quindici anni. Il suo primo preventivo con Quotan, da 44.000 euro, è uscito in 10 minuti — voci abbinate, prezzi al posto giusto, PDF pronto. Quando l'ha visto compilarsi sotto i suoi occhi, ha solo detto: «Na bomba!»

Da allora i suoi preventivi escono prima del caffè.

M
Mirko · titolare impresa edile · Veneto
); } // ─── Section: Numbers ─────────────────────────────────────────────── function CountUp({ end, duration = 1400, format = (v) => v }) { const ref = useRef(null); const [val, setVal] = useState(0); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { const start = performance.now(); const tick = (t) => { const p = Math.min((t - start) / duration, 1); const eased = 1 - Math.pow(1 - p, 3); setVal(Math.round(end * eased)); if (p < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); io.disconnect(); } }, { threshold: 0.4 }); io.observe(ref.current); return () => io.disconnect(); }, [end, duration]); return {format(val)}; } function Numbers() { const stats = [ { display: v.toLocaleString('it-IT').replace(/,/g, '.')} />, label: 'voci del Prezzario Regionale Veneto già integrate' }, { display: su , label: 'voci abbinate correttamente nel primo test reale' }, { display: min, label: 'preventivo da 44.000 euro fatto da Mirko' }, { display: €/mese, label: 'meno del primo preventivo che salvi' }]; return (
I numeri

I numeri dentro Quotan.

{stats.map((s, i) =>
{s.display}

{s.label}

 )}

«In 5 minuti si tira giù un preventivo.» — Diego, capo cantiere, Veneto · test 16 aprile 2026

Ricerca settoriale Quotan, ANCE/CRESME 2025

); } // ─── Section: Prezzi ──────────────────────────────────────────────── function Prezzi() { const features = [ 'Preventivi illimitati', 'Prezzario Regionale Veneto (10.871 voci)', 'Listino personale tuo', 'PDF professionale', 'Input vocale dal cantiere']; return (
Prezzi

Un piano. Tutto incluso.

UN PIANO SOLO
150 € al mese
    {features.map((f) =>
  • {f}
    • )}
Provalo gratis 14 giorni

14 giorni gratis · Niente carta di credito · Cancelli quando vuoi

Vedi i prezzi in dettaglio →
); } // ─── Section: FAQ ─────────────────────────────────────────────────── function FAQ() { const items = [ ['Posso provarlo gratis?', 'Sì. 14 giorni, niente carta di credito. Se non ti convince, non paghi niente.'], ['Quanto ci vuole per partire?', 'Mezza giornata. Carichi i tuoi listini o i vecchi preventivi, e Quotan impara come lavori. Da quel momento i preventivi escono coi tuoi prezzi.'], ['E se sbaglia i prezzi?', 'I prezzi non li inventa il sistema. Vengono dal tuo listino e dal Prezzario Regionale Veneto. Tu controlli e correggi sempre tutto.'], ['Devo essere bravo col computer?', 'No. Se sai mandare un messaggio su WhatsApp, sai usare Quotan. Niente form complicati, niente menu da imparare.'], ['Funziona solo in Veneto?', 'Quotan ha il Prezzario Regionale Veneto già dentro. In più puoi caricare il tuo listino personale, e funziona ovunque tu lavori.'], ['Se smetto di pagare, perdo i miei dati?', 'No. I tuoi dati restano al sicuro per 30 giorni dopo la cancellazione. Se cambi idea, li ritrovi.'], ['Per quanti dipendenti va bene?', 'È pensato per imprese da 2 a 10 dipendenti. Se sei un artigiano da solo, va bene lo stesso. Se sei più grande, scrivici a supporto@quotan.it.']]; const [open, setOpen] = useState(0); return (
FAQ

Domande che
ci fanno tutti.

Non trovi la risposta? Scrivici a supporto@quotan.it

{items.map(([q, a], i) => { const isOpen = open === i; return (

{a}

); })}
); } // ─── Section: CTA finale ──────────────────────────────────────────── function FinalCTA() { return (

Le sere a fare
preventivi sono finite.

14 giorni gratis · Niente carta · Cancelli quando vuoi

Inizia gratis, zero impegno →

Hai una domanda? Scrivici a supporto@quotan.it

); } // ─── Footer ───────────────────────────────────────────────────────── function Footer() { const cols = [ ['Prodotto', ['Come funziona', 'Prezzi', 'Domande']], ['Azienda', ['Chi siamo', 'Contatti', 'Blog']], ['Legale', ['Privacy', 'Termini', 'Cookie']]]; return ( ); } Object.assign(window, { Header, Hero, Ticker, ComeFunziona, Problema, StatsBad, VsTable, Testimonial, Numbers, Prezzi, FAQ, FinalCTA, Footer, Reveal });