🏦 trying new pricing name (#1230)

* 🏦 trying new pricing name

* ci: apply automated fixes

* 🔥 fix ubild

* 😂 build

* 🧪 fix tests

* 🧹

* fix: ui stuff

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Maximilian Kaske <[e-mail]>

apps/web/src/app/(content)/features/status-page/page.tsx

···
         subTitle="Let your users subscribe to your status page, to automatically receive updates about the status of your services."
         component={
           <div className="m-auto">
-            <SubscribeButton plan="pro" slug={""} isDemo />
+            <SubscribeButton plan="team" slug={""} isDemo />
           </div>
         }
         col={1}

apps/web/src/app/app/[workspaceSlug]/(dashboard)/settings/billing/_components/plan.tsx

···
         // REMINDER: redirecting to customer portal as a fallback because the free plan has no price
         free: getUserCustomerPortal,
         starter: () => getCheckoutSession("starter"),
-        pro: () => getCheckoutSession("pro"),
         team: () => getCheckoutSession("team"),
       }}
     />

apps/web/src/components/billing/pro-banner.tsx

···
     <div className="grid gap-2 rounded-md border border-border p-3">
       <div className="flex items-center justify-between">
         <p className="inline-flex items-center font-medium text-sm">
-          OpenStatus Pro <Rocket className="ml-2 h-4 w-4" />
+          OpenStatus Subscription <Rocket className="ml-2 h-4 w-4" />
         </p>
         <Button
           variant="ghost"

apps/web/src/components/billing/pro-feature-alert.tsx

···
   workspacePlan?: WorkspacePlan;
 }
 
-export function ProFeatureAlert({ feature, workspacePlan = "pro" }: Props) {
+export function ProFeatureAlert({ feature, workspacePlan = "team" }: Props) {
   const params = useParams<{ workspaceSlug: string }>();
   return (
     <Alert>

apps/web/src/components/marketing/pricing/enterprice-plan.tsx

···
 import { Button } from "@openstatus/ui/src/components/button";
+import { CheckIcon } from "lucide-react";
+
+const features = [
+  "Custom Integration",
+  "Custom Limits",
+  "Custom Support",
+  "Custom regions",
+  "SSO/SAML",
+  "BYOC (Bring Your Own Cloud)",
+];
 
 export function EnterpricePlan() {
   return (
-    <div className="flex w-full flex-col gap-3">
-      <div className="flex-1">
-        <div className="flex items-end justify-between gap-4">
-          <div>
-            <p className="mb-2 font-cal text-2xl">Custom</p>
-            <p className="text-muted-foreground">
-              Want more regions? Want to host it on your own server? Want
-              something else? We can help you with that.
-            </p>
+    <div>
+      <p className="mb-2 font-cal text-2xl">Enterprise</p>
+      <p className="text-muted-foreground">If you are looking for:</p>
+      <div className="my-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
+        {features.map((feature) => (
+          <div key={feature} className="flex items-center">
+            <CheckIcon className="mr-1.5 h-4 w-4 shrink-0" />
+            <span className="text-foreground text-sm">{feature}</span>
           </div>
-        </div>
+        ))}
       </div>
-      <div>
-        <Button className="rounded-full" asChild>
-          <a
-            href="https://cal.com/team/openstatus/30min"
-            target="_blank"
-            rel="noreferrer"
-          >
-            Talk to us
-          </a>
-        </Button>
+      <div className="grid grid-cols-1 sm:grid-cols-4 gap-6">
+        <div className="sm:col-span-3">
+          <p className="text-muted-foreground">
+            We can help you with that. Speak with us today to build your own
+            custom solution that fits your needs.
+          </p>
+        </div>
+        <div className="sm:col-span-1 w-full">
+          <Button className="rounded-full w-full" asChild>
+            <a
+              href="https://cal.com/team/openstatus/30min"
+              target="_blank"
+              rel="noreferrer"
+              className="text-nowrap"
+            >
+              Talk to us
+            </a>
+          </Button>
+        </div>
       </div>
     </div>
   );

apps/web/src/components/marketing/pricing/pricing-plan-radio.tsx

···
   return (
     <RadioGroup
       defaultValue="team"
-      className="grid grid-cols-4 gap-4"
+      className="grid grid-cols-3 gap-4"
       onValueChange={onChange}
     >
       {workspacePlans.map((key) => (

apps/web/src/components/marketing/pricing/pricing-table.tsx

···
     .filter(([key, _]) => plans.includes(key as keyof typeof allPlans))
     .map(([key, value]) => ({ key: key as keyof typeof allPlans, ...value }));
   return (
-    <Table className="relative">
+    <Table className="relative table-fixed">
       <TableCaption>
         A list to compare the different features by plan.
       </TableCaption>
···
                 key={key}
                 className={cn(
                   "h-auto px-3 py-3 align-bottom text-foreground",
-                  key === "team" ? "bg-muted/30" : "bg-background",
+                  key === "starter" ? "bg-muted/30" : "bg-background",
                 )}
               >
                 <p className="sticky top-0 mb-2 font-cal text-2xl">
···
                 <Button
                   className="w-full"
                   size="sm"
-                  variant={key === "team" ? "default" : "outline"}
+                  variant={key === "starter" ? "default" : "outline"}
                   onClick={() => {
                     if (events?.[key]) {
                       return events[key]?.();
···
                 >
                   {isLoading ? (
                     <LoadingAnimation
-                      variant={key === "team" ? "default" : "inverse"}
+                      variant={key === "starter" ? "default" : "inverse"}
                     />
                   ) : isCurrentPlan ? (
                     "Current plan"
···
                               key={key + value + _i}
                               className={cn(
                                 "p-3 font-mono",
-                                plan.key === "team" && "bg-muted/30",
+                                plan.key === "starter" && "bg-muted/30",
                               )}
                             >
                               {renderContent()}

apps/web/src/config/pricing-table.tsx

···
       },
       { value: "max-regions", label: "Number of Regions" },
       { value: "data-retention", label: "Data retention" },
-      { value: "screenshots", label: "Screenshots upon failure" },
       { value: "otel", label: "OTel Exporter" },
     ],
   },
···
         label: "Number of on-demand checks",
         monthly: true,
       },
-      { value: "private-locations", label: "Private Locations" },
     ],
   },
   "status-pages": {
···
         description: renderChangelogDescription(
           "password-protected-status-page",
         ),
-      },
-      {
-        value: "white-label",
-        label: "White Label",
       },
     ],
   },

packages/api/src/router/stripe/utils.ts

···
 };
 export const PLANS = [
   {
-    plan: "pro",
-    price: {
-      monthly: {
-        priceIds: {
-          test: "price_1NdurjBXJcTfzsyJdAzIxXnT",
-          production: "price_1PdJ3lBXJcTfzsyJHgqcfVG9",
-        },
-      },
-    },
-  },
-  {
     plan: "team",
     price: {
       monthly: {

packages/api/src/router/workspace.test.ts

···
     id: 1,
     slug: "love-openstatus",
     name: "test",
-    plan: "pro",
+    plan: "team",
     paidUntil: null,
     stripeId: "stripeId1",
     subscriptionId: "subscriptionId",
···
     id: 1,
     slug: "love-openstatus",
     name: "test",
-    plan: "pro",
+    plan: "team",
     paidUntil: null,
     stripeId: "stripeId1",
     subscriptionId: "subscriptionId",
···
             id: 1,
             name: "test",
             paidUntil: null,
-            plan: "pro",
+            plan: "team",
             slug: "love-openstatus",
             stripeId: "stripeId1",
             subscriptionId: "subscriptionId",

packages/api/src/router/workspace.ts

···
         case "team": {
           break;
         }
-        case "pro": {
-          break;
-        }
         default: {
         }
       }

packages/db/src/schema/plan/config.ts

···
 export const allPlans: Record<
   WorkspacePlan,
   {
-    title: "Hobby" | "Starter" | "Growth" | "Pro";
+    title: "Hobby" | "Starter" | "Pro";
     id: WorkspacePlan;
     description: string;
     price: number;
···
   free: {
     title: "Hobby",
     id: "free",
-    description: "For personal projects",
+    description: "Perfect for personal projects",
     price: 0,
     limits: {
       monitors: 1,
···
   starter: {
     title: "Starter",
     id: "starter",
-    description: "For small projects",
+    description: "Perfect for uptime monitoring",
     price: 30,
     limits: {
       monitors: 5,
···
     },
   },
   team: {
-    title: "Growth",
+    title: "Pro",
     id: "team",
-    description: "For small teams",
+    description: "Perfect for global synthetic monitoring",
     price: 100,
     limits: {
       monitors: 15,
···
         "yyz",
       ],
       "private-locations": false,
-    },
-  },
-  pro: {
-    title: "Pro",
-    id: "pro",
-    description: "For bigger teams",
-    price: 300,
-    limits: {
-      monitors: 50,
-      "synthetic-checks": 500,
-      periodicity: ["30s", "1m", "5m", "10m", "30m", "1h"],
-      "multi-region": true,
-      "max-regions": 35,
-      "data-retention": "24 months",
-      "status-pages": 20,
-      maintenance: true,
-      "monitor-values-visibility": true,
-      screenshots: true,
-      otel: true,
-      "status-subscribers": true,
-      "custom-domain": true,
-      "password-protection": true,
-      "white-label": true,
-      notifications: true,
-      sms: true,
-      pagerduty: true,
-      opsgenie: true,
-      "notification-channels": 50,
-      members: "Unlimited",
-      "audit-log": true,
-      regions: [
-        "ams",
-        "arn",
-        "atl",
-        "bog",
-        "bom",
-        "bos",
-        "cdg",
-        "den",
-        "dfw",
-        "ewr",
-        "eze",
-        "fra",
-        "gdl",
-        "gig",
-        "gru",
-        "hkg",
-        "iad",
-        "jnb",
-        "lax",
-        "lhr",
-        "mad",
-        "mia",
-        "nrt",
-        "ord",
-        "otp",
-        "phx",
-        "qro",
-        "scl",
-        "sea",
-        "sin",
-        "sjc",
-        "syd",
-        "waw",
-        "yul",
-        "yyz",
-      ],
-      "private-locations": true,
     },
   },
 };

packages/db/src/schema/workspaces/constants.ts

···
-export const workspacePlans = ["free", "starter", "team", "pro"] as const;
+export const workspacePlans = ["free", "starter", "team"] as const;
 export const workspaceRole = ["owner", "admin", "member"] as const;
 
 export const workspacePlanHierarchy: Record<
···
   free: 0,
   starter: 1,
   team: 2,
-  pro: 3,
 };

packages/db/src/seed.mts

···
         stripeId: "stripeId1",
         name: "test",
         subscriptionId: "subscriptionId",
-        plan: "pro",
+        plan: "team",
         endsAt: null,
         paidUntil: null,
         limits: