diff --git a/package-lock.json b/package-lock.json
index 70f1111b6..0c35ce2b3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.19.0",
+    "version": "1.19.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.19.0",
+            "version": "1.19.1",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {
diff --git a/package.json b/package.json
index 3740eefd6..dfd5c4c4b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.19.0",
+    "version": "1.19.1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
diff --git a/src/Assets/IconV2/ic-upgrade-enterprise.svg b/src/Assets/IconV2/ic-upgrade-enterprise.svg
new file mode 100644
index 000000000..eb7ca93cf
--- /dev/null
+++ b/src/Assets/IconV2/ic-upgrade-enterprise.svg
@@ -0,0 +1,320 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <style>
+    .diamond {
+  animation: obj-rotate 3s forwards ease;
+  transform-origin: center;
+  transform-box: fill-box;
+  }
+
+  @keyframes obj-rotate {
+  0% {transform: rotate(-90deg);}
+  30% {transform: rotate(0deg);}
+  100% {transform: rotate(0deg);}
+}
+    .shape-bottom-left {
+    animation: anim-bottom-left 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-left {
+      0% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: 0;
+      }
+      25% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: .2;
+      }
+      100% {
+        d: path("M2 83.6167L113.5 240L58.5 126.737L2 83.6167Z"); opacity: 1;
+      }
+   }
+
+  .shape-bottom-right {
+    animation: anim-bottom-right 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-right {
+      0% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: 0;
+      }
+      25% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: .2;
+      }
+      100% {
+        d: path("M197 126.7L248 85.3701L135.5 240L197 126.7Z"); opacity: 1;
+      }
+   }
+
+    .shape-bottom-front {
+    animation: anim-bottom-front 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-front {
+      0% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: 0;
+      }
+      25% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: .2;
+      }
+      100% {
+        d: path("M125 243L70 127H180.706L125 243Z"); opacity: 1;
+      }
+   }
+
+    .shape-top-tl {
+    animation: anim-top-tl 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tl {
+    0% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    25% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    100% {
+      d: path("M35 43L7.5 73.5L4.51562 73.5L33.5 42.5L35 43Z"); opacity: 0;
+    }
+  }
+
+    .shape-top-front {
+    animation: anim-top-bottom 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-bottom {
+    0% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    25% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    100% {
+      d: path("M166.67 68.5L83.6699 68.5L70 116.999L180.67 116.999L166.67 68.5Z");
+    }
+  }
+
+    .shape-top-bl {
+    animation: anim-top-bl 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-bl {
+      0% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      25% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      100% {
+        d: path("M33.5 41.5L73.5 65L59.5 114L4 73.5L33.5 41.5Z");
+      }
+   }
+
+    .shape-top-br {
+    animation: anim-top-br 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-br {
+      0% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      25% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      100% {
+        d: path("M216.5 41L248.5 75.5L194 115.5L177.5 64.5L216.5 41Z");
+      }
+   }
+
+      .shape-top-face {
+      animation: anim-top-face 3s forwards ease;
+      transform-origin: center;
+      transform-box: fill-box;
+    }
+    
+    @keyframes anim-top-face {
+      0% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      25% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      100% {
+        d: path("M83.5 9L166.5 9L209 34L166.5 58.5L83.5 58.5L41 34L83.5 9Z");
+      }
+    }
+
+    .shape-top-back {
+    animation: anim-top-tf 2.5s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-tf {
+      0% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      25% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      100% {
+        d: path("M97.0755 13L155.973 13L172 11L81 11L97.0755 13Z"); opacity: .1;
+      }
+   }
+
+    .shape-top-tr {
+    animation: anim-top-tr 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tr {
+    0% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    25% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    100% {
+      d: path("M215.5 42L214 43L242.5 73.5L244.5 73.5L215.5 42Z"); opacity: 0;
+    }
+  }
+
+    .small-star {
+  animation: twinkle 2.9s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+.big-star {
+  animation: twinkle 2.6s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+@keyframes twinkle {
+      0% { transform: rotate(0deg) scale(0); opacity: 0;}
+      60% { transform: rotate(0deg) scale(0); opacity: 1;}
+      80% { transform: rotate(180deg) scale(1); opacity: 1;}
+      100% { transform: rotate(360deg) scale(0); opacity: 0;}
+      }
+    }
+</style>
+<g class="diamond">
+<path class="shape-top-tr" d="M191 23L171.62 57L207.54 119H246.663L191 23Z" fill="url(#paint8_linear_637_2386)"/>
+<path class="shape-bottom-left" d="M59.5 160L4.5 132L60 226.5L59.5 160Z" fill="url(#paint6_linear_637_2386)"/>
+<path class="shape-bottom-right" d="M191.5 160.289L246.5 132L192 226L191.5 160.289Z" fill="url(#paint2_linear_637_2386)"/>
+<path class="shape-bottom-front" d="M125.5 199.5L71 232.999H180L125.5 199.5Z" fill="url(#paint4_linear_637_2386)"/>
+<path class="shape-top-back" d="M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z" fill="url(#paint0_linear_637_2386)"/>
+<path class="shape-top-tl" d="M78.5 56.7344L42.7498 119H3.66296L58.8896 23L78.5 56.7344Z" fill="url(#paint1_linear_637_2386)"/>
+<path class="shape-top-bl" d="M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z" fill="url(#paint7_linear_637_2386)"/>
+<path class="shape-top-face" d="M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092H96.6555L68.3118 124.999L96.6555 75.9063Z" fill="url(#paint9_linear_637_2386)"/>
+<path class="shape-top-br" d="M208 132H247L192 226.5L172.5 193L208 132Z" fill="url(#paint3_linear_637_2386)"/>
+<path class="shape-top-front" d="M161.707 199.402H90.1915L70.7853 233.252H181.415L161.707 199.402Z" fill="url(#paint5_linear_637_2386)"/>
+<path class="big-star" d="M195 62C195 62 194.739 92.6268 207.056 104.944C219.373 117.261 250 117 250 117C250 117 219.373 116.739 207.056 129.056C194.739 141.373 195 172 195 172C195 172 195.261 141.373 182.944 129.056C170.627 116.739 140 117 140 117C140 117 170.627 117.261 182.944 104.944C195.261 92.6268 195 62 195 62Z" fill="#FFFCD0"/>
+<path class="small-star" d="M44 12C44 12 43.8577 28.7055 50.5761 35.4239C57.2945 42.1423 74 42 74 42C74 42 57.2945 41.8577 50.5761 48.5761C43.8577 55.2945 44 72 44 72C44 72 44.1423 55.2945 37.4239 48.5761C30.7055 41.8577 14 42 14 42C14 42 30.7055 42.1423 37.4239 35.4239C44.1423 28.7055 44 12 44 12Z" fill="#FFFCD0"/>
+<defs>
+  <linearGradient id="paint0_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint1_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#FFCF08;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#E37600;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint2_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="55%" stop-color="#C64200">
+      <animate attributeName="stop-color" values="#FF9518;#C64200" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="95%" stop-color="#FF9518">
+      <animate attributeName="stop-color" values="#C64200;#FF9518" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint3_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="75%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#FC9500;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="90%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#F7E373;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint4_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="32%" stop-color="#DA5724">
+      <animate attributeName="stop-color" values="#FCAC1A;#DA5724" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="60%" stop-color="#FCAC1A">
+      <animate attributeName="stop-color" values="#DA5724;#FCAC1A" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint5_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#EA8101">
+      <animate attributeName="stop-color" values="#FFF000;#EA8101" dur="2s" fill="freeze" />
+    </stop>
+    <stop offset="80%" stop-color="#FFF000">
+      <animate attributeName="stop-color" values="#FFF000;#FFF000" dur="2s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint6_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#CC501F">
+      <animate attributeName="stop-color" values="#D97600;#CC501F" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="40%" stop-color="#D97600">
+      <animate attributeName="stop-color" values="#CC501F;#D97600" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint7_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="8%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#FFCF08;#E37600" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="30%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#E37600;#FFCF08" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint8_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint9_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="30%" stop-color="#F99A00">
+      <animate attributeName="stop-color" values="#FFD800;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="55%" stop-color="#FFD800">
+      <animate attributeName="stop-color" values="#F99A00;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+</defs>
+
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/Shared/Components/GenericModal/constants.ts b/src/Shared/Components/GenericModal/constants.ts
index 6f821f0cc..bef8d8813 100644
--- a/src/Shared/Components/GenericModal/constants.ts
+++ b/src/Shared/Components/GenericModal/constants.ts
@@ -17,6 +17,7 @@
 import { GenericModalProps } from './types'
 
 export const MODAL_WIDTH_TO_CLASS_NAME_MAP: Record<GenericModalProps['width'], string> = {
+    450: 'w-450',
     500: 'w-500',
     600: 'w-600',
     800: 'w-800',
diff --git a/src/Shared/Components/GenericModal/types.ts b/src/Shared/Components/GenericModal/types.ts
index 9a0e46c3d..9f3417cda 100644
--- a/src/Shared/Components/GenericModal/types.ts
+++ b/src/Shared/Components/GenericModal/types.ts
@@ -28,7 +28,7 @@ export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape
      * Width of the modal (in pixels).
      * @default 600
      */
-    width?: 500 | 600 | 800
+    width?: 450 | 500 | 600 | 800
     /**
      * Determines if the modal should close when the user clicks outside of it (on the backdrop).
      * @default false
diff --git a/src/Shared/Components/Header/HelpButton.tsx b/src/Shared/Components/Header/HelpButton.tsx
index ba6e16be0..975f046ea 100644
--- a/src/Shared/Components/Header/HelpButton.tsx
+++ b/src/Shared/Components/Header/HelpButton.tsx
@@ -148,7 +148,7 @@ export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick, hideGettin
                 alignment="end"
                 width={220}
                 options={getHelpActionMenuOptions({
-                    isTrial: licenseData?.isTrial ?? false,
+                    isTrialOrFreemium: (licenseData?.isTrial || licenseData?.isFreemium) ?? false,
                     isEnterprise,
                 })}
                 onClick={handleActionMenuClick}
diff --git a/src/Shared/Components/Header/utils.ts b/src/Shared/Components/Header/utils.ts
index 1896ea901..50dae36d9 100644
--- a/src/Shared/Components/Header/utils.ts
+++ b/src/Shared/Components/Header/utils.ts
@@ -44,10 +44,10 @@ export const setActionWithExpiry = (key: string, days: number): void => {
 
 export const getHelpActionMenuOptions = ({
     isEnterprise,
-    isTrial,
+    isTrialOrFreemium,
 }: {
     isEnterprise: boolean
-    isTrial: boolean
+    isTrialOrFreemium: boolean
 }): HelpButtonActionMenuProps['options'] => [
     {
         items: COMMON_HELP_ACTION_MENU_ITEMS,
@@ -56,7 +56,9 @@ export const getHelpActionMenuOptions = ({
         ? [
               {
                   groupLabel: 'Enterprise Support',
-                  items: isTrial ? ENTERPRISE_TRIAL_HELP_ACTION_MENU_ITEMS : ENTERPRISE_HELP_ACTION_MENU_ITEMS,
+                  items: isTrialOrFreemium
+                      ? ENTERPRISE_TRIAL_HELP_ACTION_MENU_ITEMS
+                      : ENTERPRISE_HELP_ACTION_MENU_ITEMS,
               },
           ]
         : [
diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx
index 410648573..50d4f62b7 100644
--- a/src/Shared/Components/Icon/Icon.tsx
+++ b/src/Shared/Components/Icon/Icon.tsx
@@ -212,6 +212,7 @@ import { ReactComponent as ICTravclan } from '@IconsV2/ic-travclan.svg'
 import { ReactComponent as ICTwoCubes } from '@IconsV2/ic-two-cubes.svg'
 import { ReactComponent as ICUbuntu } from '@IconsV2/ic-ubuntu.svg'
 import { ReactComponent as ICUnknown } from '@IconsV2/ic-unknown.svg'
+import { ReactComponent as ICUpgradeEnterprise } from '@IconsV2/ic-upgrade-enterprise.svg'
 import { ReactComponent as ICUserCircle } from '@IconsV2/ic-user-circle.svg'
 import { ReactComponent as ICUserKey } from '@IconsV2/ic-user-key.svg'
 import { ReactComponent as ICUsers } from '@IconsV2/ic-users.svg'
@@ -438,6 +439,7 @@ export const iconMap = {
     'ic-two-cubes': ICTwoCubes,
     'ic-ubuntu': ICUbuntu,
     'ic-unknown': ICUnknown,
+    'ic-upgrade-enterprise': ICUpgradeEnterprise,
     'ic-user-circle': ICUserCircle,
     'ic-user-key': ICUserKey,
     'ic-users': ICUsers,
diff --git a/src/Shared/Components/License/DevtronLicenseCard.tsx b/src/Shared/Components/License/DevtronLicenseCard.tsx
index d463f0a8c..346f2cdda 100644
--- a/src/Shared/Components/License/DevtronLicenseCard.tsx
+++ b/src/Shared/Components/License/DevtronLicenseCard.tsx
@@ -23,6 +23,7 @@ import { ClipboardButton, getTTLInHumanReadableFormat } from '@Common/index'
 import { CONTACT_SUPPORT_LINK, ENTERPRISE_SUPPORT_LINK } from '@Shared/constants'
 import { AppThemeType } from '@Shared/Providers'
 import { getThemeOppositeThemeClass } from '@Shared/Providers/ThemeProvider/utils'
+import { LicensingErrorCodes } from '@Shared/types'
 
 import { Button, ButtonComponentType, ButtonVariantType } from '../Button'
 import { Icon } from '../Icon'
@@ -33,6 +34,85 @@ import './licenseCard.scss'
 
 const DAMPEN_FACTOR = 50
 
+const ContactSupportButton = () => (
+    <Button
+        dataTestId="contact-support"
+        startIcon={<ICChatSupport />}
+        text="Contact support"
+        variant={ButtonVariantType.text}
+        component={ButtonComponentType.anchor}
+        anchorProps={{ href: CONTACT_SUPPORT_LINK }}
+    />
+)
+
+const LicenseCardSubText = ({
+    isFreemium,
+    licenseStatus,
+    licenseStatusError,
+}: Pick<DevtronLicenseCardProps, 'isFreemium' | 'licenseStatus' | 'licenseStatusError'>) => {
+    if (licenseStatus === LicenseStatus.ACTIVE && !isFreemium) {
+        return null
+    }
+
+    const freemiumLimitReached = licenseStatusError?.code === LicensingErrorCodes.ClusterLimitExceeded
+
+    if (licenseStatus === LicenseStatus.ACTIVE && isFreemium) {
+        return (
+            <div className="p-16 fs-13 lh-1-5 flexbox-col dc__gap-8">
+                <div className="flexbox dc__gap-8 dc__content-space fs-13 fw-4 lh-20 cn-9">
+                    {freemiumLimitReached ? (
+                        <div className="flexbox-col dc__gap-4">
+                            <span className="fw-6">Multiple Clusters Detected</span>
+                            <span>
+                                Your account is connected to multiple clusters, which isn’t allowed on the freemium
+                                plan. Upgrade to an Enterprise license or contact us.
+                            </span>
+                        </div>
+                    ) : (
+                        <span className="fw-6">Unlimited single cluster usage</span>
+                    )}
+                    <Icon
+                        name={freemiumLimitReached ? 'ic-error' : 'ic-success'}
+                        color={freemiumLimitReached ? 'R500' : 'G500'}
+                        size={20}
+                    />
+                </div>
+                <div className="mail-support">
+                    <Button
+                        dataTestId="mail-support"
+                        startIcon={<Icon name="ic-email" color={null} />}
+                        text={ENTERPRISE_SUPPORT_LINK}
+                        variant={ButtonVariantType.text}
+                        component={ButtonComponentType.anchor}
+                        anchorProps={{ href: `mailto:${ENTERPRISE_SUPPORT_LINK}` }}
+                    />
+                </div>
+                <ContactSupportButton />
+            </div>
+        )
+    }
+
+    const isLicenseExpired = licenseStatus === LicenseStatus.EXPIRED
+
+    return (
+        <div className="p-16 fs-13 lh-1-5 flexbox-col dc__gap-8">
+            <div className="flexbox dc__gap-8 dc__content-space">
+                <span>
+                    To renew your license mail us at&nbsp;
+                    <a href={`mailto:${ENTERPRISE_SUPPORT_LINK}`}>{ENTERPRISE_SUPPORT_LINK}</a> or contact your Devtron
+                    representative.
+                </span>
+                <Icon
+                    name={isLicenseExpired ? 'ic-error' : 'ic-timer'}
+                    color={isLicenseExpired ? 'R500' : 'Y500'}
+                    size={16}
+                />
+            </div>
+            <ContactSupportButton />
+        </div>
+    )
+}
+
 export const DevtronLicenseCard = ({
     enterpriseName,
     licenseKey,
@@ -40,14 +120,15 @@ export const DevtronLicenseCard = ({
     expiryDate,
     licenseStatus,
     isTrial,
+    isFreemium,
     ttl,
     appTheme,
     handleCopySuccess,
+    licenseStatusError,
 }: DevtronLicenseCardProps) => {
-    const { bgColor, textColor } = getLicenseColorsAccordingToStatus(licenseStatus)
+    const { bgColor, textColor } = getLicenseColorsAccordingToStatus({ isFreemium, licenseStatus, licenseStatusError })
     const remainingTime = getTTLInHumanReadableFormat(ttl)
     const remainingTimeString = ttl < 0 ? `Expired ${remainingTime} ago` : `${remainingTime} remaining`
-    const isLicenseValid = licenseStatus !== LicenseStatus.EXPIRED
     const isThemeDark = appTheme === AppThemeType.dark
 
     const cardRef = useRef<HTMLDivElement>(null)
@@ -93,7 +174,7 @@ export const DevtronLicenseCard = ({
         : useMotionTemplate`linear-gradient(55deg, transparent, rgba(255, 255, 255, ${sheenOpacity}) ${sheenPosition}%, transparent)`
 
     return (
-        <div className="flexbox-col p-8 br-16" style={{ backgroundColor: bgColor }}>
+        <div className="license-card-wrapper flexbox-col p-8 br-16" style={{ backgroundColor: bgColor }}>
             <div style={{ perspective: '1000px' }}>
                 <motion.div
                     className={`license-card shadow__overlay border__secondary flexbox-col br-12 h-200 dc__overflow-hidden bg__tertiary ${getThemeOppositeThemeClass(appTheme)}`}
@@ -130,43 +211,30 @@ export const DevtronLicenseCard = ({
                                 )}
                             </div>
                             <div className="flexbox dc__align-items-center dc__gap-4 flex-wrap fs-12">
-                                <span className="font-ibm-plex-mono cn-9">{expiryDate}</span>
-                                <span className="cn-9">·</span>
-                                <span style={{ color: textColor }}>{remainingTimeString}</span>
+                                <span className="font-ibm-plex-mono cn-9">
+                                    {isFreemium ? 'VALID FOREVER' : expiryDate}
+                                </span>
+                                {!isFreemium && (
+                                    <>
+                                        <span className="cn-9">·</span>
+                                        <span style={{ color: textColor }}>{remainingTimeString}</span>
+                                    </>
+                                )}
                             </div>
                         </div>
                     </div>
-                    {isTrial && (
+                    {(isTrial || isFreemium) && (
                         <span className="trial-license-badge flexbox dc__align-items-center px-20 py-6 cn-9 fs-11 fw-5 lh-1-5 dc__zi-2">
-                            TRIAL LICENSE
+                            {isFreemium ? 'FREEMIUM' : 'TRIAL'} LICENSE
                         </span>
                     )}
                 </motion.div>
             </div>
-            {licenseStatus !== LicenseStatus.ACTIVE && (
-                <div className="p-16 fs-13 lh-1-5 flexbox-col dc__gap-8">
-                    <div className="flexbox dc__gap-8">
-                        <span>
-                            To renew your license mail us at&nbsp;
-                            <a href={`mailto:${ENTERPRISE_SUPPORT_LINK}`}>{ENTERPRISE_SUPPORT_LINK}</a> or contact your
-                            Devtron representative.
-                        </span>
-                        <Icon
-                            name={isLicenseValid ? 'ic-timer' : 'ic-error'}
-                            color={isLicenseValid ? 'Y500' : 'R500'}
-                            size={16}
-                        />
-                    </div>
-                    <Button
-                        dataTestId="contact-support"
-                        startIcon={<ICChatSupport />}
-                        text="Contact support"
-                        variant={ButtonVariantType.text}
-                        component={ButtonComponentType.anchor}
-                        anchorProps={{ href: CONTACT_SUPPORT_LINK }}
-                    />
-                </div>
-            )}
+            <LicenseCardSubText
+                isFreemium={isFreemium}
+                licenseStatusError={licenseStatusError}
+                licenseStatus={licenseStatus}
+            />
         </div>
     )
 }
diff --git a/src/Shared/Components/License/constants.ts b/src/Shared/Components/License/constants.ts
new file mode 100644
index 000000000..2033d8348
--- /dev/null
+++ b/src/Shared/Components/License/constants.ts
@@ -0,0 +1 @@
+export const ALLOWED_CLUSTER_IN_FREEMIUM = 2
diff --git a/src/Shared/Components/License/licenseCard.scss b/src/Shared/Components/License/licenseCard.scss
index 2663e3b99..57710e14b 100644
--- a/src/Shared/Components/License/licenseCard.scss
+++ b/src/Shared/Components/License/licenseCard.scss
@@ -14,10 +14,18 @@
  * limitations under the License.
  */
 
-.license-card { 
+.license-card-wrapper {
+    .license-card {
+        .trial-license-badge {
+            background-color: var(--divider-secondary-translucent);
+            letter-spacing: 0.55px;
+        }
+    }
 
-    .trial-license-badge {
-        background-color: var(--divider-secondary-translucent);
-        letter-spacing: 0.55px;
+    .mail-support {
+        .button {
+            text-transform: lowercase;
+        }
     }
 }
+
diff --git a/src/Shared/Components/License/types.ts b/src/Shared/Components/License/types.ts
index 878971301..38b2be000 100644
--- a/src/Shared/Components/License/types.ts
+++ b/src/Shared/Components/License/types.ts
@@ -15,7 +15,7 @@
  */
 
 import { AppThemeType } from '@Shared/Providers'
-import { DevtronLicenseBaseDTO, DevtronLicenseDTO } from '@Shared/types'
+import { DevtronLicenseBaseDTO, DevtronLicenseDTO, LicenseErrorStruct } from '@Shared/types'
 
 export enum LicenseStatus {
     ACTIVE = 'ACTIVE',
@@ -29,7 +29,9 @@ export type DevtronLicenseCardProps = {
     ttl: number
     licenseStatus: LicenseStatus
     isTrial: boolean
+    isFreemium: boolean
     appTheme: AppThemeType
+    licenseStatusError: LicenseErrorStruct
 } & (
     | {
           licenseKey: string
@@ -44,7 +46,7 @@ export type DevtronLicenseCardProps = {
 )
 
 export type DevtronLicenseInfo = Omit<DevtronLicenseCardProps, 'appTheme'> &
-    Pick<DevtronLicenseDTO, 'fingerprint' | 'showLicenseData' | 'licenseStatusError'>
+    Pick<DevtronLicenseDTO, 'fingerprint' | 'showLicenseData' | 'licenseStatusError' | 'moduleLimits'>
 
 export interface ActivateLicenseDialogProps extends Pick<DevtronLicenseBaseDTO, 'fingerprint'> {
     enterpriseName: string
diff --git a/src/Shared/Components/License/utils.tsx b/src/Shared/Components/License/utils.tsx
index fc6d78dcb..540d14613 100644
--- a/src/Shared/Components/License/utils.tsx
+++ b/src/Shared/Components/License/utils.tsx
@@ -18,13 +18,25 @@ import moment from 'moment'
 
 import { DATE_TIME_FORMATS } from '@Common/Constants'
 import { getUrlWithSearchParams } from '@Common/index'
-import { DevtronLicenseDTO } from '@Shared/types'
+import { DevtronLicenseDTO, LicensingErrorCodes } from '@Shared/types'
 
+import { ALLOWED_CLUSTER_IN_FREEMIUM } from './constants'
 import { DevtronLicenseCardProps, DevtronLicenseInfo, LicenseStatus } from './types'
 
-export const getLicenseColorsAccordingToStatus = (
-    licenseStatus: LicenseStatus,
-): { bgColor: string; textColor: string } => {
+export const getLicenseColorsAccordingToStatus = ({
+    isFreemium,
+    licenseStatus,
+    licenseStatusError,
+}: Pick<DevtronLicenseCardProps, 'licenseStatus' | 'isFreemium' | 'licenseStatusError'>): {
+    bgColor: string
+    textColor: string
+} => {
+    if (isFreemium) {
+        const freemiumLimitReached = licenseStatusError?.code === LicensingErrorCodes.ClusterLimitExceeded
+        return freemiumLimitReached
+            ? { bgColor: 'var(--R100)', textColor: 'var(--R500)' }
+            : { bgColor: 'var(--G100)', textColor: 'var(--G500)' }
+    }
     switch (licenseStatus) {
         case LicenseStatus.ACTIVE:
             return { bgColor: 'var(--G100)', textColor: 'var(--G500)' }
@@ -54,8 +66,17 @@ export const parseDevtronLicenseDTOIntoLicenseCardData = <isCentralDashboard ext
     licenseDTO: DevtronLicenseDTO<isCentralDashboard>,
     currentUserEmail?: isCentralDashboard extends true ? string : never,
 ): Omit<DevtronLicenseCardProps, 'appTheme'> => {
-    const { isTrial, expiry, ttl, reminderThreshold, organisationMetadata, license, claimedByUserDetails } =
-        licenseDTO || {}
+    const {
+        isTrial,
+        expiry,
+        ttl,
+        reminderThreshold,
+        organisationMetadata,
+        license,
+        claimedByUserDetails,
+        isFreemium,
+        licenseStatusError,
+    } = licenseDTO || {}
 
     return {
         enterpriseName: organisationMetadata?.name || 'Devtron Enterprise',
@@ -63,6 +84,8 @@ export const parseDevtronLicenseDTOIntoLicenseCardData = <isCentralDashboard ext
         ttl,
         licenseStatus: getDevtronLicenseStatus({ ttl, reminderThreshold }),
         isTrial,
+        isFreemium,
+        licenseStatusError,
         ...(currentUserEmail && currentUserEmail === claimedByUserDetails?.email
             ? { licenseKey: license }
             : { licenseSuffix: license }),
@@ -76,6 +99,10 @@ export const parseDevtronLicenseData = (result: DevtronLicenseDTO): DevtronLicen
         fingerprint: result?.fingerprint || '',
         showLicenseData: result?.showLicenseData,
         licenseStatusError: result?.licenseStatusError,
+        moduleLimits: {
+            allAllowed: result?.moduleLimits?.allAllowed || false,
+            maxAllowedClusters: result?.moduleLimits?.maxAllowedClusters || ALLOWED_CLUSTER_IN_FREEMIUM,
+        },
     }
 }
 
diff --git a/src/Shared/types.ts b/src/Shared/types.ts
index b49b71474..0d2fc6724 100644
--- a/src/Shared/types.ts
+++ b/src/Shared/types.ts
@@ -1099,6 +1099,7 @@ export enum LicensingErrorCodes {
     LicKeyMismatch = '11006',
     NoCertFound = '11007',
     LicKeyNotFound = '11008',
+    ClusterLimitExceeded = '11011',
 }
 
 export interface LicenseErrorStruct {
@@ -1109,6 +1110,7 @@ export interface LicenseErrorStruct {
 export interface DevtronLicenseBaseDTO {
     fingerprint: string | null
     isTrial: boolean | null
+    isFreemium: boolean | null
     /**
      * In timestamp format
      */
@@ -1139,11 +1141,16 @@ export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = Devt
               } | null
               showLicenseData?: never
               licenseStatusError?: never
+              moduleLimits?: never
           }
         : {
               claimedByUserDetails?: never
               showLicenseData: boolean
               licenseStatusError?: LicenseErrorStruct
+              moduleLimits: {
+                  allAllowed: boolean
+                  maxAllowedClusters: number
+              }
           })
 
 export type CountryISO2Type = ParsedCountry['iso2']
@@ -1177,6 +1184,7 @@ export type IconBaseSizeType =
     | 42
     | 44
     | 48
+    | 64
     | 72
     | 80