diff --git a/components/features/FeatureList.js b/components/features/FeatureList.js
index c8fec12b78c..7ad58d9ed6e 100644
--- a/components/features/FeatureList.js
+++ b/components/features/FeatureList.js
@@ -1,50 +1,39 @@
 export const features = [
-    {
-      name: "Specification",
-      description:
-        "Allows you to define the interfaces of asynchronous APIs and is protocol agnostic.",
-      links: [{ label: "Documentation", href: "docs/specifications/latest", id:'whyasyncapi-spec-documentation-link' }],
-    },
-    {
-      name: "Document APIs",
-      description:
-        "Use our tools to generate documentation at the build level, on a server, and on a client.",
-      links: [
-        {
-          label: "HTML Template",
-          href: "https://github.com/asyncapi/html-template",
-          id:'whyasyncapi-apis-htmltemplate-link'
-        },
-        {
-          label: "React Component",
-          href: "https://github.com/asyncapi/asyncapi-react/",
-          id:'whyasyncapi-apis-reactcomponents-link'
-        },
-      ],
-    },
-    {
-      name: "Code Generation",
-      description:
-        "Generate documentation, Code (TypeScript, Java, C#, etc), and more out of your AsyncAPI files.",
-      links: [{ label: "Generator", href: "tools/generator", id:'whyasyncapi-generation-generator-link' }, { label: "Modelina", href: "tools/modelina", id:'whyasyncapi-generation-modelina-link' }],
-    },
-    {
-      name: "Community",
-      description: "We're a community of great people who are passionate about AsyncAPI and event-driven architectures.",
-      links: [
-        { label: "Join our Slack", href: "https://asyncapi.com/slack-invite", id:'whyasyncapi-community-slack-link' },
-      ],
-    },
-    {
-      name: "Open Governance",
-      description:
-        "Our Open-Source project is part of Linux Foundation and works under an Open Governance model.",
-      links: [{ label: "Read more about Open Governance", href: "blog/governance-motivation", id:'whyasyncapi-governance-more-link' }, { label: "TSC Members", href: "community/tsc", id:'whyasyncapi-governance-tsc-link' }],
-    },
-    {
-      name: "And much more...",
-      description:
-        "We have many different tools and welcome you to explore our ideas and propose new ideas to AsyncAPI.",
-      links: [{ label: "View GitHub Discussions", href: "https://github.com/asyncapi/community/discussions", id:'whyasyncapi-muchmore-github-link' }],
-    },
-  ];
\ No newline at end of file
+  {
+    id: "specification",
+    links: [{ label: "Documentation", href: "docs/specifications/latest", id: 'whyasyncapi-spec-documentation-link' }],
+  },
+  {
+    id: 'document-apis',
+    links: [
+      {
+        label: "HTML Template",
+        href: "https://github.com/asyncapi/html-template",
+        id: 'whyasyncapi-apis-htmltemplate-link'
+      },
+      {
+        label: "React Component",
+        href: "https://github.com/asyncapi/asyncapi-react/",
+        id: 'whyasyncapi-apis-reactcomponents-link'
+      },
+    ],
+  },
+  {
+    id: "code-generation",
+    links: [{ label: "Generator", href: "tools/generator", id: 'whyasyncapi-generation-generator-link' }, { label: "Modelina", href: "tools/modelina", id: 'whyasyncapi-generation-modelina-link' }],
+  },
+  {
+    id: "community",
+    links: [
+      { label: "Join our Slack", href: "https://asyncapi.com/slack-invite", id: 'whyasyncapi-community-slack-link' },
+    ],
+  },
+  {
+    id: "open-governance",
+    links: [{ label: "Read more about Open Governance", href: "blog/governance-motivation", id: 'whyasyncapi-governance-more-link' }, { label: "TSC Members", href: "community/tsc", id: 'whyasyncapi-governance-tsc-link' }],
+  },
+  {
+    id: "much-more",
+    links: [{ label: "View GitHub Discussions", href: "https://github.com/asyncapi/community/discussions", id: 'whyasyncapi-muchmore-github-link' }],
+  },
+];
\ No newline at end of file
diff --git a/components/features/index.jsx b/components/features/index.jsx
index 62b46a88322..e45f4a2796a 100644
--- a/components/features/index.jsx
+++ b/components/features/index.jsx
@@ -1,7 +1,8 @@
+import React from "react";
 import Heading from "../typography/Heading";
 import Paragraph from "../typography/Paragraph";
 import TextLink from "../typography/TextLink";
-import Link from 'next/link'
+import Link from 'next/link';
 import { features } from "./FeatureList";
 import { useTranslation } from "../../lib/i18n";
 
@@ -25,33 +26,25 @@ export default function Features() {
         <div className="mt-12 text-left">
           <ul className="grid  grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" data-testid="Feature-ul">
             {features.map((feature) => (
-              <li key={feature.name} className="flex flex-col justify-between border border-gray-200 shadow-md hover:shadow-lg transition-all duration-300 ease-in-out rounded-lg px-6 pb-8"
-                data-testid="Feature-li">
-                <div >
-                  <Heading
-                    level="h3"
-                    typeStyle="heading-md-semibold"
-                    className="mt-8"
-
-                  >
-                    {feature.name}
+              <li key={feature.id} className="flex flex-col justify-between border border-gray-200 shadow-md hover:shadow-lg transition-all duration-300 ease-in-out rounded-lg px-6 pb-8" data-testid="Feature-li">
+                <div>
+                  <Heading level="h3" typeStyle="heading-md-semibold" className="mt-8">
+                    {t(`features.${feature.id}.name`)}
                   </Heading>
-                  {feature.description && (
+                  {(
                     <Paragraph typeStyle="body-md" className="mt-5">
-                      {feature.description}
+                      {t(`features.${feature.id}.description`)}
                     </Paragraph>
                   )}
                 </div>
-                <div className="flex justify-between" >
-                  {feature.links.map((link) => {
-                    return (
-                      <Link href={link.href} key={link.label}>
-                        <TextLink id={link.id} href={link.href} className="mt-6 inline-block">
-                          {link.label}
-                        </TextLink>
-                      </Link>
-                    );
-                  })}
+                <div className="flex justify-between">
+                  {feature.links.map((link) => (
+                    <Link href={link.href} key={link.label}>
+                      <TextLink id={link.id} href={link.href} className="mt-6 inline-block">
+                        {t(`features.${feature.id}.links.${link.id}`)}
+                      </TextLink>
+                    </Link>
+                  ))}
                 </div>
               </li>
             ))}
diff --git a/cypress/test/features/index.cy.js b/cypress/test/features/index.cy.js
index 71eecd31068..0787af9ec0d 100644
--- a/cypress/test/features/index.cy.js
+++ b/cypress/test/features/index.cy.js
@@ -13,8 +13,8 @@ describe('Features Component', () => {
       cy.get('[data-testid="Feature-ul"] [data-testid="Feature-li"]').eq(index).as('feature');
 
       cy.get('@feature').within(() => {
-        cy.get('h3').should('have.text', feature.name);
-        cy.get('p').should('have.text', feature.description);
+        cy.get('h3').should('have.text', `features.${feature.id}.name`);
+        cy.get('p').should('have.text', `features.${feature.id}.description`);
 
         feature.links.forEach((link, linkIndex) => {
             cy.get('a').eq(linkIndex).should('have.attr', 'href').then((hrefValue) => {
diff --git a/locales/de/landing-page.json b/locales/de/landing-page.json
index db74a84ade0..ab75bdab207 100644
--- a/locales/de/landing-page.json
+++ b/locales/de/landing-page.json
@@ -12,7 +12,34 @@
     },
     "features": {
         "title": "Warum AsyncAPI?",
-        "description": "Verbesserung des aktuellen Stands der ereignisgesteuerten Architekturen (EDA)"
+        "description": "Verbesserung des aktuellen Stands der ereignisgesteuerten Architekturen (EDA)",
+        
+        "specification.name": "Spezifikation",
+        "specification.description": "Ermöglicht es Ihnen, die Schnittstellen von asynchronen APIs zu definieren und ist protokollunabhängig.",
+        "specification.links.whyasyncapi-spec-documentation-link": "Dokumentation",
+
+        "document-apis.name": "APIs dokumentieren",
+        "document-apis.description": "Verwenden Sie unsere Tools, um Dokumentation auf Build-Ebene, auf einem Server und auf einem Client zu generieren.",
+        "document-apis.links.whyasyncapi-apis-htmltemplate-link": "HTML-Vorlage",
+        "document-apis.links.whyasyncapi-apis-reactcomponents-link": "React-Komponente",
+
+        "code-generation.name": "Code-Generierung",
+        "code-generation.description": "Generieren Sie Dokumentation, Code (TypeScript, Java, C# usw.) und mehr aus Ihren AsyncAPI-Dateien.",
+        "code-generation.links.whyasyncapi-generation-generator-link": "Generator",
+        "code-generation.links.whyasyncapi-generation-modelina-link": "Modelina",
+
+        "community.name": "Gemeinschaft",
+        "community.description": "Wir sind eine Gemeinschaft von großartigen Menschen, die leidenschaftlich an AsyncAPI und ereignisgesteuerten Architekturen interessiert sind.",
+        "community.links.whyasyncapi-community-slack-link": "Treten Sie unserem Slack bei",
+
+        "open-governance.links.whyasyncapi-governance-more-link": "Erfahren Sie mehr über Offene Governance",
+        "open-governance.links.whyasyncapi-governance-tsc-link": "TSC-Mitglieder",
+        "open-governance.name": "Offene Governance",
+        "open-governance.description": "Unser Open-Source-Projekt ist Teil der Linux Foundation und arbeitet unter einem Modell der offenen Governance.",
+
+        "much-more.name": "Und noch viel mehr...",
+        "much-more.description": "Wir haben viele verschiedene Tools und laden Sie ein, unsere Ideen zu erkunden und neue Ideen für AsyncAPI vorzuschlagen.",
+        "much-more.links.whyasyncapi-muchmore-github-link": "GitHub-Diskussionen anzeigen"
     },
     "adopters": {
         "title": "Von den weltweit führenden Marken übernommen",
diff --git a/locales/en/landing-page.json b/locales/en/landing-page.json
index fa79104d50f..d9537bdb40a 100644
--- a/locales/en/landing-page.json
+++ b/locales/en/landing-page.json
@@ -12,7 +12,34 @@
     },
     "features": {
         "title": "Why AsyncAPI?",
-        "description": "Improving the current state of Event-Driven Architectures (EDA)"
+        "description": "Improving the current state of Event-Driven Architectures (EDA)",
+
+        "specification.name": "Specification",
+        "specification.description": "Allows you to define the interfaces of asynchronous APIs and is protocol agnostic.",
+        "specification.links.whyasyncapi-spec-documentation-link": "Documentation",
+
+        "document-apis.name": "Document APIs",
+        "document-apis.description": "Use our tools to generate documentation at the build level, on a server, and on a client.",
+        "document-apis.links.whyasyncapi-apis-htmltemplate-link": "HTML Template",
+        "document-apis.links.whyasyncapi-apis-reactcomponents-link": "React Component",
+
+        "code-generation.name": "Code Generation",
+        "code-generation.description": "Generate documentation, Code (TypeScript, Java, C#, etc), and more out of your AsyncAPI files.",
+        "code-generation.links.whyasyncapi-generation-generator-link": "Generator",
+        "code-generation.links.whyasyncapi-generation-modelina-link": "Modelina",
+
+        "community.name": "Community",
+        "community.description": "We're a community of great people who are passionate about AsyncAPI and event-driven architectures.",
+        "community.links.whyasyncapi-community-slack-link": "Join our Slack",
+
+        "open-governance.name": "Open Governance",
+        "open-governance.description": "Our Open-Source project is part of Linux Foundation and works under an Open Governance model.",
+        "open-governance.links.whyasyncapi-governance-more-link": "Read more about Open Governance",
+        "open-governance.links.whyasyncapi-governance-tsc-link": "TSC Members",
+
+        "much-more.name": "And much more...",
+        "much-more.description": "We have many different tools and welcome you to explore our ideas and propose new ideas to AsyncAPI.",
+        "much-more.links.whyasyncapi-muchmore-github-link": "View GitHub Discussions"
     },
     "adopters": {
         "title": "Adopted by the world leading brands",