diff --git a/www/data/PricingFAQ.json b/www/data/PricingFAQ.json new file mode 100644 index 00000000000..80785bf9a3a --- /dev/null +++ b/www/data/PricingFAQ.json @@ -0,0 +1,30 @@ +[ + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + }, + { + "question": "When will i be billed?", + "answer": "Billing will go live from the 7th of April. Once live, we will give you 2 weeks notice to confirm you are happy to start paying for projects. For subsequent new projects on a paid tier you will be charged immediately " + } +] diff --git a/www/pages/pricing/index.tsx b/www/pages/pricing/index.tsx index e1505ade393..4d25c2d94d0 100644 --- a/www/pages/pricing/index.tsx +++ b/www/pages/pricing/index.tsx @@ -1,10 +1,13 @@ import React, { useState } from 'react' -import { Badge, Button, Space, Typography } from '@supabase/ui' -import pricing from '~/data/Pricing.json' -import { PricingTableRowDesktop, PricingTableRowMobile } from '~/components/PricingTableRow' -import DefaultLayout from '~/components/Layouts/Default' import Link from 'next/link' +import DefaultLayout from '~/components/Layouts/Default' +import { PricingTableRowDesktop, PricingTableRowMobile } from '~/components/PricingTableRow' +import { Badge, Button, Divider, Space, Typography } from '@supabase/ui' + +import pricing from '~/data/Pricing.json' +import pricingFaq from '~/data/PricingFAQ.json' + export default function IndexPage() { return ( @@ -263,6 +266,19 @@ export default function IndexPage() {

Frequently asked questions

+ {pricingFaq.map((faq, i) => { + return ( +
+
+ {faq.question} +
+
+ {faq.answer} +
+
+ ) + })} +
@@ -275,7 +291,6 @@ export default function IndexPage() {
-
@@ -289,7 +304,6 @@ export default function IndexPage() {
-
@@ -303,7 +317,6 @@ export default function IndexPage() {
-
@@ -314,7 +327,6 @@ export default function IndexPage() { ARM because it's awesome. Add an ARM icon?
-
Database data egress @@ -333,7 +345,6 @@ export default function IndexPage() { Describe.
-
What about functions? @@ -342,7 +353,6 @@ export default function IndexPage() { You can use RPC or Serverless coming soon.
-
What are auth transactional emails? @@ -351,7 +361,6 @@ export default function IndexPage() { TBD.
-
Can I do annual pricing?