Outiref

Code source de l'URL : http://voilo.app

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Character encoding and viewport -->
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <!-- Primary meta tags -->
  <title>Voice-Activated Tracking App | Voilo</title>
  <meta name="description" content="Dictate updates and Voilo logs structured rows to your Google Sheets—fast, hands-free, and accurate. Perfect for habits, sleep, workouts, expenses, and more."/>
  <link rel="canonical" href="https://voilo.app/" />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://voilo.app/" />
  <meta property="og:title" content="Voice-Activated Tracking App | Voilo" />
  <meta property="og:description" content="Dictate updates and Voilo logs structured rows to your Google Sheets—fast, hands-free, and accurate. Perfect for habits, sleep, workouts, expenses, and more." />
  <meta property="og:image" content="https://voilo.app/VoiloSocialShare-1200x630.png" />
  <meta property="og:site_name" content="Voilo" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:url" content="https://voilo.app/" />
  <meta name="twitter:title" content="Voice-Activated Tracking App | Voilo" />
  <meta name="twitter:description" content="Dictate updates and Voilo logs structured rows to your Google Sheets—fast, hands-free, and accurate. Perfect for habits, sleep, workouts, expenses, and more." />
  <meta name="twitter:image" content="https://voilo.app/VoiloSocialShare-1200x630.png" />

  <!-- Favicon links -->
  <link rel="icon" type="image/png" sizes="32x32" href="voilo-100.png">
  <link rel="icon" type="image/png" sizes="16x16" href="voilo-100.png">
  <link rel="apple-touch-icon" sizes="180x180" href="voilo-100.png">

  <!-- Stylesheets -->
  <link rel="stylesheet" href="voilo-styles.css">
  <link rel="stylesheet" href="landing-page.css">
</head>
<body>

  <header>
    <div class="header-content">
      <div class="header-left">
        <div class="logo">
          <img src="voilo-100.png" alt="Voilo Icon">
          <h1>Voilo</h1>
        </div>
        <p class="tagline">You speak, we'll take care of the rest</p>
      </div>
      <div class="header-cta">
        <iframe data-tally-src="https://tally.so/embed/NprMr0?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="120" frameborder="0" marginheight="0" marginwidth="0" title="Voilo Beta"></iframe>
      </div>
    </div>
  </header>

  <div class="container">
    <main>

      <section>
        <h2>How Voice Tracking Works</h2>
        <p>Voilo is a <strong>voice-activated tracking app</strong> that turns your spoken updates into structured entries in <strong>Google Sheets</strong>. Simply <strong>track habits by voice</strong>: record, speak naturally, and your data is parsed, validated, and logged to the right tracker — <strong>hands-free</strong> and instantly. Perfect for <strong>voice to Google Sheets automation</strong>.</p>

        <div class="steps-container">
          <div class="step">
            <div class="step-number">1</div>
            <h3>Open the app</h3>
            <p>On your iPhone.</p>
          </div>

          <div class="step">
            <div class="step-number">2</div>
            <h3>Speak naturally</h3>
            <p>"Last night I went to bed at 23:30 and got up at 7:20"</p>
          </div>

          <div class="step">
            <div class="step-number">3</div>
            <h3>It's logged</h3>
            <p>Voilo transforms your message into a structured entry in your sheet.</p>
          </div>
        </div>

        <div class="example-quote">
          <h3>Example entry</h3>
          <p>"Last night I went to bed at 23:30, woke up around 4 for about 15 minutes, and got up at 7:20. No stress, but had 2 glasses of wine."</p>
        </div>

        <div class="screenshot-gallery">
          <div class="screenshot-scroll">
            <div class="screenshot-item">
              <p class="screenshot-caption">Open the app</p>
              <img src="productivity/screenshot-productivity-1.png" alt="Voilo welcome screen">
            </div>
            <div class="screenshot-item">
              <p class="screenshot-caption">Choose your tracker</p>
              <img src="productivity/screenshot-productivity-2.png" alt="Select template">
            </div>
            <div class="screenshot-item">
              <p class="screenshot-caption">Record your entry</p>
              <img src="productivity/screenshot-productivity-3.png" alt="Voice recording">
            </div>
            <div class="screenshot-item">
              <p class="screenshot-caption">Review the data</p>
              <img src="productivity/screenshot-productivity-4.png" alt="Data verification">
            </div>
            <div class="screenshot-item">
              <p class="screenshot-caption">Access your entries</p>
              <img src="productivity/screenshot-productivity-5.png" alt="Entry list">
            </div>
            <div class="screenshot-item">
              <p class="screenshot-caption">Data in Google Sheets</p>
              <img src="productivity/screenshot-productivity-6.png" alt="Google Sheets export">
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="target-audience">
          <h2>Who Uses Voice-Activated Tracking?</h2>
          <ul class="target-list">
            <li>Productivity enthusiasts</li>
            <li>Self-trackers</li>
            <li>Fitness & health trackers</li>
            <li>Lifelong learners</li>
            <li>Personal diarists</li>
            <li>Creative idea collectors</li>
          </ul>
        </div>
      </section>

      <section class="advantages">
        <h2>Why productivity enthusiasts love Voilo</h2>
        <ul>
          <li>🧠 <strong>Voice tracker for anything</strong> — Track habits, workouts, meals, or custom data with total flexibility in Google Sheets.</li>
          <li>🎤 <strong>Hands-free data logging</strong> — Natural voice input means no tapping through menus, no friction, no forgetting entries.</li>
          <li>📈 Perfect for <strong>tracking by voice</strong>: habits, mood, workouts, sleep, meals, experiments, and more.</li>
          <li>📱 <strong>Voice-activated tracking on iPhone</strong> — Fast, one-handed voice capture wherever you are.</li>
          <li>📊 Your data stays yours, stored in <strong>Google Sheets</strong> — full control, no vendor lock-in, easy voice-to-spreadsheet workflow.</li>
        </ul>
      </section>

      <section>
        <h2>Frequently Asked Questions</h2>

        <div class="faq-item">
          <h3>Is my voice data private?</h3>
          <p>Yes. Everything is stored only in your Google Sheet. Voilo never sees your documents.</p>
        </div>

        <div class="faq-item">
          <h3>Do I have to type anything to track my data?</h3>
          <p>No. Just speak — Voilo handles the rest with voice input.</p>
        </div>

        <div class="faq-item">
          <h3>Do I need to be tech-savvy to use voice tracking?</h3>
          <p>Not at all. If you can dictate a message, you can use Voilo.</p>
        </div>

        <p style="margin-top: 2rem;">
          <a href="faq.html" style="font-size: 1.1rem; font-weight: 600; color: #007bff; text-decoration: none;">View all frequently asked questions →</a>
        </p>
      </section>

    </main>
  </div>

  <footer>
    <nav>
      <a href="privacy.html">Privacy Policy</a>
      <a href="terms-of-service.html">Terms of Service</a>
      <a href="faq.html">FAQ</a>
      <a href="feedback.html">Feedback</a>
    </nav>
    <p>&copy; 2025 Voilo by ElevIQ Solutions</p>
  </footer>

  <script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

</body>
</html>