fixup! fixup! fixup! fixup! fixup! fixup! Feat(web-react): Introduce …

…Footer component #DS-1368

packages/web-react/src/components/Footer/README.md

@@ -33,15 +33,15 @@ This is how all supported building blocks of the Footer build up the complete co
   newsletter subscription form) as needed.
 - Use [Grid][grid] and [Flex][flex] components to create the desired layout.
 - Use [Stack][stack] or [Divider][divider] components to organize individual sections.
-- Use spacing utility classes like `mb-*` or `pt-*` to achieve desired spacings between components.
+- Use [spacing props][readme-style-props] and utility classes like `mb-*` or `pt-*` to achieve desired spacings between components.
 
 ## Navigation Links
 
 Navigation links are structured in sections with a headline and a [Stack][stack] of links.
 
-👉 Please note how the `<nav>` element is paired with an `<h3>` element (using the `aria-labelledby` attribute) to
+👉 Please note how the `<nav>` element is paired with an `<Text>` component (using the `aria-labelledby` attribute) to
 provide a semantic connection between the headline and the navigation component. Just make sure the `id` attribute of
-the `<h3>` element matches the value of the `aria-labelledby` attribute of the `<nav>` element and all `id`s are unique.
+the `<Text>` component matches the value of the `aria-labelledby` attribute of the `<nav>` element and all `id`s are unique.
 
 ```jsx
 <nav aria-labelledby="footer-navigation-section">
@@ -124,7 +124,7 @@ This section is optional and consists of a [Flex][flex] layout with secondary li
   >
     {/* Repeat the `<li>` block for each secondary link. */}
     <li>
-      <Link href="https://www.example.com" UNSAFE_className="link-secondary">
+      <Link href="https://www.example.com" color="secondary">
         Legal notice
       </Link>
     </li>
@@ -251,5 +251,6 @@ This section is optional and consists of a [Flex][flex] layout with secondary li
 [flex]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/Flex/README.md
 [grid]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/Grid/README.md
 [product-logo]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/UNSTABLE_ProductLogo/README.md
+[readme-style-props]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#style-props
 [select]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/Select/README.md
 [stack]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/Stack/README.md