diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx index 4fdc63e61f..dd5d4fa9e7 100644 --- a/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx +++ b/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx @@ -3,6 +3,7 @@ import { DemoDialog } from '../DemoDialog'; import GitHub from '@mui/icons-material/GitHub'; import Launch from '@mui/icons-material/Launch'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; +import { useUiFlag } from 'hooks/useUiFlag'; const StyledDemoDialog = styled(DemoDialog)(({ theme }) => ({ '& .MuiDialog-paper': { @@ -82,6 +83,7 @@ interface IDemoDialogPlansProps { export const DemoDialogPlans = ({ open, onClose }: IDemoDialogPlansProps) => { const { trackEvent } = usePlausibleTracker(); + const isEnterprisePaygEnabled = useUiFlag('enterprise-payg'); return ( @@ -117,39 +119,77 @@ export const DemoDialogPlans = ({ open, onClose }: IDemoDialogPlansProps) => { View project on GitHub - - - Pro - - - Free your team to collaborate. We'll do the heavy - lifting. - -
- - $80/month + {isEnterprisePaygEnabled ? ( + + + Enterprise +
+ Pay-as-You-Go
- - includes 5 seats + + All the features of Enterprise with no long term + commitment. -
- -
+
+ + $75 per user/month + + + 5 users minimum + +
+ + + ) : ( + + + Pro + + + Free your team to collaborate. We'll do the heavy + lifting. + +
+ + $80/month + + + includes 5 seats + +
+ +
+ )} Enterprise