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}
-
- )}
-
-
- )}
+
+ )}