import type { BlitzPage } from "blitz"; import { Link, Routes } from "blitz"; import { HiCheck } from "react-icons/hi"; import clsx from "clsx"; import * as Panelbear from "@panelbear/panelbear-js"; import BaseLayout from "../components/base-layout"; const paidFeatures = [ "SMS", "MMS (coming soon)", "Calls", "SMS forwarding (coming soon)", "Call forwarding (coming soon)", "Voicemail (coming soon)", "Call recording (coming soon)", ]; const pricing = { tiers: [ { title: "Free", price: 0, frequency: "", description: "The essentials to let you try Shellphone.", features: ["SMS (send only)"], unavailableFeatures: paidFeatures.slice(1), cta: "Join waitlist", yearly: false, }, { title: "Yearly", price: 12.5, frequency: "/month", description: "Text and call anyone, anywhere in the world, all year long.", features: paidFeatures, unavailableFeatures: [], cta: "Join waitlist", yearly: true, }, { title: "Monthly", price: 15, frequency: "/month", description: "Text and call anyone, anywhere in the world.", features: paidFeatures, unavailableFeatures: [], cta: "Join waitlist", yearly: false, }, ], }; const Pricing: BlitzPage = () => { return (

Simple no-tricks pricing

One affordable and transparent plan that includes everything you need.

{pricing.tiers.map((tier) => (

{tier.title}

{tier.yearly ? (

Get 2 months free!

) : null}

{tier.price}€ {tier.frequency}

{tier.yearly ? (

Billed yearly ({tier.price * 12}€)

) : null}

{tier.description}

    {tier.features.map((feature) => (
  • ))} {tier.unavailableFeatures.map((feature) => (
  • {~feature.indexOf("(coming soon)") ? feature.slice(0, feature.indexOf("(coming soon)")) : feature}
  • ))}
Panelbear.track("redirect-to-join-waitlist")} className={clsx( tier.yearly ? "bg-rebeccapurple-500 text-white hover:bg-rebeccapurple-600" : "bg-rebeccapurple-50 text-rebeccapurple-700 hover:bg-rebeccapurple-100", "mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium", )} > {tier.cta}
))}
); }; Pricing.getLayout = (page) => {page}; Pricing.suppressFirstRenderFlicker = true; export default Pricing;