@burdenoff/website-sdk 2026.516.2 → 2026.516.4

package/dist/index.mjs

@@ -1577,6 +1577,9 @@ function PricingSection(props) {
   const [billingCycle, setBillingCycle] = useState(
     "monthly"
   );
+  const [audience, setAudience] = useState(
+    "individual"
+  );
   useEffect(() => {
     let cancelled = false;
     async function loadPlans() {
@@ -1663,81 +1666,185 @@ function PricingSection(props) {
     /* @__PURE__ */ jsxs("div", { className: "text-center mb-8 sm:mb-12", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl md:text-4xl font-bold mb-3 sm:mb-4", children: sectionHeading }),
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm sm:text-base md:text-lg mb-6", children: sectionSubtitle }),
-      /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-3 bg-muted p-1.5 rounded-lg", children: [
+      props.showAudienceTabs && props.enterprisePlans && /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center bg-muted p-1.5 rounded-xl mb-4", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setAudience("individual"),
+            className: `px-6 sm:px-8 py-2.5 rounded-lg text-sm font-semibold transition-all ${audience === "individual" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+            children: "Individual"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setAudience("enterprise"),
+            className: `px-6 sm:px-8 py-2.5 rounded-lg text-sm font-semibold transition-all ${audience === "enterprise" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+            children: "Enterprise"
+          }
+        )
+      ] }),
+      (audience === "individual" || !props.showAudienceTabs) && /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center bg-muted/60 p-1.5 rounded-xl", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
             onClick: () => setBillingCycle("monthly"),
-            className: `px-6 py-2 rounded-md text-sm font-medium transition-all ${billingCycle === "monthly" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+            className: `px-5 sm:px-6 py-2 rounded-lg text-sm font-medium transition-all ${billingCycle === "monthly" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
             children: "Monthly"
           }
         ),
         /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
             onClick: () => setBillingCycle("yearly"),
-            className: `px-6 py-2 rounded-md text-sm font-medium transition-all ${billingCycle === "yearly" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+            className: `px-5 sm:px-6 py-2 rounded-lg text-sm font-medium transition-all ${billingCycle === "yearly" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
             children: "Yearly"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-3 gap-6 sm:gap-8 max-w-6xl mx-auto items-stretch", children: plans.map((plan) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `bg-card rounded-xl p-6 sm:p-8 transition-all duration-300 flex flex-col ${plan.popular ? "border-2 border-primary shadow-xl ring-1 ring-primary/20" : "border hover:shadow-lg hover:border-primary/50"}`,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
-            plan.popular && /* @__PURE__ */ jsx("span", { className: "inline-block bg-primary text-primary-foreground px-4 py-1 rounded-full text-xs font-semibold mb-3", children: "Most Popular" }),
-            /* @__PURE__ */ jsx("h3", { className: "text-xl sm:text-2xl font-bold mb-2", children: plan.name }),
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: plan.description })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-center mb-8", children: plan.price === "Custom" ? /* @__PURE__ */ jsx("span", { className: "text-3xl sm:text-4xl font-bold", children: "Custom" }) : /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-center gap-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-4xl sm:text-5xl font-bold", children: plan.price }),
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-lg", children: plan.interval })
-          ] }) }),
-          /* @__PURE__ */ jsx("ul", { className: "space-y-3 mb-8 flex-1", children: plan.features.map((feature, index) => /* @__PURE__ */ jsxs("li", { className: "text-sm flex items-start gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-primary mt-0.5 flex-shrink-0", children: "\u2713" }),
-            /* @__PURE__ */ jsx("span", { children: feature })
-          ] }, index)) }),
-          plan.ctaLink.startsWith("/") ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              className: "w-full h-11",
-              variant: plan.popular ? "default" : "outline",
-              size: "lg",
-              asChild: true,
-              children: /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: plan.ctaLink,
-                  onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
-                  children: plan.ctaText
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx(
-            Button,
-            {
-              className: "w-full h-11",
-              variant: plan.popular ? "default" : "outline",
-              size: "lg",
-              asChild: true,
-              children: /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: plan.ctaLink,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  children: plan.ctaText
-                }
-              )
-            }
-          )
-        ]
-      },
-      plan.id
-    )) })
+    props.showAudienceTabs && audience === "enterprise" && /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center mb-8", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xl sm:text-2xl font-bold text-foreground", children: props.enterpriseHeading || "Enterprise Solutions" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-muted-foreground", children: props.enterpriseSubtitle || "Built for teams, agencies, and organizations that need advanced collaboration, security, support, and scale." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-3 gap-6 sm:gap-8 max-w-6xl mx-auto items-stretch", children: props.showAudienceTabs && audience === "enterprise" && props.enterprisePlans ? (
+      /* Enterprise static cards */
+      props.enterprisePlans.map((ep) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `bg-card rounded-xl p-6 sm:p-8 transition-all duration-300 flex flex-col ${ep.popular ? "border-2 border-primary shadow-xl ring-1 ring-primary/20" : "border hover:shadow-lg hover:border-primary/50"}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
+              ep.popular && ep.badge && /* @__PURE__ */ jsx("span", { className: "inline-block bg-primary text-primary-foreground px-4 py-1 rounded-full text-xs font-semibold mb-3", children: ep.badge }),
+              /* @__PURE__ */ jsx("h3", { className: "text-xl sm:text-2xl font-bold mb-2", children: ep.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: ep.subtitle })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "text-center mb-2", children: [
+              ep.price === "Custom" ? /* @__PURE__ */ jsx("span", { className: "text-3xl sm:text-4xl font-bold", children: "Custom" }) : /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-center gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-4xl sm:text-5xl font-extrabold", children: ep.price }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-lg", children: ep.period })
+              ] }),
+              ep.note && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-medium text-primary", children: ep.note })
+            ] }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-3 mb-8 mt-6 flex-1", children: ep.features.map((feature) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "text-sm flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-primary mt-0.5 flex-shrink-0", children: "\u2713" }),
+                  /* @__PURE__ */ jsx("span", { children: feature })
+                ]
+              },
+              feature
+            )) }),
+            ep.buttonLink.startsWith("/") ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "w-full h-11",
+                variant: ep.popular ? "default" : "outline",
+                size: "lg",
+                asChild: true,
+                children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: ep.buttonLink,
+                    onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
+                    children: ep.button
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "w-full h-11",
+                variant: ep.popular ? "default" : "outline",
+                size: "lg",
+                asChild: true,
+                children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: ep.buttonLink,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: ep.button
+                  }
+                )
+              }
+            )
+          ]
+        },
+        ep.name
+      ))
+    ) : (
+      /* Individual API-fetched cards */
+      plans.map((plan) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `bg-card rounded-xl p-6 sm:p-8 transition-all duration-300 flex flex-col ${plan.popular ? "border-2 border-primary shadow-xl ring-1 ring-primary/20" : "border hover:shadow-lg hover:border-primary/50"}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
+              plan.popular && /* @__PURE__ */ jsx("span", { className: "inline-block bg-primary text-primary-foreground px-4 py-1 rounded-full text-xs font-semibold mb-3", children: "Most Popular" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-xl sm:text-2xl font-bold mb-2", children: plan.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: plan.description })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-center mb-8", children: plan.price === "Custom" ? /* @__PURE__ */ jsx("span", { className: "text-3xl sm:text-4xl font-bold", children: "Custom" }) : /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-center gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-4xl sm:text-5xl font-bold", children: plan.price }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-lg", children: plan.interval })
+            ] }) }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-3 mb-8 flex-1", children: plan.features.map((feature, index) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "text-sm flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-primary mt-0.5 flex-shrink-0", children: "\u2713" }),
+                  /* @__PURE__ */ jsx("span", { children: feature })
+                ]
+              },
+              index
+            )) }),
+            plan.ctaLink.startsWith("/") ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "w-full h-11",
+                variant: plan.popular ? "default" : "outline",
+                size: "lg",
+                asChild: true,
+                children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: plan.ctaLink,
+                    onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
+                    children: plan.ctaText
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "w-full h-11",
+                variant: plan.popular ? "default" : "outline",
+                size: "lg",
+                asChild: true,
+                children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: plan.ctaLink,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: plan.ctaText
+                  }
+                )
+              }
+            )
+          ]
+        },
+        plan.id
+      ))
+    ) })
   ] }) });
 }
 function PricingPage(props) {