Marketing Sections

Individual marketing blocks ready to drop into any page.

Pricing Table

Preview

Free

$0

Forever free

• ✓100 downloads/day
• ✓All free tools
• ✕API access

Popular

Pro

$9/mo

Billed monthly

• ✓Unlimited downloads
• ✓All tools
• ✓API access

Team

$29/mo

Up to 10 seats

• ✓Everything in Pro
• ✓Team management
• ✓Priority support

<div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
  <!-- Free tier -->
  <div class="rounded-xl border border-zinc-800 bg-zinc-900/50 p-5">
    <p class="text-xs font-semibold uppercase tracking-widest text-zinc-500">Free</p>
    <p class="mt-2 text-3xl font-bold text-zinc-100">$0</p>
    <ul class="mt-4 space-y-2 text-xs text-zinc-400">
      <li class="flex items-center gap-2"><span class="text-emerald-400">✓</span> 100 downloads/day</li>
    </ul>
    <button class="mt-4 w-full rounded-md border border-zinc-700 py-2 text-sm font-medium text-zinc-300 hover:bg-zinc-800">
      Get started
    </button>
  </div>

  <!-- Popular tier (highlighted) -->
  <div class="relative rounded-xl border border-[#D40C37]/40 bg-[#D40C37]/5 p-5">
    <span class="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-[#D40C37] px-3 py-0.5 text-[10px] font-semibold text-white">Popular</span>
    ...
  </div>
</div>

FAQ Section

Preview

<div class="space-y-1">
  <div class="rounded-lg border border-zinc-800">
    <!-- Trigger -->
    <button
      @click="open = !open"
      class="flex w-full items-center justify-between px-5 py-4 text-left hover:bg-zinc-900/40 transition-colors"
    >
      <span class="text-sm font-medium text-zinc-100">Is it really free?</span>
      <svg class="h-4 w-4 shrink-0 text-zinc-500 transition-transform" :class="{'rotate-180': open}" ...>▾</svg>
    </button>
    <!-- Answer -->
    <div v-if="open" class="border-t border-zinc-800 px-5 py-4 text-sm text-zinc-400 leading-relaxed">
      Yes — all tools are completely free with no account required.
    </div>
  </div>
</div>

Testimonials

Preview

⭐⭐⭐⭐⭐

"The thumbnail downloader saved me hours. I use it every week for my content workflow."

MK

Mark K.

YouTube Creator, 80K subs

⭐⭐⭐⭐⭐

"The channel stats tool is exactly what I needed for competitive research. Clean and fast."

SL

Sara L.

Digital Marketer

<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
  <div class="rounded-xl border border-zinc-800 bg-zinc-900/50 p-5">
    <div class="flex gap-0.5 text-amber-400 text-sm">★★★★★</div>
    <p class="mt-3 text-sm text-zinc-300 leading-relaxed">
      "The thumbnail downloader saved me hours..."
    </p>
    <div class="mt-4 flex items-center gap-3">
      <div class="flex h-8 w-8 items-center justify-center rounded-full bg-[#D40C37]/20 text-xs font-semibold text-[#D40C37]">MK</div>
      <div>
        <p class="text-xs font-medium text-zinc-200">Mark K.</p>
        <p class="text-[10px] text-zinc-500">YouTube Creator</p>
      </div>
    </div>
  </div>
</div>