mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-26 08:11:17 +02:00
Code Issues Releases Wiki Activity

copy: add annual lifetime pricing hint

Browse Source
This commit is contained in:
Kushagra Gour
2024-05-03 14:06:10 +05:30
parent a23e15696a
commit a44d103484
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Pro.jsx
View File

@@ -53,6 +53,7 @@ export function Pro({ user, onLoginClick }) {
<Stack gap={2} align="stretch"> <Stack gap={2} align="stretch">
<Card <Card
price="Free" price="Free"
subTitle="&nbsp;"
name="Starter" name="Starter"
features={[ features={[
'Unlimited private creations', 'Unlimited private creations',
@@ -63,6 +64,7 @@ export function Pro({ user, onLoginClick }) {
<Card <Card
bg="#674dad" bg="#674dad"
price={'Starting $6/mo'} price={'Starting $6/mo'}
subTitle="Annual & One-time pricing available"
name="Pro" name="Pro"
action={ action={
window.user ? ( window.user ? (
@@ -105,7 +107,7 @@ export function Pro({ user, onLoginClick }) {
); );
} }
const Card = ({ bg, name, price, action, features }) => { const Card = ({ bg, name, price, subTitle, action, features }) => {
return ( return (
<div class="plan-card" style={{ background: bg }}> <div class="plan-card" style={{ background: bg }}>
<VStack gap={2} align="stretch" justify="flex-start"> <VStack gap={2} align="stretch" justify="flex-start">
@@ -114,9 +116,11 @@ const Card = ({ bg, name, price, action, features }) => {
{name} {name}
</Text> </Text>
<Text size="5" weight="800" appearance="primary"> <Text size="5" weight="800" appearance="primary">
{' '}
{price} {price}
</Text> </Text>
<Text size="1" weight="400">
{subTitle}
</Text>
</VStack> </VStack>
{action} {action}
{!action && ( {!action && (