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." />