[Dashboard] Add 7-day free trial for Growth plan and Starter plan option

Author: jnsdls

apps/dashboard/src/@/components/blocks/pricing-card.tsx

@@ -64,6 +64,12 @@ export const PricingCard: React.FC<PricingCardProps> = ({
   const remainingTrialDays =
     (activeTrialEndsAt ? remainingDays(activeTrialEndsAt) : 0) || 0;
 
+  // if the team has just signed up and has not subscribed yet, and the billing plan is growth, then they get a 7 day trial
+  const has7DayTrial =
+    remainingTrialDays === 0 &&
+    billingStatus === "noPayment" &&
+    billingPlan === "growth";
+
   const handleCTAClick = () => {
     cta?.onClick?.();
     trackEvent({
@@ -97,6 +103,7 @@ export const PricingCard: React.FC<PricingCardProps> = ({
               {plan.title}
             </h3>
             {current && <Badge className="capitalize">Current plan</Badge>}
+            {has7DayTrial && <Badge variant="success">7 Day Free Trial</Badge>}
           </div>
           <p className="max-w-[320px] text-muted-foreground text-sm">
             {plan.description}
@@ -108,15 +115,26 @@ export const PricingCard: React.FC<PricingCardProps> = ({
           {plan.isStartingPriceOnly && (
             <span className="text-muted-foreground text-xs">Starting at</span>
           )}
-          <div className="flex items-center gap-2">
-            <span className="font-semibold text-2xl text-foreground tracking-tight">
-              ${plan.price.toLocaleString()}
-            </span>
-
-            {!isCustomPrice && (
-              <span className="text-muted-foreground">/ month</span>
-            )}
-          </div>
+          {has7DayTrial ? (
+            <div className="flex flex-col items-start gap-0">
+              <span className="font-bold text-2xl text-foreground tracking-tight">
+                7 days free
+              </span>
+              <span className="text-muted-foreground text-sm">
+                Then ${plan.price.toLocaleString()} / month
+              </span>
+            </div>
+          ) : (
+            <div className="flex items-center gap-2">
+              <span className="font-semibold text-2xl text-foreground tracking-tight">
+                ${plan.price.toLocaleString()}
+              </span>
+
+              {!isCustomPrice && (
+                <span className="text-muted-foreground">/ month</span>
+              )}
+            </div>
+          )}
 
           {remainingTrialDays > 0 && (
             <p className="text-muted-foreground text-sm">
@@ -155,7 +173,7 @@ export const PricingCard: React.FC<PricingCardProps> = ({
               teamSlug={teamSlug}
               sku={billingPlanToSkuMap[billingPlan]}
             >
-              {cta.label}
+              {has7DayTrial ? "Start 7 Day Free Trial" : cta.label}
             </CheckoutButton>
           )}
 
@@ -166,7 +184,7 @@ export const PricingCard: React.FC<PricingCardProps> = ({
               asChild
             >
               <Link href={cta.href} target="_blank" onClick={handleCTAClick}>
-                {cta.label}
+                {has7DayTrial ? "Start 7 Day Free Trial" : cta.label}
               </Link>
             </Button>
           )}

apps/dashboard/src/app/(app)/login/onboarding/team-onboarding/InviteTeamMembers.tsx

@@ -49,7 +49,8 @@ export function InviteTeamMembersUI(props: {
     await pollWithTimeout({
       shouldStop: async () => {
         const team = await props.getTeam();
-        const isNonFreePlan = team.billingPlan !== "free";
+        const isNonFreePlan =
+          team.billingPlan !== "free" && team.billingPlan !== "starter";
 
         if (isNonFreePlan) {
           props.trackEvent({
@@ -233,7 +234,7 @@ function InviteModalContent(props: {
           Choose a plan
         </SheetTitle>
         <SheetDescription className="text-left leading-relaxed">
-          Get started with the free Starter plan or upgrade to Growth plan for
+          Get started with the Starter plan or upgrade to Growth plan for
           increased limits and advanced features.{" "}
           <UnderlineLink href="https://thirdweb.com/pricing" target="_blank">
             Learn more about pricing