diff --git a/src/constants/constants.ts b/src/constants/constants.ts
index 3b23acd7..e65be201 100644
--- a/src/constants/constants.ts
+++ b/src/constants/constants.ts
@@ -6,3 +6,4 @@ export const KEPPEL_GREEN_FILL = '#00B39F';
 export const CARIBBEAN_GREEN_FILL = '#00D3A9';
 export const DEFAULT_STROKE = '#000';
 export const DEFAULT_STROKE_WIDTH = '2';
+export const CLOUD_URL = 'https://cloud.layer5.io';
diff --git a/src/custom/CatalogDetail/ChallengesSection.tsx b/src/custom/CatalogDetail/ChallengesSection.tsx
index 77028a2f..2cec1cd7 100644
--- a/src/custom/CatalogDetail/ChallengesSection.tsx
+++ b/src/custom/CatalogDetail/ChallengesSection.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { Link, ListItemIcon } from '../../base';
+import { CLOUD_URL } from '../../constants/constants';
 import { ChallengesIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import CollapsibleSection from './CollapsibleSection';
@@ -29,7 +30,7 @@ const ChallengesSection: React.FC<ChallengesSectionProps> = ({ filteredAcademyDa
 
   const renderChallengeItem = (item: string, index: number) => (
     <Link
-      href={`https://meshery.layer5.io/academy/challenges/${slugify('' + item)}`}
+      href={`${CLOUD_URL}/academy/challenges/${slugify('' + item)}`}
       target="_blank"
       rel="noopener noreferrer"
       style={{ textDecoration: 'none', color: 'inherit' }}
diff --git a/src/custom/CatalogDetail/LearningSection.tsx b/src/custom/CatalogDetail/LearningSection.tsx
index d6e30807..4af9f852 100644
--- a/src/custom/CatalogDetail/LearningSection.tsx
+++ b/src/custom/CatalogDetail/LearningSection.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Link, ListItemIcon } from '../../base';
+import { CLOUD_URL } from '../../constants/constants';
 import { LearningIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import CollapsibleSection from './CollapsibleSection';
@@ -29,7 +30,7 @@ const LearningSection: React.FC<LearningSectionProps> = ({ filteredAcademyData }
 
   const renderLearningItem = (item: string, index: number) => (
     <Link
-      href={`https://meshery.layer5.io/academy/learning-paths/${slugify('' + item)}`}
+      href={`${CLOUD_URL}/academy/learning-paths/${slugify('' + item)}`}
       target="_blank"
       rel="noopener noreferrer"
       style={{ textDecoration: 'none', color: 'inherit' }}
diff --git a/src/custom/CatalogDetail/UserInfo.tsx b/src/custom/CatalogDetail/UserInfo.tsx
index 7165ddb2..8a55ffa2 100644
--- a/src/custom/CatalogDetail/UserInfo.tsx
+++ b/src/custom/CatalogDetail/UserInfo.tsx
@@ -1,4 +1,5 @@
 import { Avatar } from '../../base';
+import { CLOUD_URL } from '../../constants/constants';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { getVersion } from '../CustomCatalog/Helper';
 import { formatDate } from './helper';
@@ -32,7 +33,7 @@ const UserInfo: React.FC<UserInfoProps> = ({ details, showVersion = true, userPr
             }}
           />
           <RedirectLink
-            href={`https://meshery.layer5.io/user/${details?.user_id}`}
+            href={`${CLOUD_URL}/user/${details?.user_id}`}
             target="_blank"
             rel="noopener noreferrer"
           >