306 periodic table of services (#308)

Author: akyriako

docs/best-practices/index.mdx

@@ -3,28 +3,14 @@ id: best-practices
 title: Best Practices
 ---
 
-import BestPractices from '@site/src/components/ServiceCallouts';
-import ApplicationServices from '@site/src/components/ServiceCallouts/ApplicationServices';
-import DataAnalysisServices from '@site/src/components/ServiceCallouts/DataAnalysisServices';
-import ComputingServices from '@site/src/components/ServiceCallouts/ComputingServices';
-import ContainerServices from '@site/src/components/ServiceCallouts/ContainerServices';
-import DatabaseServices from '@site/src/components/ServiceCallouts/DatabaseServices';
-import ManagementServices from '@site/src/components/ServiceCallouts/ManagementServices';
-import NetworkingServices from '@site/src/components/ServiceCallouts/NetworkingServices';
-import SecurityServices from '@site/src/components/ServiceCallouts/SecurityServices';
-import StorageServices from '@site/src/components/ServiceCallouts/StorageServices';
-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+
 
 # Best Practices
 
 Welcome to the Open Telekom Cloud Architecture Center Best Practices.
 Here we provide crucial guidelines for optimizing cloud-based solutions with emphasis to architectural principles that
 enhance reliability, scalability, security, high availability and fault tolerance.
-
+{/* 
 ## Open Telekom Cloud Services Portfolio
 
 <Tabs>
@@ -106,4 +92,4 @@ enhance reliability, scalability, security, high availability and fault toleranc
   </TabItem>
 </Tabs>
 
-       
+        */}

docusaurus.config.ts

@@ -36,13 +36,13 @@ const config: Config = {
       {
         docs: {
           sidebarPath: './sidebars.ts',
-          editUrl:'https://github.com/opentelekomcloud/docs-next/tree/main/',
+          editUrl: 'https://github.com/opentelekomcloud/docs-next/tree/main/',
           // showLastUpdateAuthor: true,  
           // showLastUpdateTime: true,
           breadcrumbs: true,
           exclude: ['**/by-use-case/computing/**', '**/by-use-case/hybrid/**', '**/by-use-case/migration/**']
         },
-        
+
         theme: {
           customCss: './src/css/custom.css',
         },
@@ -89,12 +89,12 @@ const config: Config = {
           label: 'Blueprints',
         },
         {
-          to: '/templates', 
+          to: '/templates',
           label: 'Templates',
           position: 'left',
         },
         {
-          to: '/webinars', 
+          to: '/webinars',
           label: 'Webinars',
           position: 'left',
         },
@@ -105,14 +105,14 @@ const config: Config = {
         //   label: 'Cloud Adoption Framework 🚧',
         // },
         // { to: '/blog', label: 'Blog', position: 'right' },
-        { 
-          href: 'https://auth.otc.t-systems.com/', 
+        {
+          href: 'https://auth.otc.t-systems.com/',
           position: 'right',
           className: 'navbar--terminal-link',
           "aria-label": 'Open Telekom Cloud Console',
         },
-        { 
-          href: 'https://github.com/opentelekomcloud/docs-next', 
+        {
+          href: 'https://github.com/opentelekomcloud/docs-next',
           position: 'right',
           className: 'navbar--github-link',
           "aria-label": 'GitHub',
@@ -148,10 +148,18 @@ const config: Config = {
               label: 'Help Center',
               to: 'https://docs.otc.t-systems.com/',
             },
+            {
+              label: 'Portfolio Navigator',
+              to: '/portfolio',
+            },
             {
               label: 'Portfolio Roadmap',
               to: 'https://www.open-telekom-cloud.com/en/products-services/roadmap',
             },
+            {
+              label: 'Release Notes',
+              to: 'https://www.open-telekom-cloud.com/en/support/release-notes',
+            },
             {
               label: 'Core Services Certifications',
               to: 'https://www.open-telekom-cloud.com/en/products-services/core-services/certifications',
@@ -166,7 +174,7 @@ const config: Config = {
               to: 'https://marketplace.otc.t-systems.com/',
             },
             {
-              label: 'Community Forums',
+              label: 'Community Portal',
               to: 'https://community.open-telekom-cloud.com/',
             },
             {

package-lock.json

@@ -21,9 +21,11 @@
     "@docusaurus/preset-classic": "^3.7.0",
     "@mdx-js/react": "^3.1.0",
     "@telekom/scale-components": "^3.0.0-beta.151",
+    "@telekom/scale-components-react": "^3.0.0-beta.56",
     "clsx": "^2.1.1",
     "docusaurus-plugin-zooming": "^1.0.0",
     "docusaurus-theme-search-typesense": "^0.23.0",
+    "flag-icons": "^7.5.0",
     "lucide-react": "^0.525.0",
     "prism-react-renderer": "^2.4.1",
     "react": "^18.3.1",

package.json

@@ -16,8 +16,8 @@ export default function HomepageFeaturedServices(): JSX.Element {
             <p className="margin-bottom--md">
               Check out our collection of technical solutions, best practices and cool tips for the most popular services of Open Telekom Cloud.
             </p>
-            <a className="button button--secondary" href={useBaseUrl("/docs/best-practices")}>
-              Explore our Best Practices
+            <a className="button button--secondary" href={useBaseUrl("/portfolio")}>
+              Open Portfolio Navigator
             </a>
           </div>
         </div>