diff --git a/apps/www/components/Pricing/PricingTableRow.tsx b/apps/www/components/Pricing/PricingTableRow.tsx index ba5a4e18b71..0ef11772df2 100644 --- a/apps/www/components/Pricing/PricingTableRow.tsx +++ b/apps/www/components/Pricing/PricingTableRow.tsx @@ -4,16 +4,12 @@ import React, { Fragment, useState } from 'react' import ReactTooltip from 'react-tooltip' export const Check = () => ( - + ) @@ -28,22 +24,43 @@ const IncludedCheck = (props: any) => ( const Minus = (props: any) => ( <> Not included in {props.tier} ) +const InfoIcon = () => ( + <> + + + + Info + +) + export const PricingTableRowDesktop = (props: any) => { const category = props.category @@ -109,10 +126,10 @@ export const PricingTableRowDesktop = (props: any) => { {feat.tooltips?.[tierName] && ( - + )} {tierValue} diff --git a/apps/www/pages/pricing/index.tsx b/apps/www/pages/pricing/index.tsx index 5176c3c8e48..23e0e417aa9 100644 --- a/apps/www/pages/pricing/index.tsx +++ b/apps/www/pages/pricing/index.tsx @@ -64,7 +64,7 @@ export default function IndexPage() { href: 'https://app.supabase.com/new/new-project', from: true, priceLabel: 'Starting from', - warning: '+ any additional usage', + warning: '+ usage', priceMonthly: 25, description: 'For production applications with the option to scale.', features: [ @@ -147,7 +147,7 @@ export default function IndexPage() { }, { name: 'Custom Domain', - heroImg: 'addons-custom-domain-hero', + heroImg: 'addons-domains-hero', icon: 'custom-domain-upgrade', price: 'Flat fee $10', description: @@ -159,7 +159,7 @@ export default function IndexPage() { }, { name: 'Point in time recovery', - heroImg: 'addons-pitr', + heroImg: 'addons-pitr-hero', icon: 'pitr-upgrade', price: 'Starts from $5', description: 'Roll back to any specific point in time and ensure that data is not lost.', @@ -288,7 +288,7 @@ export default function IndexPage() { )} -

+

{tier.description}

@@ -301,7 +301,9 @@ export default function IndexPage() { lg:text-4xl xl:text-4xl border-b - py-8 + dark:border-scale-500 + pt-4 + pb-8 " >
@@ -318,9 +320,11 @@ export default function IndexPage() { )} {tier.warning && ( -
- {tier.warning} -
+

+ + {tier.warning} + +

)}
@@ -388,15 +392,15 @@ export default function IndexPage() {
{addons.map((addon) => (
-
+
-
+

{addon.price}

{addon.name}
-

+

{addon.description}

@@ -434,11 +438,18 @@ export default function IndexPage() {
))}
+
- + Available for Pro plan

Cost control with spend caps

@@ -457,23 +468,14 @@ export default function IndexPage() {
- - {/*
- } - pricing={pricingAddOn.database} - /> - } - pricing={pricingAddOn.support} - /> -
*/}
-

Compare Plans

+

+ Compare Plans +

Start with a hobby project, collaborate with a team, and scale to millions of users.

@@ -656,7 +658,7 @@ export default function IndexPage() { scope="col" key={tier.name} > -

+

{tier.name}

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-compute-hero.png b/apps/www/public/images/pricing/addons-compute-hero.png new file mode 100644 index 00000000000..0d10d71fdce Binary files /dev/null and b/apps/www/public/images/pricing/addons-compute-hero.png differ diff --git a/apps/www/public/images/pricing/addons-compute-hero.svg b/apps/www/public/images/pricing/addons-compute-hero.svg deleted file mode 100644 index 500a0803480..00000000000 --- a/apps/www/public/images/pricing/addons-compute-hero.svg +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-custom-domain-hero-light.svg b/apps/www/public/images/pricing/addons-custom-domain-hero-light.svg deleted file mode 100644 index 0b6cd42fcad..00000000000 --- a/apps/www/public/images/pricing/addons-custom-domain-hero-light.svg +++ /dev/null @@ -1,158 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-custom-domain-hero.svg b/apps/www/public/images/pricing/addons-custom-domain-hero.svg deleted file mode 100644 index 9522f483565..00000000000 --- a/apps/www/public/images/pricing/addons-custom-domain-hero.svg +++ /dev/null @@ -1,159 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-domains-hero-light.png b/apps/www/public/images/pricing/addons-domains-hero-light.png new file mode 100644 index 00000000000..c83fd215c6a Binary files /dev/null and b/apps/www/public/images/pricing/addons-domains-hero-light.png differ diff --git a/apps/www/public/images/pricing/addons-domains-hero.png b/apps/www/public/images/pricing/addons-domains-hero.png new file mode 100644 index 00000000000..bc77e34fd7d Binary files /dev/null and b/apps/www/public/images/pricing/addons-domains-hero.png differ diff --git a/apps/www/public/images/pricing/addons-pitr-hero-light.png b/apps/www/public/images/pricing/addons-pitr-hero-light.png new file mode 100644 index 00000000000..58bb81be2d4 Binary files /dev/null and b/apps/www/public/images/pricing/addons-pitr-hero-light.png differ diff --git a/apps/www/public/images/pricing/addons-pitr-hero.png b/apps/www/public/images/pricing/addons-pitr-hero.png new file mode 100644 index 00000000000..c98b1561685 Binary files /dev/null and b/apps/www/public/images/pricing/addons-pitr-hero.png differ diff --git a/apps/www/public/images/pricing/addons-pitr-light.svg b/apps/www/public/images/pricing/addons-pitr-light.svg deleted file mode 100644 index ec8f6511785..00000000000 --- a/apps/www/public/images/pricing/addons-pitr-light.svg +++ /dev/null @@ -1,188 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-pitr.svg b/apps/www/public/images/pricing/addons-pitr.svg deleted file mode 100644 index 9136cffa38d..00000000000 --- a/apps/www/public/images/pricing/addons-pitr.svg +++ /dev/null @@ -1,188 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/apps/www/public/images/pricing/addons-support-hero-light.png b/apps/www/public/images/pricing/addons-support-hero-light.png new file mode 100644 index 00000000000..c9181965843 Binary files /dev/null and b/apps/www/public/images/pricing/addons-support-hero-light.png differ diff --git a/apps/www/public/images/pricing/addons-support-hero.png b/apps/www/public/images/pricing/addons-support-hero.png new file mode 100644 index 00000000000..8ddb8722434 Binary files /dev/null and b/apps/www/public/images/pricing/addons-support-hero.png differ diff --git a/apps/www/public/images/pricing/addons-support.svg b/apps/www/public/images/pricing/addons-support-hero.svg similarity index 100% rename from apps/www/public/images/pricing/addons-support.svg rename to apps/www/public/images/pricing/addons-support-hero.svg