update faq

src/constants/faq.json

@@ -5,7 +5,7 @@
   },
   {
     "title": "Is JSON Crack free?",
-    "content": "JSON Crack offers a free forever plan with open-source access. For advanced features and increased usage limits, you can upgrade to a premium plan."
+    "content": "Yes, JSON Crack is a free-forever open source proect. For upgraded editor you may use ToDiagram.com"
   },
   {
     "title": "Is my data secure?",
@@ -15,30 +15,18 @@
     "title": "Can I convert JSON to other formats using JSON Crack?",
     "content": "Yes, JSON Crack offers robust data conversion capabilities. You can easily convert JSON to YAML, XML to JSON, CSV to JSON and other popular formats."
   },
-  {
-    "title": "Can I edit JSON data directly in graphs?",
-    "content": "Yes, as part of the premium plan, you can edit JSON data directly in the editor. This feature allows you to make changes to your data and visualize the results in real-time."
-  },
   {
     "title": "What kind of data formats are supported?",
     "content": "A wide range of data formats are supported including JSON, YAML, XML, CSV, and TOML."
   },
-  {
-    "title": "Can I customize the graph colors?",
-    "content": "Yes, you can customize the colors of the graph to match your brand or personal preferences as part of the premium plan."
-  },
   {
     "title": "What size of data can I visualize?",
-    "content": "You can visualize data up to 300 KB in size with the free plan and up to 4 MB with premium plan. It might vary depending on the complexity of the data and your hardware."
+    "content": "It supports approximately 300 KB. It might vary depending on the complexity of the data and your hardware."
   },
   {
     "title": "Can I export the generated graphs?",
     "content": "Yes, you can export the generated graphs as PNG, JPEG, or SVG files."
   },
-  {
-    "title": "I purchased a premium plan, how do I access it?",
-    "content": "After purchasing a premium plan, you should sign up with the email you used during the purchase or log in with the same email. The premium features will be automatically unlocked for you."
-  },
   {
     "title": "How to use VS Code extension?",
     "content": "You can use the VS Code extension to visualize JSON data directly in your editor. Install the extension from the VS Code marketplace and follow the instructions at extension's page."

src/containers/Landing/PremiumVsFree.tsx → src/containers/Landing/SeePremium.tsx

@@ -9,7 +9,7 @@ const StyledImageWrapper = styled.div`
   padding-top: 30px;
 `;
 
-export const PremiumVsFree = () => {
+export const SeePremium = () => {
   return (
     <Center mx="lg" my={120}>
       <Paper

src/containers/Modals/NoticeModal/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import type { ModalProps } from "@mantine/core";
-import { Button, Center, Divider, Group, Modal, Text } from "@mantine/core";
+import { Anchor, Button, Center, Divider, Group, Modal, Text } from "@mantine/core";
 import { useLocalStorage } from "@mantine/hooks";
 import useModal from "src/store/useModal";
 import useUser from "src/store/useUser";
@@ -56,8 +56,11 @@ export const NoticeModal = (props: ModalProps) => {
         </Text>
         <br />
         To ensure you don&apos;t lose any important data, please download your data before the
-        deadline. If you wish to continue using these features, we recommend upgrading to our
-        premium plan, which will allow you to retain full access to these services and more.
+        deadline. If you wish to continue using these features, we recommend upgrading to{" "}
+        <Anchor href="https://todiagram.com" target="_blank">
+          ToDiagram
+        </Anchor>
+        , which will allow you to retain full access to these services and more.
         <br />
         <br />
         Thank you for your understanding and continued support.

src/pages/index.tsx

@@ -5,7 +5,7 @@ import { FAQ } from "src/containers/Landing/FAQ";
 import { Features } from "src/containers/Landing/Features";
 import { HeroPreview } from "src/containers/Landing/HeroPreview";
 import { HeroSection } from "src/containers/Landing/HeroSection";
-import { PremiumVsFree } from "src/containers/Landing/PremiumVsFree";
+import { SeePremium } from "src/containers/Landing/SeePremium";
 import Layout from "src/layout/Layout";
 
 export const HomePage = () => {
@@ -24,7 +24,7 @@ export const HomePage = () => {
       <HeroSection />
       <HeroPreview />
       <Features />
-      <PremiumVsFree />
+      <SeePremium />
       <FAQ />
     </Layout>
   );