musicdownload/landing/index.html

<!DOCTYPE html>
<html lang="it">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>MusicTools — Scarica, modifica e registra la tua musica</title>
  <meta name="description" content="App desktop per Mac e Windows. Scarica brani da Spotify e YouTube in MP3 320K, registra l'audio del sistema, modifica i tag. Una licenza a vita, 39,90 €." />

  <meta property="og:title" content="MusicTools — La toolbox della tua musica" />
  <meta property="og:description" content="Scarica, modifica e registra. Tutto in un'app per Mac e Windows. Licenza a vita 39,90 €." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://musictools.djluza.com" />

  <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
  <link rel="stylesheet" href="css/style.css" />
</head>
<body>

  <!-- ============== NAV ============== -->
  <header class="nav">
    <div class="container nav-row">
      <a href="#top" class="brand">
        <span class="brand-logo">♫</span>
        <span class="brand-name">MusicTools</span>
      </a>
      <nav class="nav-links">
        <a href="#features">Funzioni</a>
        <a href="#how">Come funziona</a>
        <a href="#pricing">Prezzo</a>
        <a href="#faq">FAQ</a>
      </nav>
      <a href="#pricing" class="btn btn-primary btn-sm">Compra — 39,90 €</a>
    </div>
  </header>

  <!-- ============== HERO ============== -->
  <section class="hero" id="top">
    <div class="container hero-grid">
      <div class="hero-text">
        <span class="eyebrow">Per Mac e Windows · Licenza a vita</span>
        <h1>La tua musica, ovunque la trovi.<br/><span class="accent">In un'unica app.</span></h1>
        <p class="lead">
          Scarica brani da Spotify, YouTube, SoundCloud e altri 1000 siti in MP3 320K.
          Registra in alta qualità l'audio che esce dal tuo computer.
          Modifica i metadati e le copertine. Tutto offline, senza account.
        </p>
        <div class="hero-cta">
          <a href="#pricing" class="btn btn-primary btn-lg">Compra ora — 39,90 €</a>
          <a href="#features" class="btn btn-ghost btn-lg">Scopri di più</a>
        </div>
        <ul class="hero-bullets">
          <li>✓ Acquisto una tantum, nessun abbonamento</li>
          <li>✓ Aggiornamenti gratuiti a vita</li>
          <li>✓ Funziona offline · Su 3 dispositivi</li>
        </ul>
      </div>

      <div class="hero-art" aria-hidden="true">
        <!-- Mockup dell'app -->
        <div class="mockup">
          <div class="mockup-bar">
            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
            <span class="mockup-title">MusicTools</span>
          </div>
          <div class="mockup-body">
            <aside class="mockup-side">
              <div class="ms-brand"><span>♫</span> MusicTools</div>
              <div class="ms-nav">
                <div class="ms-item active"><span>⬇</span> Scarica</div>
                <div class="ms-item"><span>🎬</span> Video</div>
                <div class="ms-item"><span>⚡</span> Upgrade</div>
                <div class="ms-item"><span>🏷</span> Metadati</div>
                <div class="ms-item"><span>●</span> Registra</div>
                <div class="ms-item"><span>⚙</span> Impostazioni</div>
                <div class="ms-item"><span>📖</span> Guida</div>
              </div>
            </aside>
            <main class="mockup-main">
              <div class="mockup-hero">
                <div class="mh-eyebrow">DOWNLOAD</div>
                <div class="mh-title">Scarica la tua musica</div>
                <div class="mh-sub">Spotify · YouTube · SoundCloud</div>
                <div class="mh-deco">♫</div>
              </div>
              <div class="mockup-card">
                <div class="mc-label">URL o titolo brano</div>
                <div class="mc-input">https://open.spotify.com/playlist/…</div>
              </div>
              <div class="mockup-card mockup-actions">
                <div class="mc-btn primary">▶ Avvia Download</div>
                <div class="mc-progress">
                  <div class="mc-progress-fill" style="width: 64%"></div>
                </div>
              </div>
            </main>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ============== FEATURES ============== -->
  <section class="section features" id="features">
    <div class="container">
      <span class="eyebrow center">FUNZIONI</span>
      <h2 class="section-title">Sette strumenti, un'unica app</h2>
      <p class="section-lead">Tutto quello che ti serve per gestire la tua musica, senza saltare tra siti web e tool diversi.</p>

      <div class="feat-grid">
        <article class="feat green">
          <div class="feat-icon">⬇</div>
          <h3>Scarica</h3>
          <p>Brani singoli, playlist Spotify, link YouTube, tracklist su file. Detect automatico, MP3 320K con copertina.</p>
        </article>
        <article class="feat pink">
          <div class="feat-icon">🎬</div>
          <h3>Video</h3>
          <p>YouTube, TikTok, Instagram, Facebook. Scegli la qualità (fino a 4K) o estrai solo l'audio in MP3.</p>
        </article>
        <article class="feat blue">
          <div class="feat-icon">⚡</div>
          <h3>Upgrade</h3>
          <p>Scansiona una cartella, trova i file a bitrate basso e li riscarica in alta qualità. Mantiene metadati e cover.</p>
        </article>
        <article class="feat amber">
          <div class="feat-icon">🏷</div>
          <h3>Metadati</h3>
          <p>Editor completo per MP3, M4A, FLAC, WAV. Cambia copertina, artista, album, BPM, key. Anche `kMDItemWhereFroms` su macOS.</p>
        </article>
        <article class="feat red">
          <div class="feat-icon">●</div>
          <h3>Registra</h3>
          <p>Cattura l'audio di qualunque app (Spotify, Apple Music, browser) via BlackHole o scheda interna. Output MP3 320K.</p>
        </article>
        <article class="feat purple">
          <div class="feat-icon">📖</div>
          <h3>Guida integrata</h3>
          <p>Manuale completo dentro l'app: setup, troubleshooting, esempi. Niente schede del browser da cercare.</p>
        </article>
      </div>
    </div>
  </section>

  <!-- ============== HOW ============== -->
  <section class="section how" id="how">
    <div class="container">
      <span class="eyebrow center">COME FUNZIONA</span>
      <h2 class="section-title">Tre passi, due minuti</h2>

      <div class="how-grid">
        <div class="how-step">
          <div class="how-num">1</div>
          <h3>Compra la licenza</h3>
          <p>Checkout sicuro tramite Lemon Squeezy. Ricevi la chiave via email entro pochi secondi.</p>
        </div>
        <div class="how-step">
          <div class="how-num">2</div>
          <h3>Scarica l'app</h3>
          <p>Mac o Windows, link diretto nella stessa email. Installazione standard, niente dipendenze.</p>
        </div>
        <div class="how-step">
          <div class="how-num">3</div>
          <h3>Attiva e parti</h3>
          <p>Inserisci email e chiave all'avvio. L'app si attiva e resta valida a vita su questo dispositivo.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ============== PRICING ============== -->
  <section class="section pricing" id="pricing">
    <div class="container">
      <span class="eyebrow center">PREZZO</span>
      <h2 class="section-title">Una licenza. Per sempre.</h2>
      <p class="section-lead">Niente abbonamenti. Niente sorprese. Compri una volta, la usi per sempre.</p>

      <div class="price-card">
        <div class="price-badge">Più popolare</div>
        <div class="price-name">MusicTools Personal</div>
        <div class="price-row">
          <span class="price-amount">39,90</span>
          <span class="price-currency">€</span>
          <span class="price-once">una tantum</span>
        </div>
        <ul class="price-features">
          <li>✓ <strong>Licenza a vita</strong> — paghi una volta, mai più</li>
          <li>✓ <strong>3 dispositivi</strong> — Mac e Windows mixati</li>
          <li>✓ <strong>Aggiornamenti gratuiti</strong> per tutte le versioni future</li>
          <li>✓ <strong>Tutte le 7 tab</strong> sbloccate</li>
          <li>✓ <strong>Supporto via email</strong> a info@djluza.com</li>
          <li>✓ <strong>Garanzia 14 giorni</strong> soddisfatti o rimborsati</li>
        </ul>
        <a href="#"
           class="btn btn-primary btn-lg btn-block"
           data-lemonsqueezy-url="REPLACE_WITH_LS_PRODUCT_URL"
           id="buyBtn">
          Acquista ora — 39,90 €
        </a>
        <p class="price-note">Pagamento sicuro · Carta, PayPal, Apple Pay · Fattura inclusa</p>
      </div>
    </div>
  </section>

  <!-- ============== FAQ ============== -->
  <section class="section faq" id="faq">
    <div class="container">
      <span class="eyebrow center">DOMANDE FREQUENTI</span>
      <h2 class="section-title">Tutto quello che devi sapere</h2>

      <div class="faq-list">
        <details class="faq-item">
          <summary>Su quali sistemi operativi funziona?</summary>
          <p>macOS 11 (Big Sur) o successivi, e Windows 10/11. L'app non gira su Linux per ora.</p>
        </details>

        <details class="faq-item">
          <summary>Su quanti dispositivi posso installarla?</summary>
          <p>Una licenza copre fino a <strong>3 dispositivi</strong>, anche misti (Mac + Windows). Se ne cambi uno, puoi disattivare dall'app stessa o scriverci e ne liberiamo uno.</p>
        </details>

        <details class="faq-item">
          <summary>Come funzionano gli aggiornamenti?</summary>
          <p>Sono <strong>gratis a vita</strong>. L'app controlla in automatico le nuove versioni dal menu Impostazioni → Aggiornamenti. Un click per scaricare e installare.</p>
        </details>

        <details class="faq-item">
          <summary>Devo creare un account Spotify Premium o YouTube Premium?</summary>
          <p>No. Per Spotify ti basta un account gratuito (serve solo per ottenere le credenziali API dal loro dashboard, è gratis). YouTube non richiede account.</p>
        </details>

        <details class="faq-item">
          <summary>Posso registrare l'audio di Spotify mentre suona?</summary>
          <p>Sì, con BlackHole (macOS) o la scheda audio virtuale di Windows. La tab Registra ti guida nel setup passo-passo.</p>
        </details>

        <details class="faq-item">
          <summary>L'app si installa senza problemi su Mac?</summary>
          <p>Al primo avvio macOS chiede una conferma di sicurezza. Tasto destro sull'app → Apri → Apri. Lo fai una volta sola, poi parte normalmente. Nel DMG trovi anche uno script <code>Fix Gatekeeper.command</code> che lo fa per te.</p>
        </details>

        <details class="faq-item">
          <summary>E su Windows?</summary>
          <p>Al primo avvio Windows SmartScreen mostra "Windows protected your PC". Clicca su <strong>More info</strong> → <strong>Run anyway</strong>. È una procedura standard per app non firmate con cert EV.</p>
        </details>

        <details class="faq-item">
          <summary>Posso chiedere il rimborso se non mi piace?</summary>
          <p>Sì, hai <strong>14 giorni</strong> per chiederlo senza fornire motivazioni. Scrivi a info@djluza.com.</p>
        </details>

        <details class="faq-item">
          <summary>Posso usare i brani scaricati commercialmente?</summary>
          <p>No. MusicTools è uno strumento per <strong>uso personale</strong>. I contenuti scaricati restano soggetti al copyright dei rispettivi proprietari — sei tu responsabile di rispettare i loro termini d'uso.</p>
        </details>

        <details class="faq-item">
          <summary>Quali metodi di pagamento sono accettati?</summary>
          <p>Tramite Lemon Squeezy: carta di credito/debito, PayPal, Apple Pay, Google Pay. Riceverai una fattura per il pagamento.</p>
        </details>
      </div>
    </div>
  </section>

  <!-- ============== FINAL CTA ============== -->
  <section class="section cta-final">
    <div class="container cta-box">
      <h2>Pronto a semplificarti la vita?</h2>
      <p>Una sola app per tutto quello che fai con la musica.</p>
      <a href="#pricing" class="btn btn-primary btn-lg">Compra ora — 39,90 €</a>
    </div>
  </section>

  <!-- ============== FOOTER ============== -->
  <footer class="footer">
    <div class="container footer-row">
      <div class="footer-brand">
        <span class="brand-logo">♫</span>
        <span>MusicTools</span>
        <span class="footer-by">by LuZa</span>
      </div>
      <nav class="footer-links">
        <a href="mailto:info@djluza.com">Supporto</a>
        <a href="/legal/terms.html">Termini</a>
        <a href="/legal/privacy.html">Privacy</a>
        <a href="/legal/refund.html">Rimborsi</a>
      </nav>
    </div>
    <div class="container footer-copy">
      © <span id="year">2026</span> MusicTools · Tutti i diritti riservati
    </div>
  </footer>

  <script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
  <script src="js/main.js" defer></script>
</body>
</html>