Legal Notice

src/components/Footer/Footer.astro

@@ -106,13 +106,16 @@ const content = await getTranslatedContent("Footer", lang!);
     <div class="footer__bottom-content">
       <ul class="footer__legal-links">
         <li>
-          <a href=`/${lang}/Legal/Privacy`>{content.privacy}</a>
+          <a href=`/${lang}/data-protection`>{content.privacy}</a>
         </li>
         <li>
-          <a href=`/${lang}/Legal/Cookies`>{content.cookies}</a>
+          <a href=`/${lang}/cookie-policy`>{content.cookies}</a>
         </li>
         <li>
-          <a href=`/${lang}/Legal/Terms`>{content.terms}</a>
+          <a href=`/${lang}/terms`>{content.terms}</a>
+        </li>
+        <li>
+          <a href=`/${lang}/legal-notice`>{content.legal_notice}</a>
         </li>
       </ul>
       <span>{content.copyright}</span>

src/layouts/LegalLayout.astro

@@ -6,17 +6,21 @@ const {lang} = Astro.params;
 
 const navItems = [
   {
-    href: `/${lang}/Legal/Privacy`,
+    href: `/${lang}/data-protection`,
     name: "Privacy Policy",
   },
   {
-    href: `/${lang}/Legal/Cookies`,
+    href: `/${lang}/cookie-policy`,
     name: "Cookie Policy",
   },
   {
-    href: `/${lang}/Legal/Terms`,
+    href: `/${lang}/terms`,
     name: "Terms & Conditions",
   },
+  {
+    href: `/${lang}/legal-notice`,
+    name: "Legal Notice",
+  },
 ];
 ---
 

src/pages/[lang]/Legal/Cookies.astro → src/pages/[lang]/cookie-policy.astro

@@ -1,7 +1,7 @@
 ---
 import type {GetStaticPaths} from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

src/pages/[lang]/Legal/Privacy.astro → src/pages/[lang]/data-protection.astro

@@ -1,7 +1,7 @@
 ---
 import type {GetStaticPaths} from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

src/pages/[lang]/legal-notice.astro

@@ -0,0 +1,20 @@
+---
+import type {GetStaticPaths} from "astro";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
+import "./Legal.scss";
+
+const {lang} = Astro.params;
+const content = await getTranslatedContent("Legal_Notice", lang!);
+
+export const getStaticPaths = (() => {
+    return [
+        {params: {lang: "en"}},
+        {params: {lang: "de"}},
+    ];
+}) satisfies GetStaticPaths;
+---
+
+<LegalLayout>
+  <section set:html={content.legal_notice} />
+</LegalLayout>

src/pages/[lang]/Legal/Terms.astro → src/pages/[lang]/terms.astro

@@ -1,7 +1,7 @@
 ---
 import type { GetStaticPaths } from "astro";
-import LegalLayout from "../../../layouts/LegalLayout.astro";
-import getTranslatedContent from "../../../utils/directus.ts";
+import LegalLayout from "@layouts/LegalLayout.astro";
+import getTranslatedContent from "@utils/directus.ts";
 import "./Legal.scss";
 
 const {lang} = Astro.params;

tsconfig.json

@@ -1,7 +1,14 @@
 {
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
+    "baseUrl": ".",
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "paths": {
+      "@assets/*": ["src/assets/*"],
+      "@components/*": ["src/components/*"],
+      "@utils/*": ["src/utils/*"],
+      "@layouts/*": ["src/layouts/*"],
+    }
   }
-}
+}