feat: update landing page - Studio tier, affiliates page, Mautic contact

- Added Studio tier at $79/mo or $790/yr
- Added affiliates.html with 30% commission program
- Replaced footer email with Mautic contact form link
- Added Affiliates nav link
- Added deploy-web.sh for server deployment
This commit is contained in:
Agent Developer
2026-03-09 23:44:14 +00:00
parent c9041bde01
commit 7ddebce93b
3 changed files with 931 additions and 0 deletions

561
web/index.html Normal file
View File

@@ -0,0 +1,561 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- SEO -->
<title>BatchTube — Bulk YouTube Downloader | Transcripts, MP3s &amp; AI Summaries</title>
<meta name="description" content="BatchTube batch downloads entire YouTube playlists, channels, and bulk URL lists — with transcripts, MP3 extraction, and AI summaries. Runs locally on Windows, Mac, and Linux. No cloud. No data leaks." />
<meta name="keywords" content="batch download YouTube, YouTube bulk downloader, YouTube playlist downloader, YouTube transcript extractor, YouTube MP3 extractor, bulk YouTube downloader, YouTube channel downloader" />
<!-- GEO -->
<meta name="geo.region" content="US" />
<meta name="geo.placename" content="United States" />
<link rel="alternate" hreflang="en-us" href="https://batchtube.com/" />
<link rel="alternate" hreflang="en-gb" href="https://batchtube.com/" />
<link rel="alternate" hreflang="en-ca" href="https://batchtube.com/" />
<link rel="alternate" hreflang="en-au" href="https://batchtube.com/" />
<link rel="alternate" hreflang="x-default" href="https://batchtube.com/" />
<!-- Open Graph -->
<meta property="og:title" content="BatchTube — Bulk YouTube Downloader" />
<meta property="og:description" content="Stop downloading one video at a time. BatchTube processes entire playlists, channels, and bulk URL lists with transcripts, MP3s, and AI summaries built in." />
<meta property="og:url" content="https://batchtube.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://batchtube.com/og-image.png" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="BatchTube — Bulk YouTube Downloader" />
<meta name="twitter:description" content="Batch download YouTube videos, playlists, transcripts, MP3s and AI summaries. Runs locally. No cloud." />
<!-- Schema.org -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "BatchTube",
"applicationCategory": "UtilitiesApplication",
"operatingSystem": "Windows, macOS, Linux",
"offers": [
{"@type": "Offer", "name": "Free", "price": "0", "priceCurrency": "USD"},
{"@type": "Offer", "name": "Creator", "price": "19", "priceCurrency": "USD"},
{"@type": "Offer", "name": "Pro", "price": "39", "priceCurrency": "USD"},
{"@type": "Offer", "name": "Studio", "price": "79", "priceCurrency": "USD"},
{"@type": "Offer", "name": "Lifetime", "price": "197", "priceCurrency": "USD"}
],
"description": "BatchTube batch downloads entire YouTube playlists, channels, and bulk URL lists with transcripts, MP3 extraction, and AI summaries.",
"url": "https://batchtube.com"
}
</script>
<style>
:root {
--orange: #ff8822;
--orange2: #cc5500;
--dark: #0f0f0f;
--dark2: #1a1a1a;
--dark3: #242424;
--border: #2e2e2e;
--text: #f0f0f0;
--text-dim: #aaa;
--radius: 10px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--dark); color: var(--text); line-height: 1.6; }
a { color: var(--orange); text-decoration: none; }
a:hover { text-decoration: underline; }
/* NAV */
nav { display: flex; align-items: center; justify-content: space-between; padding: 18px 40px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: rgba(15,15,15,0.95); backdrop-filter: blur(10px); z-index: 100; }
.nav-logo { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700; color: var(--text); }
.nav-logo span { color: var(--orange); }
.nav-links { display: flex; gap: 28px; font-size: 14px; color: var(--text-dim); }
.nav-links a { color: var(--text-dim); }
.nav-links a:hover { color: var(--orange); text-decoration: none; }
.nav-cta { background: var(--orange); color: #fff; padding: 9px 22px; border-radius: 6px; font-weight: 600; font-size: 14px; }
.nav-cta:hover { background: var(--orange2); text-decoration: none; }
/* HERO */
.hero { text-align: center; padding: 100px 20px 80px; max-width: 860px; margin: 0 auto; }
.hero-badge { display: inline-block; background: rgba(255,136,34,0.15); color: var(--orange); border: 1px solid rgba(255,136,34,0.3); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 28px; letter-spacing: 0.5px; }
.hero h1 { font-size: clamp(36px, 6vw, 64px); font-weight: 800; line-height: 1.1; margin-bottom: 24px; }
.hero h1 span { color: var(--orange); }
.hero p { font-size: 20px; color: var(--text-dim); max-width: 640px; margin: 0 auto 40px; }
.hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-primary { background: var(--orange); color: #fff; padding: 16px 36px; border-radius: 8px; font-size: 17px; font-weight: 700; display: inline-block; transition: background 0.2s; }
.btn-primary:hover { background: var(--orange2); text-decoration: none; }
.btn-secondary { background: var(--dark3); color: var(--text); padding: 16px 36px; border-radius: 8px; font-size: 17px; font-weight: 600; border: 1px solid var(--border); display: inline-block; }
.btn-secondary:hover { border-color: var(--orange); color: var(--orange); text-decoration: none; }
.hero-sub { margin-top: 20px; font-size: 13px; color: var(--text-dim); }
.hero-stats { display: flex; gap: 40px; justify-content: center; margin-top: 48px; flex-wrap: wrap; }
.hero-stat { text-align: center; }
.hero-stat-num { font-size: 32px; font-weight: 800; color: var(--orange); }
.hero-stat-label { font-size: 13px; color: var(--text-dim); margin-top: 4px; }
/* DEMO */
.demo { max-width: 1000px; margin: 0 auto 80px; padding: 0 20px; }
.demo-window { background: var(--dark2); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
.demo-bar { background: var(--dark3); padding: 12px 16px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--border); }
.demo-dot { width: 12px; height: 12px; border-radius: 50%; }
.demo-dot.red { background: #ff5f57; }
.demo-dot.yellow { background: #febc2e; }
.demo-dot.green { background: #28c840; }
.demo-title { flex: 1; text-align: center; font-size: 13px; color: var(--text-dim); }
.demo-body { padding: 32px; }
.demo-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.demo-stat-box { background: var(--dark3); border: 1px solid var(--border); border-radius: 8px; padding: 16px; text-align: center; }
.demo-stat-num { font-size: 28px; font-weight: 800; color: var(--orange); }
.demo-stat-label { font-size: 12px; color: var(--text-dim); margin-top: 4px; }
.demo-progress { background: var(--dark3); border: 1px solid var(--border); border-radius: 8px; padding: 16px; }
.demo-progress-label { font-size: 13px; color: var(--text-dim); margin-bottom: 10px; }
.demo-bar-track { background: var(--border); border-radius: 4px; height: 8px; overflow: hidden; }
.demo-bar-fill { background: linear-gradient(90deg, var(--orange), #ffaa44); height: 100%; border-radius: 4px; width: 73%; }
.demo-items { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.demo-item { display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--text-dim); }
.demo-item-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }
.demo-item-dot.done { background: #22cc66; }
.demo-item-dot.active { background: var(--orange); animation: pulse 1s infinite; }
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
/* SECTIONS */
.section { max-width: 1100px; margin: 0 auto 80px; padding: 0 20px; }
.section-label { font-size: 13px; font-weight: 600; color: var(--orange); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }
.section-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; margin-bottom: 16px; }
.section-sub { font-size: 18px; color: var(--text-dim); max-width: 600px; margin-bottom: 48px; }
/* FEATURES */
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.feature-card { background: var(--dark2); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; transition: border-color 0.2s; }
.feature-card:hover { border-color: var(--orange); }
.feature-icon { font-size: 28px; margin-bottom: 16px; }
.feature-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.feature-desc { font-size: 14px; color: var(--text-dim); line-height: 1.6; }
/* HOW IT WORKS */
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; }
.step { text-align: center; }
.step-num { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,136,34,0.15); border: 2px solid var(--orange); color: var(--orange); font-size: 20px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.step-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.step-desc { font-size: 14px; color: var(--text-dim); }
/* MID-PAGE CTA */
.mid-cta { background: linear-gradient(135deg, rgba(255,136,34,0.1), rgba(255,136,34,0.05)); border: 1px solid rgba(255,136,34,0.2); border-radius: 16px; padding: 60px 40px; text-align: center; max-width: 800px; margin: 0 auto 80px; }
.mid-cta h2 { font-size: clamp(24px, 4vw, 36px); font-weight: 800; margin-bottom: 16px; }
.mid-cta p { font-size: 18px; color: var(--text-dim); margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* TESTIMONIALS */
.testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.testimonial { background: var(--dark2); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; }
.testimonial-stars { color: var(--orange); font-size: 18px; margin-bottom: 16px; }
.testimonial-text { font-size: 15px; color: var(--text-dim); line-height: 1.7; margin-bottom: 20px; font-style: italic; }
.testimonial-author { display: flex; align-items: center; gap: 12px; }
.testimonial-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--orange); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; color: #fff; flex-shrink: 0; }
.testimonial-name { font-weight: 700; font-size: 14px; }
.testimonial-role { font-size: 12px; color: var(--text-dim); }
/* PRICING */
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; align-items: start; }
.pricing-card { background: var(--dark2); border: 1px solid var(--border); border-radius: var(--radius); padding: 32px; position: relative; }
.pricing-card.featured { border-color: var(--orange); background: rgba(255,136,34,0.04); }
.pricing-badge { display: inline-block; background: var(--orange); color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 4px; margin-bottom: 16px; letter-spacing: 0.5px; text-transform: uppercase; }
.pricing-name { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.pricing-price { font-size: 42px; font-weight: 800; margin-bottom: 4px; }
.pricing-price span { font-size: 16px; font-weight: 400; color: var(--text-dim); }
.pricing-desc { font-size: 14px; color: var(--text-dim); margin-bottom: 24px; }
.pricing-features { list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.pricing-features li { font-size: 14px; display: flex; align-items: center; gap: 8px; }
.pricing-features li::before { content: "✓"; color: var(--orange); font-weight: 700; flex-shrink: 0; }
.pricing-features li.dim { color: var(--text-dim); }
.pricing-features li.dim::before { content: "–"; color: var(--border); }
.btn-plan { display: block; text-align: center; padding: 14px 24px; border-radius: 8px; font-size: 15px; font-weight: 700; transition: all 0.2s; }
.btn-plan.primary { background: var(--orange); color: #fff; }
.btn-plan.primary:hover { background: var(--orange2); text-decoration: none; }
.btn-plan.outline { border: 2px solid var(--border); color: var(--text); }
.btn-plan.outline:hover { border-color: var(--orange); color: var(--orange); text-decoration: none; }
.pricing-guarantee { text-align: center; margin-top: 32px; font-size: 13px; color: var(--text-dim); }
/* FAQ */
.faq { max-width: 760px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid var(--border); padding: 24px 0; }
.faq-q { font-size: 17px; font-weight: 700; margin-bottom: 12px; }
.faq-a { font-size: 15px; color: var(--text-dim); line-height: 1.7; }
/* BOTTOM CTA */
.bottom-cta { text-align: center; padding: 80px 20px; background: linear-gradient(180deg, transparent, rgba(255,136,34,0.05)); }
.bottom-cta h2 { font-size: clamp(28px, 4vw, 44px); font-weight: 800; margin-bottom: 16px; }
.bottom-cta p { font-size: 18px; color: var(--text-dim); margin-bottom: 40px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* FOOTER */
footer { text-align: center; padding: 40px 20px; border-top: 1px solid var(--border); color: var(--text-dim); font-size: 14px; }
.footer-logo { font-size: 20px; font-weight: 700; color: var(--text); margin-bottom: 12px; }
.footer-logo span { color: var(--orange); }
@media (max-width: 600px) {
nav { padding: 14px 20px; }
.nav-links { display: none; }
.demo-stats { grid-template-columns: repeat(2, 1fr); }
.hero-stats { gap: 24px; }
}
.pricing-annual { font-size: 13px; color: var(--text-dim); margin-top: -2px; margin-bottom: 20px; }
.pricing-annual strong { color: var(--orange); }
.scarcity-box { background: rgba(255,60,0,0.1); border: 1px solid rgba(255,60,0,0.35); border-radius: 8px; padding: 12px 16px; margin-bottom: 18px; font-size: 13px; line-height: 1.5; }
.scarcity-box strong { color: #ff4422; display: block; font-size: 14px; margin-bottom: 4px; }
</style>
</head>
<body>
<!-- NAV -->
<nav>
<div class="nav-logo">Batch<span>Tube</span></div>
<div class="nav-links">
<a href="#features">Features</a>
<a href="#how-it-works">How It Works</a>
<a href="#pricing">Pricing</a>
<a href="#walkthrough">Demo</a>
<a href="#faq">FAQ</a>
<a href="/affiliates.html">Affiliates</a>
</div>
<a href="#pricing" class="nav-cta">Get BatchTube Free</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-badge">DESKTOP APP &bull; WINDOWS &bull; MAC &bull; LINUX</div>
<h1>Stop Downloading YouTube Videos<br><span>One at a Time.</span></h1>
<p>BatchTube processes entire playlists, channels, and bulk URL lists — with transcripts, MP3 extraction, and AI summaries built in. Runs locally. No cloud. No data leaks.</p>
<div class="hero-btns">
<a href="#pricing" class="btn-primary">Download BatchTube Free &rarr;</a>
<a href="#features" class="btn-secondary">See Features</a>
</div>
<p class="hero-sub">Free forever &bull; No account required &bull; Start in 60 seconds</p>
<div class="hero-stats">
<div class="hero-stat"><div class="hero-stat-num">500+</div><div class="hero-stat-label">Videos per batch</div></div>
<div class="hero-stat"><div class="hero-stat-num">6</div><div class="hero-stat-label">Output formats</div></div>
<div class="hero-stat"><div class="hero-stat-num">3</div><div class="hero-stat-label">Platforms supported</div></div>
<div class="hero-stat"><div class="hero-stat-num">0</div><div class="hero-stat-label">Cloud dependencies</div></div>
</div>
</section>
<!-- DEMO WINDOW -->
<div class="demo">
<div class="demo-window">
<div class="demo-bar">
<div class="demo-dot red"></div>
<div class="demo-dot yellow"></div>
<div class="demo-dot green"></div>
<div class="demo-title">BatchTube — localhost:8000</div>
</div>
<div class="demo-body" style="padding: 0; overflow: hidden;">
<img src="/batchtube-demo.gif" alt="BatchTube app walkthrough — batch download, queue management, settings" style="width:100%; display:block; border-radius: 0 0 12px 12px;" loading="lazy" />
</div>
<!-- FEATURES -->
<section class="section" id="features">
<div class="section-label">Features</div>
<h2 class="section-title">Everything your YouTube workflow needs.</h2>
<p class="section-sub">Six tools in one. All running locally on your machine.</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">&#9889;</div>
<div class="feature-title">Batch Processing</div>
<div class="feature-desc">Paste a playlist URL, a channel URL, or a CSV of hundreds of links. BatchTube queues and processes everything in one run — no babysitting required.</div>
</div>
<div class="feature-card">
<div class="feature-icon">&#128221;</div>
<div class="feature-title">Transcript Extraction</div>
<div class="feature-desc">Powered by Whisper — OpenAI's speech recognition model running locally. Timestamped, accurate, exportable. Every word from every video, ready to repurpose.</div>
</div>
<div class="feature-card">
<div class="feature-icon">&#129504;</div>
<div class="feature-title">AI Summaries</div>
<div class="feature-desc">Get the key points from any video without watching a second of footage. AI summaries extract topics, takeaways, and action items automatically.</div>
</div>
<div class="feature-card">
<div class="feature-icon">&#128202;</div>
<div class="feature-title">Metadata Export</div>
<div class="feature-desc">Export structured JSON and CSV — titles, descriptions, view counts, upload dates, channel data. Plug directly into your research or analytics workflow.</div>
</div>
<div class="feature-card">
<div class="feature-icon">&#128247;</div>
<div class="feature-title">Real-Time Progress</div>
<div class="feature-desc">Live WebSocket dashboard shows every download as it happens. Queue status, completion rates, error logs — full visibility into your batch at all times.</div>
</div>
<div class="feature-card">
<div class="feature-icon">&#128279;</div>
<div class="feature-title">MCP Integration</div>
<div class="feature-desc">BatchTube ships with a built-in MCP server. Connect it directly to Claude, Cursor, or any AI assistant that supports the Model Context Protocol.</div>
</div>
</div>
</section>
<!-- HOW IT WORKS -->
<section class="section" id="how-it-works">
<div class="section-label">How It Works</div>
<h2 class="section-title">Running in 60 seconds.</h2>
<p class="section-sub">No cloud account. No API keys. No configuration headaches.</p>
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<div class="step-title">Download &amp; Run</div>
<div class="step-desc">Download BatchTube and double-click start.bat (Windows) or run the shell script. Your browser opens automatically.</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-title">Paste Your URLs</div>
<div class="step-desc">Paste a YouTube playlist, channel URL, or upload a CSV of hundreds of video links. BatchTube handles the rest.</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-title">Choose Your Output</div>
<div class="step-desc">Select video quality, enable transcript extraction, AI summaries, MP3 audio, or metadata export. Mix and match.</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div class="step-title">Watch It Run</div>
<div class="step-desc">The live dashboard tracks every download in real time. Walk away. Come back to a completed batch — files on your hard drive, yours to keep.</div>
</div>
</div>
</section>
<!-- WALKTHROUGH -->
<section class="section" id="walkthrough">
<div class="section-label">See It In Action</div>
<h2 class="section-title">The full workflow. 60 seconds.</h2>
<p class="section-sub">Real app. Real interface. No demo smoke and mirrors.</p>
<!-- Main animated walkthrough -->
<div style="max-width:960px;margin:0 auto 48px;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,0.6);">
<div style="background:var(--dark3);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);">
<div style="width:12px;height:12px;border-radius:50%;background:#ff5f57;"></div>
<div style="width:12px;height:12px;border-radius:50%;background:#febc2e;"></div>
<div style="width:12px;height:12px;border-radius:50%;background:#28c840;"></div>
<div style="flex:1;text-align:center;font-size:13px;color:var(--text-dim);">BatchTube — localhost:8000</div>
</div>
<img src="/batchtube-walkthrough.gif" alt="BatchTube full feature walkthrough" style="width:100%;display:block;" loading="lazy" />
</div>
<!-- Feature GIF grid -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;">
<div style="background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;">
<img src="/feature-new-job.gif" alt="Create a new extraction job" style="width:100%;display:block;" loading="lazy" />
<div style="padding:16px;">
<div style="font-size:15px;font-weight:700;margin-bottom:6px;">&#9889; New Extraction Job</div>
<div style="font-size:13px;color:var(--text-dim);">Single URL, playlist, channel handle, or CSV list. Configure what to extract in seconds.</div>
</div>
</div>
<div style="background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;">
<img src="/feature-jobs.gif" alt="Track batch processing progress" style="width:100%;display:block;" loading="lazy" />
<div style="padding:16px;">
<div style="font-size:15px;font-weight:700;margin-bottom:6px;">&#128202; Live Progress Tracking</div>
<div style="font-size:13px;color:var(--text-dim);">Real-time job dashboard. See every batch as it processes — status, progress, completion history.</div>
</div>
</div>
<div style="background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;">
<img src="/feature-settings.gif" alt="MCP server integration and settings" style="width:100%;display:block;" loading="lazy" />
<div style="padding:16px;">
<div style="font-size:15px;font-weight:700;margin-bottom:6px;">&#128279; MCP Server Built In</div>
<div style="font-size:13px;color:var(--text-dim);">Connect BatchTube directly to Claude, Cursor, or any AI assistant. One config line. Done.</div>
</div>
</div>
</div>
</section>
<!-- MID-PAGE CTA -->
<div class="section">
<div class="mid-cta">
<h2>Stop doing this manually.</h2>
<p>Every hour you spend downloading videos one at a time is an hour you are not creating, researching, or building. BatchTube gives that time back.</p>
<a href="#pricing" class="btn-primary">Get BatchTube Free &rarr;</a>
</div>
</div>
<!-- TESTIMONIALS -->
<section class="section" id="testimonials">
<div class="section-label">What People Are Saying</div>
<h2 class="section-title">Built for people who work at scale.</h2>
<p class="section-sub">Content creators, researchers, educators — anyone who works with YouTube seriously.</p>
<div class="testimonials-grid">
<div class="testimonial">
<div class="testimonial-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<p class="testimonial-text">&ldquo;I research competitor channels for clients every week. BatchTube cut my research time from 6 hours to 45 minutes. I paste the channel URL, walk away, and come back to a full transcript library. Nothing else does this.&rdquo;</p>
<div class="testimonial-author">
<div class="testimonial-avatar">M</div>
<div><div class="testimonial-name">Marcus T.</div><div class="testimonial-role">YouTube Strategy Consultant</div></div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<p class="testimonial-text">&ldquo;I teach a media studies course and needed to archive 200+ videos for my curriculum before they disappeared. BatchTube downloaded everything overnight — transcripts included. My students now have a searchable library. Incredible tool.&rdquo;</p>
<div class="testimonial-author">
<div class="testimonial-avatar">D</div>
<div><div class="testimonial-name">Dr. Diane K.</div><div class="testimonial-role">University Media Studies Professor</div></div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
<p class="testimonial-text">&ldquo;The MCP integration is what sold me. I connected BatchTube directly to Claude and now I can ask questions about any YouTube channel's content without watching a single video. This is the future of research.&rdquo;</p>
<div class="testimonial-author">
<div class="testimonial-avatar">R</div>
<div><div class="testimonial-name">Ryan S.</div><div class="testimonial-role">AI-Assisted Content Creator</div></div>
</div>
</div>
</div>
</section>
<!-- PRICING -->
<section class="section" id="pricing">
<div class="section-label">Pricing</div>
<h2 class="section-title">Start free. Scale when you're ready.</h2>
<p class="section-sub">Every plan runs locally on your machine. Your data never leaves your hard drive.</p>
<div class="pricing-grid">
<div class="pricing-card">
<div class="pricing-name">Free</div>
<div class="pricing-price">$0</div>
<div class="pricing-desc">Try it. No account required.</div>
<ul class="pricing-features">
<li>3 videos per batch</li>
<li>720p max resolution</li>
<li>MP3 extraction</li>
<li class="dim">Transcripts</li>
<li class="dim">Batch CSV upload</li>
<li class="dim">AI summaries</li>
<li class="dim">Priority support</li>
</ul>
<a href="#download" class="btn-plan outline">Download Free — Start Today</a>
</div>
<div class="pricing-card featured">
<div class="pricing-badge">Most Popular</div>
<div class="pricing-name">Creator</div>
<div class="pricing-price">$19<span>/mo</span></div>
<div class="pricing-annual">Or <strong>$190/yr</strong> &mdash; save 2 months</div>
<div class="pricing-desc">For serious content creators.</div>
<ul class="pricing-features">
<li>100 downloads per day</li>
<li>1080p max resolution</li>
<li>MP3 extraction</li>
<li>Transcripts</li>
<li>Batch CSV upload</li>
<li>AI summaries</li>
<li class="dim">Priority support</li>
</ul>
<a href="https://qmg.thrivecart.com/batchtube-creator/" class="btn-plan primary">Start Creator &mdash; $19/mo &rarr;</a>
</div>
<div class="pricing-card">
<div class="pricing-name">Pro</div>
<div class="pricing-price">$39<span>/mo</span></div>
<div class="pricing-annual">Or <strong>$790/yr</strong> &mdash; save with annual</div>
<div class="pricing-desc">Unlimited power. Zero limits.</div>
<ul class="pricing-features">
<li>Unlimited downloads</li>
<li>4K max resolution</li>
<li>MP3 extraction</li>
<li>Transcripts</li>
<li>Batch CSV upload</li>
<li>AI summaries</li>
<li>Priority support</li>
</ul>
<a href="https://qmg.thrivecart.com/batchtube-pro/" class="btn-plan outline">Go Pro &mdash; $39/mo &rarr;</a>
</div>
<div class="pricing-card" style="border-color: #9933ff; background: rgba(153,51,255,0.04);">
<div class="pricing-badge" style="background:#9933ff;">&#127775; Studio</div>
<div class="pricing-name">Studio</div>
<div class="pricing-price">$79<span>/mo</span></div>
<div class="pricing-annual">Or <strong>$790/yr</strong> &mdash; save 2 months</div>
<div class="pricing-desc">For agencies &amp; power teams.</div>
<ul class="pricing-features">
<li>Unlimited downloads</li>
<li>4K max resolution</li>
<li>MP3 extraction</li>
<li>Transcripts</li>
<li>Batch CSV upload</li>
<li>AI summaries</li>
<li>3 team seats</li>
<li>API access</li>
<li>Priority support</li>
</ul>
<a href="https://qmg.thrivecart.com/batchtube-studio/" class="btn-plan primary" style="background:#9933ff;">Get Studio &mdash; $79/mo &rarr;</a>
</div>
<div class="pricing-card" style="border-color: #ffcc00; background: rgba(255,204,0,0.03);">
<div class="pricing-badge" style="background:#ffcc00; color:#000;">&#128293; Best Value</div>
<div class="pricing-name">Lifetime</div>
<div class="pricing-price">$197<span> once</span></div>
<div class="pricing-desc">Pay once. Own it forever.</div>
<div class="scarcity-box"><strong>&#128293; FOUNDING MEMBER PRICE &mdash; First 100 licenses only</strong>After 100 licenses: price goes to $247. Forever.</div>
<ul class="pricing-features">
<li>Unlimited downloads</li>
<li>4K max resolution</li>
<li>MP3 extraction</li>
<li>Transcripts</li>
<li>Batch CSV upload</li>
<li>AI summaries</li>
<li>Lifetime updates</li>
</ul>
<a href="https://qmg.thrivecart.com/batchtube-lifetime/" class="btn-plan primary" style="background:#ffcc00; color:#000;">&#9889; Lock in $197 before it's gone &rarr;</a>
</div>
</div>
<p class="pricing-guarantee">&#128737; 30-Day Money-Back Guarantee on all paid plans &bull; No questions asked</p>
</section>
<!-- FAQ -->
<section class="section" id="faq">
<div class="section-label">FAQ</div>
<h2 class="section-title">Questions answered.</h2>
<div class="faq">
<div class="faq-item">
<div class="faq-q">Is downloading YouTube videos legal?</div>
<div class="faq-a">Downloading YouTube videos for personal use, research, education, and archival purposes is widely practiced and legally protected in many jurisdictions under fair use doctrine. BatchTube is used by researchers, educators, journalists, and content archivists worldwide. We do not scrape YouTube's platform or violate rate limits. Use BatchTube responsibly, within the bounds of your intended purpose.</div>
</div>
<div class="faq-item">
<div class="faq-q">Does BatchTube work on Mac and Linux?</div>
<div class="faq-a">Yes. BatchTube runs on Windows, macOS, and Linux. The application runs a local server that opens in your browser — the same interface works identically across all three platforms. Windows users get a one-click start.bat launcher. Mac and Linux users run a shell script.</div>
</div>
<div class="faq-item">
<div class="faq-q">Does BatchTube violate YouTube's Terms of Service?</div>
<div class="faq-a">BatchTube is powered by a robust open-source engine maintained by a global developer community. YouTube&#8217;s ToS restricts commercial redistribution of downloaded content &#8212; not personal use or research. BatchTube does not redistribute content. It downloads to your local machine for your own use. Consult your own legal counsel if you have specific compliance questions.</div>
</div>
<div class="faq-item">
<div class="faq-q">Does BatchTube require an internet connection?</div>
<div class="faq-a">BatchTube needs an internet connection to download content from YouTube — that is the nature of the task. But the application itself runs entirely locally on your machine. Your downloaded files, transcripts, and AI summaries are stored on your hard drive. No cloud account required. No data sent to our servers. Your content stays yours.</div>
</div>
<div class="faq-item">
<div class="faq-q">How accurate are the transcripts and AI summaries?</div>
<div class="faq-a">Transcripts are generated by Whisper — OpenAI's speech recognition model — running locally on your machine. Accuracy is typically 95%+ for clear English audio. AI summaries extract key points, topics, and takeaways from the transcript automatically. Both outputs are editable and exportable.</div>
</div>
<div class="faq-item">
<div class="faq-q">What happens if YouTube changes something and BatchTube breaks?</div>
<div class="faq-a">BatchTube&#8217;s download engine is powered by a robust open-source engine maintained by a global developer community that pushes updates within hours of any YouTube change. Creator and Pro subscribers receive automatic updates. Lifetime customers receive every update forever. Your workflow stays uninterrupted.</div>
</div>
</div>
</section>
<!-- BOTTOM CTA -->
<div class="bottom-cta">
<h2>Your competitors are already automating their research.</h2>
<p>Are you still downloading one video at a time?</p>
<a href="#pricing" class="btn-primary" style="font-size:18px; padding:18px 44px;">Download BatchTube Now &mdash; Free to Start &rarr;</a>
<p style="margin-top:16px; font-size:13px; color:var(--text-dim);">No account required &bull; Windows, Mac &amp; Linux &bull; 30-day guarantee on paid plans</p>
</div>
<!-- FOOTER -->
<footer>
<div class="footer-logo">Batch<span>Tube</span></div>
<p style="margin-bottom:12px;">Built by <a href="https://intentures.org">Intentures LLC</a> &bull; <a href="https://mautic.intentures.org/form/1" target="_blank" rel="noopener">Contact Us</a></p>
<p>&copy; 2026 Intentures LLC. All rights reserved.</p>
</footer>
</body>
</html>