feat(imprint): update imprint

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## Unreleased
 
+### Feature
+
+- **Imprint**:
+  - updated imprint page with anonymized data [#906](https://github.com/eclipse-tractusx/portal-frontend/pull/906)
+
 ### Bugfixes
 
 - **User Management**:

src/assets/locales/de/footer.json

@@ -6,14 +6,19 @@
   "imprint": {
     "title": "Abdruck",
     "directors": "Verwaltungsrat",
-    "ceo": "HAUPTGESCHÄFTSFÜHRER",
-    "deputyCeo": "Stellvertretender Geschäftsführer",
-    "treasurer": "Schatzmeister",
+    "ceo": "CEO: [Platzhalter für CEO-Name]",
+    "deputyCeo": "Stellvertretender CEO: [Platzhalter für Name des stellvertretenden CEO]",
+    "treasurer": "Schatzmeister: [Platzhalter für Name des Schatzmeisters]",
     "address": "Adresse",
-    "contact&support": "Kontakt & Support",
-    "contact&supportDesc": "Antworten auf viele Fragen finden Sie auf unserer Support-Seite. Sollte Ihre Frage nicht beantwortet werden, nutzen Sie bitte unser Kontaktformular. Alternativ können Sie uns auch per E-Mail unter [email protected] kontaktieren.",
+    "contact&Support": "Kontakt & Support",
+    "contact&SupportDesc": "Wenn Sie Hilfe benötigen, besuchen Sie bitte unsere Support-Seite oder nutzen Sie das Kontaktformular auf unserer Website. Für direkte Anfragen kontaktieren Sie uns über die bereitgestellten Kanäle auf der Kontaktseite.",
     "privacy": "Privatsphäre",
-    "privacyDesc": "Für Fragen zum Datenschutz und Informationen darüber, welche Daten bei Ihnen erhoben werden, finden Sie alle Details unter folgendem Link:"
+    "privacyDesc": "Für Fragen zum Datenschutz und Informationen darüber, welche Daten bei Ihnen erhoben werden, finden Sie alle Details unter folgendem Link:",
+    "privacyPolicy": "Datenschutzrichtlinie",
+    "nameOfOrganization": "[Name der Organisation]",
+    "careOf": "c/o [Platzhalter für Dienstleistungsunternehmen]",
+    "street": "[Platzhalter für Straße]",
+    "postalCode&City": "[Platzhalter für Postleitzahl und Ort]"
   },
   "privacy": {
     "title": "Privatsphäre",

src/assets/locales/en/footer.json

@@ -6,14 +6,19 @@
   "imprint": {
     "title": "Imprint",
     "directors": "Board of Directors",
-    "ceo": "CEO",
-    "deputyCeo": "Deputy CEO",
-    "treasurer": "Treasurer",
+    "ceo": "CEO: [Placeholder for CEO Name]",
+    "deputyCeo": "Deputy CEO: [Placeholder for Deputy CEO Name]",
+    "treasurer": "Treasurer: [Placeholder for Treasurer Name]",
     "address": "Address",
-    "contact&support": "Contact & Support",
-    "contact&supportDesc": "You can find answers to many questions on our support page. If your question is not answered, please use our contact form. Alternatively, you can also contact us by email at [email protected].",
+    "contact&Support": "Contact & Support",
+    "contact&SupportDesc": "For assistance, please refer to our support page or use the contact form provided on our website. For direct inquiries, contact us via the provided channels on the contact page.",
     "privacy": "Privacy",
-    "privacyDesc": "For questions about data protection and information about what data is collected from you, you can find all the details under the following link:"
+    "privacyDesc": "For questions about data protection and information about what data is collected from you, you can find all the details under the following link:",
+    "privacyPolicy": "Privacy Policy",
+    "nameOfOrganization": "[Name of the Organization]",
+    "careOf": "c/o [Service Company Placeholder]",
+    "street": "[Placeholder for Street]",
+    "postalCode&City": "[Placeholder for Postal Code and City]"
   },
   "privacy": {
     "title": "Privacy",

src/components/pages/Imprint/index.tsx

@@ -18,39 +18,34 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import StageHeader from 'components/shared/frame/StageHeader'
-import { Typography } from '@catena-x/portal-shared-components'
+import { PageHeader, Typography } from '@catena-x/portal-shared-components'
 import { useTranslation } from 'react-i18next'
 
 export default function Imprint() {
   const { t } = useTranslation('footer', { keyPrefix: 'imprint' })
+
   return (
     <main>
-      <StageHeader title={t('title')} />
+      <PageHeader headerHeight={200} topPage={true} title={t('title')} />
       <section>
         <Typography variant="h5">{t('directors')}</Typography>
-        <Typography variant="body2">Oliver Ganser ({t('ceo')})</Typography>
-        <Typography variant="body2">
-          Prof. Dr.-Ing. Boris Otto ({t('deputyCeo')})
-        </Typography>
-        <Typography variant="body2">
-          Claus Cremers ({t('treasurer')})
-        </Typography>
+        <Typography variant="body2">{t('ceo')}</Typography>
+        <Typography variant="body2">{t('deputyCeo')}</Typography>
+        <Typography variant="body2">{t('treasurer')}</Typography>
         <br />
-        <Typography variant="body2">{t('address')}</Typography>
-        <Typography variant="body2">
-          Catena-X Automotive Network e.V.
-        </Typography>
-        <Typography variant="body2">c/o IFOK GmbH</Typography>
-        <Typography variant="body2">Reinhardtstraße 58</Typography>
-        <Typography variant="body2">10117 Berlin</Typography>
+        <Typography variant="h5">{t('address')}</Typography>
+        <Typography variant="body2">{t('nameOfOrganization')}</Typography>
+        <Typography variant="body2">{t('careOf')}</Typography>
+        <Typography variant="body2">{t('street')}</Typography>
+        <Typography variant="body2">{t('postalCode&City')}</Typography>
         <br />
-        <Typography variant="h5">{t('contact&support')}</Typography>
-        <Typography variant="body2">{t('contact&supportDesc')}</Typography>
+        <Typography variant="h5">{t('contact&Support')}</Typography>
+        <Typography variant="body2">{t('contact&SupportDesc')}</Typography>
         <br />
         <Typography variant="h5">{t('privacy')}</Typography>
         <Typography variant="body2">{t('privacyDesc')}</Typography>
-        <a href=".">xxx.xxx.xxx</a>
+        {/* TODO: once privacy page's content is available, then href url can be changed to href="./privacy" */}
+        <a href="./imprint">{t('privacyPolicy')}</a>
       </section>
     </main>
   )