From 0a101423bd97bea626098e9ae11430bde4f9afd3 Mon Sep 17 00:00:00 2001
From: Nick Grato <nickgrato@ngrato-27545.local>
Date: Mon, 18 Dec 2023 13:51:11 -0800
Subject: [PATCH] stache

---
 .../plans/ContactCard/ContactCard.module.scss |   6 +-
 .../modules/plans/ContactCard/ContactCard.tsx |   2 +-
 .../plans/plan-cards/BusinessPlanCard.tsx     |  59 ++++++++
 .../modules/plans/plan-cards/index.ts         |   1 +
 client/components/modules/plans/plan.const.ts |  35 ++++-
 client/pages/analytics/index.tsx              |  14 +-
 client/pages/subscribe/index.tsx              |  32 ++--
 client/pages/subscribe/subscribe.module.scss  |  10 +-
 client/services/routeGuard.service.ts         |  36 +++++
 client/styles/tools/flex.scss                 |   5 +
 lib/dash/plan_state_machine.ex                | 137 ++++++++++++++++++
 .../BasePlanCard/BasePlanCard.module.scss     |   1 -
 .../shared/Subscribe/Subscribe.module.scss    |  10 +-
 .../components/shared/Subscribe/Subscribe.tsx |  50 ++++++-
 .../components/shared/Subscribe/plan.const.ts |  29 +++-
 15 files changed, 384 insertions(+), 43 deletions(-)
 create mode 100644 client/components/modules/plans/plan-cards/BusinessPlanCard.tsx

diff --git a/client/components/modules/plans/ContactCard/ContactCard.module.scss b/client/components/modules/plans/ContactCard/ContactCard.module.scss
index f923b0e2..10c030fc 100644
--- a/client/components/modules/plans/ContactCard/ContactCard.module.scss
+++ b/client/components/modules/plans/ContactCard/ContactCard.module.scss
@@ -2,9 +2,9 @@
 
 .wrapper {
   background-color: $color-background-overlay;
-  width: 375px;
+  width: 100%;
   border-radius: 20px;
-  padding: 65px;
+  padding: 25px;
   overflow: hidden;
   position: relative;
   margin: 0px 17px 24px;
@@ -24,7 +24,7 @@
 
   h2 {
     @include heading-lg;
-    margin: 0 0 24px;
+    margin: 0 0 12px;
   }
 
   p {
diff --git a/client/components/modules/plans/ContactCard/ContactCard.tsx b/client/components/modules/plans/ContactCard/ContactCard.tsx
index a198d812..e51c8387 100644
--- a/client/components/modules/plans/ContactCard/ContactCard.tsx
+++ b/client/components/modules/plans/ContactCard/ContactCard.tsx
@@ -15,7 +15,7 @@ const ContactCard = ({ email, subject, classProp = '' }: ContactCardPropsT) => {
   return (
     <div className={`${styles.wrapper} ${classProp}`}>
       <div className={styles.content}>
-        <h2>Business</h2>
+        <h2>Enterprise</h2>
         <p>Need dedicated infrastructure, custom clients, or something else?</p>
         <Button
           label="contact us"
diff --git a/client/components/modules/plans/plan-cards/BusinessPlanCard.tsx b/client/components/modules/plans/plan-cards/BusinessPlanCard.tsx
new file mode 100644
index 00000000..bd355cee
--- /dev/null
+++ b/client/components/modules/plans/plan-cards/BusinessPlanCard.tsx
@@ -0,0 +1,59 @@
+import { useCallback } from 'react';
+import { Button } from '@mozilla/lilypad-ui';
+import { BUSINESS_COPY } from '../plan.const';
+import BasePlanCard, { Price } from './BasePlanCard';
+import { getPricePageData } from 'util/utilities';
+import { useSelector } from 'react-redux';
+import { selectRegion } from 'store/regionSlice';
+import { BillingPeriodE, PlansE } from 'types/General';
+import styles from './BasePlanCard.module.scss';
+
+type BusinessPlanCardPropsT = {
+  billingPeriod: BillingPeriodE;
+};
+
+const BusinessPlanCard = ({ billingPeriod }: BusinessPlanCardPropsT) => {
+  const { regionCode } = useSelector(selectRegion);
+  const { planPrice, planUrl, taxDescription, currencySymbol } =
+    getPricePageData(regionCode, PlansE.BUSINESS, billingPeriod);
+
+  /**
+   * Handle routing user to correct payment plan
+   */
+  const handleSubscribeClick = useCallback(() => {
+    window.open(planUrl);
+  }, [planUrl]);
+
+  return (
+    <BasePlanCard
+      plan={PlansE.BUSINESS}
+      title="Professional"
+      color="rainbow"
+      price={
+        <Price
+          price={`${currencySymbol}${planPrice}`}
+          billingPeriod={`per ${
+            billingPeriod === BillingPeriodE.YEARLY ? 'year' : 'month'
+          }`}
+        />
+      }
+      infoCopyList={BUSINESS_COPY}
+      showDisclaimer={false}
+      additionalContent={
+        <div className="flex-align-center my-20">
+          <span className={styles.circle}></span>
+          <span>Always on — no pausing</span>
+        </div>
+      }
+      confirmButton={
+        <Button
+          label="Subscribe to hubs"
+          text="Get Started"
+          onClick={handleSubscribeClick}
+        />
+      }
+    />
+  );
+};
+
+export default BusinessPlanCard;
diff --git a/client/components/modules/plans/plan-cards/index.ts b/client/components/modules/plans/plan-cards/index.ts
index d61c6b6f..c0cc429c 100644
--- a/client/components/modules/plans/plan-cards/index.ts
+++ b/client/components/modules/plans/plan-cards/index.ts
@@ -1,3 +1,4 @@
 export { default as PersonalPlanCard } from './PersonalPlanCard';
 export { default as StarterPlanCard } from './StarterPlanCard';
 export { default as ProfessionalPlanCard } from './ProfessionalPlanCard';
+export { default as BusinessPlanCard } from './BusinessPlanCard';
diff --git a/client/components/modules/plans/plan.const.ts b/client/components/modules/plans/plan.const.ts
index 4e7c075e..ea40fa2c 100644
--- a/client/components/modules/plans/plan.const.ts
+++ b/client/components/modules/plans/plan.const.ts
@@ -80,6 +80,39 @@ export const PROFESSIONAL_COPY: PlanInfoCopyT[] = [
   },
 ];
 
+export const BUSINESS_COPY: PlanInfoCopyT[] = [
+  {
+    label: '400 guest capacity',
+    description: 'Free for guests to join',
+    icon: null,
+  },
+  {
+    label: '200GB Asset storage',
+    description: 'For avatars and scenes',
+    icon: null,
+  },
+  {
+    label: 'Everything in Professional',
+    description: '',
+    icon: null,
+  },
+  {
+    label: 'Support emails answered within 12 business hours',
+    description: '',
+    icon: null,
+  },
+  {
+    label: '90 minutes of synchronous support per month',
+    description: '',
+    icon: null,
+  },
+  {
+    label: '60 minutes of assisted Hubs Cloud data migration',
+    description: '',
+    icon: null,
+  },
+];
+
 export const PLAN_ID_MAP = {
   /**
    * United Kingdom
@@ -189,7 +222,7 @@ export const PLAN_ID_MAP = {
     business: {
       monthly: {
         planId: 'TODO',
-        price: 400.22,
+        price: 499.0,
       },
       yearly: {
         planId: 'TODO',
diff --git a/client/pages/analytics/index.tsx b/client/pages/analytics/index.tsx
index d44ea220..1540cfa3 100644
--- a/client/pages/analytics/index.tsx
+++ b/client/pages/analytics/index.tsx
@@ -4,7 +4,7 @@ import Card from '@Shared/Card/Card';
 import { getAnalytics, HubStat } from 'services/analytics.service';
 import { Button, Input, Pill } from '@mozilla/lilypad-ui';
 import { useState, ChangeEvent } from 'react';
-import { requireAuthenticationAndSubscription } from 'services/routeGuard.service';
+import { analyticsRG } from 'services/routeGuard.service';
 import type { GetServerSidePropsContext } from 'next';
 
 type SandboxPropsT = {
@@ -29,7 +29,7 @@ const initTiers = {
   b0: 0,
 };
 
-const Sandbox = ({ analytics }: SandboxPropsT) => {
+const Analytics = ({ analytics }: SandboxPropsT) => {
   // Fromat Date Util
   const getFormattedDate = () => {
     const today = new Date();
@@ -367,17 +367,11 @@ const Sandbox = ({ analytics }: SandboxPropsT) => {
   );
 };
 
-export default Sandbox;
+export default Analytics;
 
-export async function getS() {}
-
-export const getServerSideProps = requireAuthenticationAndSubscription(
+export const getServerSideProps = analyticsRG(
   (context: GetServerSidePropsContext) => {
     // Your normal `getServerSideProps` code here
-    if (process.env.ENV === 'production') {
-      return { notFound: true };
-    }
-
     return {
       props: {},
     };
diff --git a/client/pages/subscribe/index.tsx b/client/pages/subscribe/index.tsx
index 37c26b1a..005adabf 100644
--- a/client/pages/subscribe/index.tsx
+++ b/client/pages/subscribe/index.tsx
@@ -8,6 +8,7 @@ import {
   PersonalPlanCard,
   StarterPlanCard,
   ProfessionalPlanCard,
+  BusinessPlanCard,
 } from '@Modules/plans/plan-cards';
 import { BillingPeriodE } from 'types/General';
 
@@ -25,18 +26,27 @@ const Subscribe = () => {
 
       <main>
         <div className={styles.wrapper}>
-          <div className={styles.header}>
-            <h1>Choose your plan</h1>
-          </div>
+          <div>
+            <div className={styles.header}>
+              <h1>Choose your plan</h1>
+            </div>
 
-          <div className={styles.cards}>
-            <StarterPlanCard />
-            <PersonalPlanCard billingPeriod={billingPeriod} />
-            <ProfessionalPlanCard billingPeriod={billingPeriod} />
-            <ContactCard
-              email="hubs@mozilla.com"
-              subject="Subscription inquiries"
-            />
+            <div className="flex-justify-center flex-wrap">
+              <div className="flex-justify-center flex-wrap">
+                <StarterPlanCard />
+                <PersonalPlanCard billingPeriod={billingPeriod} />
+              </div>
+              <div className="flex-justify-center flex-wrap">
+                <ProfessionalPlanCard billingPeriod={billingPeriod} />
+                <BusinessPlanCard billingPeriod={billingPeriod} />
+              </div>
+            </div>
+            <div className="flex">
+              <ContactCard
+                email="hubs@mozilla.com"
+                subject="Subscription inquiries"
+              />
+            </div>
           </div>
         </div>
       </main>
diff --git a/client/pages/subscribe/subscribe.module.scss b/client/pages/subscribe/subscribe.module.scss
index a823a0a0..54e8a536 100644
--- a/client/pages/subscribe/subscribe.module.scss
+++ b/client/pages/subscribe/subscribe.module.scss
@@ -2,8 +2,8 @@
 
 .wrapper {
   margin-top: 50px;
-  flex-wrap: wrap;
-  flex-grow: 1;
+  display: flex;
+  justify-content: center;
 
   @include mobile-down {
     margin-top: 40px;
@@ -22,9 +22,3 @@
     margin: 0 0 40px;
   }
 }
-
-.cards {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-}
diff --git a/client/services/routeGuard.service.ts b/client/services/routeGuard.service.ts
index 105bcac3..d1f301f6 100644
--- a/client/services/routeGuard.service.ts
+++ b/client/services/routeGuard.service.ts
@@ -265,6 +265,42 @@ export function SubscribeRG(gssp: Function): GetServerSideProps {
   };
 }
 
+export function analyticsRG(gssp: Function): GetServerSideProps | Redirect {
+  return async (context: GetServerSidePropsContext) => {
+    const { req } = context;
+
+    if (didSetTurkeyauthCookie(context)) {
+      return redirectToDashboard();
+    }
+
+    // If no errors user is authenticated
+    try {
+      const account: AccountT = await getAccount(
+        req.headers as AxiosRequestHeaders
+      );
+
+      const emails = [
+        'jacobkyle88@gmail.com',
+        'mmorran@mozilla.com',
+        'ngrato@gmail.com',
+        'local-user@turkey.local',
+      ];
+
+      // User is authenticated
+      if (emails.includes(account.email)) {
+        return await gssp(context);
+      }
+
+      return redirectToDashboard();
+    } catch (error) {
+      return handleUnauthenticatedRedirects(
+        error as AxiosError,
+        req.url as RoutesE
+      );
+    }
+  };
+}
+
 /**************************
  *  LOCAL DEV UTILITIES
  **************************/
diff --git a/client/styles/tools/flex.scss b/client/styles/tools/flex.scss
index 6e22c2cc..e912d2b0 100644
--- a/client/styles/tools/flex.scss
+++ b/client/styles/tools/flex.scss
@@ -46,3 +46,8 @@
   display: flex;
   flex-direction: column;
 }
+
+.flex-wrap {
+  display: flex;
+  flex-wrap: wrap;
+}
diff --git a/lib/dash/plan_state_machine.ex b/lib/dash/plan_state_machine.ex
index a71fef56..217d66d9 100644
--- a/lib/dash/plan_state_machine.ex
+++ b/lib/dash/plan_state_machine.ex
@@ -13,6 +13,8 @@ defmodule Dash.PlanStateMachine do
   @personal_storage_limit_mb 2_000
   @professional_ccu_limit 50
   @professional_storage_limit_mb 25_000
+  @business_ccu_limit 400
+  @business_storage_limit_mb 200_000
 
   alias Dash.{Account, Hub, Plan, OrchClient, Repo}
   import Dash.Utils, only: [rand_string: 1]
@@ -410,6 +412,129 @@ defmodule Dash.PlanStateMachine do
     end
   end
 
+  # BUSINESS PLAN 
+
+  def handle_event(
+        nil,
+        {:subscribe_business, %DateTime{} = subscribed_at},
+        %Account{} = account,
+        _data
+      ) do
+    %{plan_id: plan_id} = Repo.insert!(%Plan{account_id: account.account_id})
+    :ok = subscribe_business(plan_id, subscribed_at)
+
+    hub =
+      Repo.insert!(%Hub{
+        account_id: account.account_id,
+        ccu_limit: @business_ccu_limit,
+        status: :creating,
+        storage_limit_mb: @business_storage_limit_mb,
+        subdomain: rand_string(10),
+        tier: :b2
+      })
+
+    {:ok, %{body: json, status_code: 200}} = OrchClient.create_hub(account.email, hub)
+    :ok = put_domain(hub.hub_id, json)
+  end
+
+  # EXPIRED SUBSCRIPTION 
+  def handle_event(
+        :business,
+        {:expire_subscription, %DateTime{} = expired_at},
+        %Account{account_id: account_id, email: email},
+        _data
+      ) do
+    if DateTime.compare(expired_at, transitioned_at(account_id)) !== :gt do
+      {:error, :superseded}
+    else
+      %{plan_id: plan_id} = fetch_plan!(account_id)
+
+      Repo.insert!(%__MODULE__.PlanTransition{
+        event: "expire_subscription",
+        new_state: :starter,
+        plan_id: plan_id,
+        transitioned_at: expired_at
+      })
+
+      hub =
+        Hub
+        |> Repo.get_by!(account_id: account_id)
+        |> Repo.preload(:deployment)
+        |> Ecto.Changeset.change(
+          ccu_limit: @starter_ccu_limit,
+          status: :updating,
+          storage_limit_mb: @starter_storage_limit_mb,
+          subdomain: rand_string(10),
+          tier: :p0
+        )
+        |> Repo.update!()
+
+      {:ok, %{status_code: 200}} =
+        OrchClient.update_hub(email, hub,
+          disable_branding?: true,
+          reset_branding?: true,
+          reset_client?: true,
+          reset_domain?: true
+        )
+
+      :ok
+    end
+  end
+
+  # CHANGES SUBSCRIPTION TO PERSONAL 
+  def handle_event(
+        :business,
+        {:subscribe_personal, subscribed_at},
+        %Account{account_id: account_id, email: email},
+        _data
+      ) do
+    if DateTime.compare(subscribed_at, transitioned_at(account_id)) !== :gt do
+      {:error, :superseded}
+    else
+      %{plan_id: plan_id} = fetch_plan!(account_id)
+      :ok = subscribe_personal(plan_id, subscribed_at)
+
+      hub =
+        Hub
+        |> Repo.get_by!(account_id: account_id)
+        |> Repo.preload(:deployment)
+        |> Ecto.Changeset.change(
+          ccu_limit: @personal_ccu_limit,
+          storage_limit_mb: @personal_storage_limit_mb,
+          status: :updating,
+          tier: :p1
+        )
+        |> Repo.update!()
+
+      {:ok, %{status_code: 200}} =
+        OrchClient.update_hub(email, hub, reset_client?: true, reset_domain?: true)
+
+      :ok
+    end
+  end
+
+  # ATEMPT TO SUBSCRIPT TO BUSINESS AGAIN 
+  def handle_event(
+        :business,
+        {:subscribe_professional, %DateTime{} = subscribed_at},
+        %Account{account_id: account_id},
+        _data
+      ) do
+    if DateTime.compare(subscribed_at, transitioned_at(account_id)) !== :gt do
+      {:error, :superseded}
+    else
+      {:error, :already_started}
+    end
+  end
+
+  # ALREADY STARTED 
+  def handle_event(:business, :start, %Account{}, _data),
+    do: {:error, :already_started}
+
+  # FETCH ACTIVE PLAN 
+  def handle_event(:business, :fetch_active_plan, %Account{account_id: account_id}, _data),
+    do: {:ok, %{fetch_plan!(account_id) | name: "business", subscription?: true}}
+
   @spec fetch_plan!(Account.id()) :: Plan.t()
   defp fetch_plan!(account_id),
     do: Repo.get_by!(Plan, account_id: account_id)
@@ -453,6 +578,18 @@ defmodule Dash.PlanStateMachine do
     :ok
   end
 
+  @spec subscribe_business(Plan.id(), DateTime.t()) :: :ok
+  defp subscribe_business(plan_id, %DateTime{} = subscribed_at) when is_integer(plan_id) do
+    Repo.insert!(%__MODULE__.PlanTransition{
+      event: "subscribe_business",
+      new_state: :business,
+      plan_id: plan_id,
+      transitioned_at: subscribed_at
+    })
+
+    :ok
+  end
+
   @spec transitioned_at(Account.id()) :: DateTime.t()
   defp transitioned_at(account_id) when is_integer(account_id),
     do:
diff --git a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
index 590c2a07..2b49ab8b 100644
--- a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
+++ b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
@@ -4,7 +4,6 @@
   background-color: $color-background-neutral-0;
   box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
   border-radius: 20px;
-  width: 386px;
   color: $color-text-main;
   padding: 40px;
   overflow: hidden;
diff --git a/marketing/components/shared/Subscribe/Subscribe.module.scss b/marketing/components/shared/Subscribe/Subscribe.module.scss
index e6e9dfdf..7a979728 100644
--- a/marketing/components/shared/Subscribe/Subscribe.module.scss
+++ b/marketing/components/shared/Subscribe/Subscribe.module.scss
@@ -46,18 +46,21 @@
   &_3 {
     grid-area: '3';
   }
+  &_4 {
+    grid-area: '4';
+  }
 }
 
 .cards {
   display: grid;
-  grid-template-columns: 386px 386px 386px;
+  grid-template-columns: 288px 288px 288px 288px;
   grid-template-rows: auto auto;
   column-gap: 18px;
   gap: 18px;
   margin: 0 8px;
-  grid-template-areas: '1 2 3' '. . hanger';
+  grid-template-areas: '1 2 3 4' '. . hanger hanger';
   @include desktop-large-down {
-    grid-template-areas: '1' '2' '3' 'hanger';
+    grid-template-areas: '1' '2' '3' '4' 'hanger';
     grid-template-columns: 100%;
   }
   @include mobile-down {
@@ -110,7 +113,6 @@
     background-color: $color-background-neutral-0;
     box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
     border-radius: 20px;
-    width: 386px;
     padding: 30px 24px 24px 24px;
     overflow: hidden;
     position: relative;
diff --git a/marketing/components/shared/Subscribe/Subscribe.tsx b/marketing/components/shared/Subscribe/Subscribe.tsx
index 1cf663fd..88b7c4ea 100644
--- a/marketing/components/shared/Subscribe/Subscribe.tsx
+++ b/marketing/components/shared/Subscribe/Subscribe.tsx
@@ -6,7 +6,12 @@ import { RegionCodeT } from 'types/Countries';
 import { BillingPeriodE, PlansE } from 'types/General';
 import { getPricePageData } from 'util/utilities';
 import getEnvVariable from 'config';
-import { STARTER_COPY, PERSONAL_COPY, PROFESSIONAL_COPY } from './plan.const';
+import {
+  STARTER_COPY,
+  PERSONAL_COPY,
+  PROFESSIONAL_COPY,
+  BUSINESS_COPY,
+} from './plan.const';
 import SkeletonCard from '@Shared/SkeletonCard/SkeletonCard';
 import { Modal, Button } from '@mozilla/lilypad-ui';
 import Snow from '@Shared/Snow/Snow';
@@ -30,7 +35,7 @@ const Subscribe = ({ classProp = '' }: SubscribePropsT) => {
     { label: 'Monthly', value: BillingPeriodE.MONTHLY },
     { label: 'Annual', value: BillingPeriodE.ANNUAL },
   ];
-  const PLAN_QTY = 3;
+  const PLAN_QTY = 4;
   /**
    * Init Plans Data
    */
@@ -47,7 +52,13 @@ const Subscribe = ({ classProp = '' }: SubscribePropsT) => {
     billingPeriod
   );
 
-  const loadingCards = isTabletDown ? [1] : [1, 2, 3];
+  const businessPlanData = getPricePageData(
+    regionCode,
+    PlansE.BUSINESS,
+    billingPeriod
+  );
+
+  const loadingCards = isTabletDown ? [1] : [1, 2, 3, 4];
 
   /**
    * Init Region Data
@@ -233,6 +244,39 @@ const Subscribe = ({ classProp = '' }: SubscribePropsT) => {
                   }
                 />
 
+                {/* BUSINESS_COPY PLAN */}
+                <BasePlanCard
+                  classProp={styles.plan_3}
+                  title={BUSINESS_COPY.title}
+                  subtitle={BUSINESS_COPY.subtitle}
+                  color="rainbow"
+                  price={
+                    <Price
+                      price={`${businessPlanData.currencySymbol}${businessPlanData.planPrice}`}
+                      currencyAbbrev={businessPlanData.currencyAbbrev}
+                      billingPeriod={`per ${
+                        billingPeriod === BillingPeriodE.ANNUAL
+                          ? 'year'
+                          : 'month'
+                      }`}
+                    />
+                  }
+                  valueProps={BUSINESS_COPY.valueProps}
+                  features={BUSINESS_COPY.features}
+                  additionalContent={
+                    <Status icon="greenLight" message={BUSINESS_COPY.status} />
+                  }
+                  confirmButton={
+                    <Button
+                      label="Create Professional hub"
+                      text="Get Started"
+                      onClick={() => {
+                        window.open(businessPlanData.planUrl);
+                      }}
+                    />
+                  }
+                />
+
                 {/* BUSINESS INQU*/}
                 {!isMobileDown && <HangerCard />}
               </>
diff --git a/marketing/components/shared/Subscribe/plan.const.ts b/marketing/components/shared/Subscribe/plan.const.ts
index 263ea79e..fb9f3347 100644
--- a/marketing/components/shared/Subscribe/plan.const.ts
+++ b/marketing/components/shared/Subscribe/plan.const.ts
@@ -92,6 +92,33 @@ export const PROFESSIONAL_COPY: PlanInfoCopyT = {
   status: 'Always on — no sleeping',
 };
 
+export const BUSINESS_COPY: PlanInfoCopyT = {
+  title: 'Business',
+  subtitle:
+    'Scale your community with a robust Hub for large events and vibrant exhibitions.',
+  valueProps: [
+    {
+      label: '400 guest capacity',
+      description: 'Free for guests to join',
+      icon: 'capacity',
+    },
+    {
+      label: '200 GB asset storage',
+      description: 'For avatars and scenes',
+      icon: 'space',
+    },
+  ],
+  features: {
+    title: 'Everything in Personal, plus:',
+    values: [
+      'Support emails answered within 12 business hours',
+      '90 minutes of synchronous support per month',
+      '60 minutes of assisted Hubs Cloud data migration',
+    ],
+  },
+  status: 'Always on — no sleeping',
+};
+
 export const PLAN_ID_MAP = {
   /**
    * United Kingdom
@@ -201,7 +228,7 @@ export const PLAN_ID_MAP = {
     business: {
       monthly: {
         planId: 'TODO',
-        price: 400.22,
+        price: 499.0,
       },
       annual: {
         planId: 'TODO',