import Footer from "~/components/Footer"; import Header from "~/components/Header"; import Head from "next/head"; import { useState } from "react"; import { CheckIcon } from "@heroicons/react/20/solid"; import Tooltip from "~/components/Tooltip"; import { Disclosure, Transition } from "@headlessui/react"; import { ChevronUpIcon } from "@heroicons/react/20/solid"; import CTA from "~/components/CTA"; import VideoRecordModal from "~/components/VideoRecordModal"; export default function Pricing() { const [billedAnnually, setBilledAnnually] = useState(false); return ( <> {"Snapify | Pricing"}
Choose the plan that fits your needs.
{[ { name: "Free", price: { monthly: 0, annual: 0 }, features: [ { feature: "Unlimited video recording", description: "Record and share unlimited videos", }, { feature: "10 video uploads", description: "Upload external videos to your Library", }, { feature: "Remove branding", description: "Remove Snapify branding from your videos", }, ], }, { name: "Pro", price: { monthly: 5, annual: 4 }, features: [ { feature: "Unlimited videos", description: "Record and share unlimited videos", }, { feature: "Video uploads", description: "Upload external videos to your Library", }, { feature: "Remove branding", description: "Remove Snapify branding from your videos", }, ], }, ].map(({ name, price, features }) => (
{name === "Pro" ? (
Most Popular
) : null}
{name}
{billedAnnually ? price.annual : price.monthly} / mo.
{billedAnnually ? "billed annually" : "billed monthly"}
{features.map(({ feature, description }) => (
{feature}
))}
))}
FAQs
{[ { question: "What is your refund policy?", answer: "If you're unhappy with your purchase for any reason, email us within 90 days and we'll refund you in full, no questions asked.", }, { question: "Do you offer technical support?", answer: "No", }, { question: "Which payment formats and currencies do you accept?", answer: "All payments on our standard plans are via credit card and PayPal.\n" + "\n" + "We use Paddle, the leading Merchant of Record for SaaS companies.\n" + "\n" + "Contact us if you need an alternative payment method.", }, ].map(({ answer, question }) => ( {({ open }) => ( <> {question} {answer} )} ))}