diff --git a/app/homepage/intro.tsx b/app/homepage/intro.tsx
index a523f1bf62..46fbfc36fe 100644
--- a/app/homepage/intro.tsx
+++ b/app/homepage/intro.tsx
@@ -1,5 +1,5 @@
import { ContentWrapper } from "@interactivethings/swiss-federal-ci/dist/components";
-import { Box, Button, Typography } from "@mui/material";
+import { Alert, AlertTitle, Box, Button, Typography } from "@mui/material";
import NextLink from "next/link";
import { ReactNode } from "react";
@@ -9,15 +9,35 @@ export const Intro = ({
title,
teaser,
buttonLabel,
+ alertTitle,
+ alertText,
}: {
title: string;
teaser: string;
buttonLabel: string;
+ alertTitle?: string;
+ alertText?: string;
}) => {
return (
-
+
+ {alertText && (
+ }
+ sx={{
+ mb: 10,
+ py: 3,
+ px: 2,
+ width: "100%",
+ }}
+ >
+ {alertTitle && {alertTitle}}
+ {alertText}
+
+ )}
{title}
{teaser}
@@ -25,7 +45,7 @@ export const Intro = ({
{buttonLabel}
-
+
);
diff --git a/app/static-pages/de/index.mdx b/app/static-pages/de/index.mdx
index 92b8705cbf..423a1be083 100644
--- a/app/static-pages/de/index.mdx
+++ b/app/static-pages/de/index.mdx
@@ -11,6 +11,8 @@ export const contentId = "home";
title="Visualisieren Sie Schweizer Open Government Data"
teaser="Erstellen Sie Visualisierungen von Datensätzen, welche durch den Linked-Data Dienst (LINDAS) des Bundesarchivs bereitgestellt werden und betten Sie diese in Ihre Webseite ein."
buttonLabel="Visualisierung erstellen"
+ alertTitle="Wartungshinweis"
+ alertText="Die LINDAS Datenbank wird am 16. März aktualisiert. Es kann vorübergehend zu Ausfällen und Verzögerungen kommen. Wir bitten um Ihr Verständnis."
/>