import React from "react"; import Head from "next/head"; import { Flex, Stack, Button, List, ThemeIcon, Text, Paper, Badge, SegmentedControl, Center, Tooltip, } from "@mantine/core"; import { AiOutlineInfoCircle } from "react-icons/ai"; import { BsCheck, BsX } from "react-icons/bs"; import { FaBolt } from "react-icons/fa6"; import { VscArrowRight, VscInfo } from "react-icons/vsc"; import Layout from "src/layout/Layout"; import useUser from "src/store/useUser"; const purchaseLinks = { monthly: "https://herowand.lemonsqueezy.com/checkout/buy/ce30521f-c7cc-44f3-9435-995d3260ba22?media=0&enabled=67805%2C82417", annual: "https://herowand.lemonsqueezy.com/checkout/buy/577928ea-fb09-4076-9307-3e5931b35ad0?media=0&enabled=67805%2C82417", }; const Pricing = () => { const email = useUser(state => state.user?.email); const [isMonthly, setIsMonthly] = React.useState(true); const paymentURL = (url: string) => { if (email) url += `?checkout[email]=${email}`; return url; }; return ( Pricing - JSON Crack
setIsMonthly(v === "Monthly")} size="lg" data={["Monthly", "Yearly"]} w={200} radius="xl" />
Free $0 billed {isMonthly ? "monthly" : "annually"} } > Save & share up to 15 files Visualize all data formats } > Maximum Capability } > JSON Schema } > Edit data through graph Premium }> Most Popular ${isMonthly ? "5" : "60"} ${isMonthly ? "7" : "84"} billed {isMonthly ? "monthly" : "annually"} } > Maximum capability Save & share up to 200 files Visualize all data formats JSON Schema Edit data through graph Join alpha test of JC AI{" "} Enterprise Custom billed {isMonthly ? "monthly" : "annually"} } c="black" > Everything from previous plans } c="black" > Unlimited premium accounts for work email } c="black" > Shared cloud in app Payment email must be matching with the account registered to the JSON Crack. ); }; export default Pricing;