diff --git a/resources/js/pages/subscription/paywall.tsx b/resources/js/pages/subscription/paywall.tsx index a584c3cb..c47d75cf 100644 --- a/resources/js/pages/subscription/paywall.tsx +++ b/resources/js/pages/subscription/paywall.tsx @@ -1,4 +1,10 @@ import { Button } from '@/components/ui/button'; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from '@/components/ui/tooltip'; import { cn } from '@/lib/utils'; import { checkout } from '@/routes/subscribe'; import { type SharedData } from '@/types'; @@ -28,8 +34,8 @@ function PlanCard({
{isDefault && ( @@ -38,7 +44,7 @@ function PlanCard({
)} {isBestValue && ( -
+
Best Value
)} @@ -70,7 +76,7 @@ function PlanCard({ className={cn( 'w-full cursor-pointer', isDefault && - 'bg-emerald-600 hover:bg-emerald-700 dark:bg-emerald-600 dark:hover:bg-emerald-700', + 'bg-emerald-600 hover:bg-emerald-700 dark:bg-emerald-600 dark:hover:bg-emerald-700', )} variant={isDefault ? 'default' : 'outline'} > @@ -109,9 +115,9 @@ export default function Paywall() { 'grid gap-4', planEntries.length === 1 && 'mx-auto max-w-sm', planEntries.length === 2 && - 'mx-auto max-w-2xl grid-cols-1 sm:grid-cols-2', + 'mx-auto max-w-2xl grid-cols-1 sm:grid-cols-2', planEntries.length >= 3 && - 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', + 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', )} > {planEntries.map(([key, plan]) => ( @@ -127,11 +133,25 @@ export default function Paywall() { {pricing.promo.enabled && (

- Use code{' '} - - {pricing.promo.code} - {' '} - at checkout • {pricing.promo.description} + 🎉 Get a founder discount •{' '} + + + + + Join our Discord + + + + You'll receive an exclusive promo code + via DM! + + +

)}
diff --git a/resources/js/pages/welcome.tsx b/resources/js/pages/welcome.tsx index ca558dcf..0695e974 100644 --- a/resources/js/pages/welcome.tsx +++ b/resources/js/pages/welcome.tsx @@ -2,6 +2,12 @@ import InputError from '@/components/input-error'; import Header from '@/components/partials/header'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from '@/components/ui/tooltip'; import { LEAD_FUNNEL_EVENT_UUID } from '@/lib/constants'; import { trackEvent } from '@/lib/track-event'; import { cn } from '@/lib/utils'; @@ -47,8 +53,9 @@ function LandingPlanCard({
{isDefault && ( @@ -57,7 +64,7 @@ function LandingPlanCard({
)} {isBestValue && ( -
+
Best Value
)} @@ -464,61 +471,80 @@ export default function Welcome({
- {subscriptionsEnabled && !hideAuthButtons && planEntries.length > 0 && ( -
-
-
-

- Choose the plan that works for you -

-

- Simple, transparent pricing -

-
+ {subscriptionsEnabled && + !hideAuthButtons && + planEntries.length > 0 && ( +
+
+
+

+ Choose the plan that works for you +

+

+ Simple, transparent pricing +

+
-
= 3 && - 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', +
= 3 && + 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', + )} + > + {planEntries.map(([key, plan]) => ( + + ))} +
+ + {pricing.promo.enabled && ( +

+ 🎉 Get a founder discount •{' '} + + + + + Join our Discord + + + + You'll receive an + exclusive promo code via + DM! + + + +

)} - > - {planEntries.map(([key, plan]) => ( - - ))}
- - {pricing.promo.enabled && ( -

- Use code{' '} - - {pricing.promo.code} - {' '} - at checkout •{' '} - {pricing.promo.description} -

- )} -
-
- )} +
+ )}