Extract AOE specific texts as messages.json

src/components/Footer/Footer.tsx

@@ -5,13 +5,16 @@ import FooterEnd from "../FooterEnd/FooterEnd";
 import { assetUrl, getItemPageNames, isMobileViewport } from "../../config";
 import { Item } from "../../model";
 import "./footer.scss";
-export default function Footer({
-  items,
-  pageName,
-}: {
+import { useMessages } from "../../context/MessagesContext";
+
+interface Props {
   items: Item[];
   pageName: string;
-}) {
+}
+
+const Footer: React.FC<Props> = ({ items, pageName }) => {
+  const { footerFootnote } = useMessages();
+
   return (
     <div
       className={classNames("footer", {
@@ -25,16 +28,11 @@ export default function Footer({
           <img src={assetUrl("logo.svg")} width="150px" height="60px" alt="" />
         }
       >
-        <span className="footnote">
-          AOE is a leading global provider of services for digital
-          transformation and digital business models. AOE relies exclusively on
-          established Enterprise Open Source technologies. This leads to
-          innovative solutions, digital products and portals in agile software
-          projects, and helps build long-lasting, strategic partnerships with
-          our customers.
-        </span>
+        <span className="footnote">{footerFootnote}</span>
       </Branding>
       <FooterEnd />
     </div>
   );
-}
+};
+
+export default Footer;