diff --git a/i18n/de.json b/i18n/de.json index 7f86759..0e55dd1 100644 --- a/i18n/de.json +++ b/i18n/de.json @@ -30,6 +30,18 @@ "title": "Ihr macht die Kultur, wir sagen allen Bescheid", "subtitle": "kulturdaten.berlin – für Kulturakteur:innen", "description": "Was? Wann? Wer? Wo? Für wen? Wie lange? Um im Web gefunden zu werden, müssen Kulturschaffende ihr Programm an vielen Stellen mühsam händisch einpflegen. Mit der Plattform kulturdaten.berlin wollen wir diesen Prozess radikal vereinfachen! \n\nDeswegen entwickeln wir gemeinsam mit Kulturakteur:innen und -institutionen die erste offene, digitale Infrastruktur für Kulturdaten in Berlin: Gefördert durch die Senatsverwaltung für Kultur und Europa entsteht zurzeit eine zentrale Datendrehscheibe, die ihre Kulturdaten strukturieren, bündeln und mit zahlreichen Portalen zielgerichtet vernetzen kann. \n\nNatürlich können nicht nur Institutionen, sondern insbesondere auch Kollektive und Solokünstler:innen ihre Profile und Angebote über kulturdaten.berlin publizieren." + }, + "footer": { + "address-title": "Adresse", + "address-content": "Technologiestiftung Berlin\nGrunewaldstr. 61-62\n10825 Berlin", + "email-title": "E-Mail", + "email-content": "kontakt@kulturdaten.berlin", + "link-privacy-policy": "Datenschutzrichtlinie", + "link-imprint": "Impressum", + "project-by": "Ein Projekt der", + "supported-by": "gefördert von", + "tsb-logo-alt": "Technologiestiftung Berlin", + "sen-kugz-logo-alt": "Senatsverwaltung für Kultur und Gesellschaftlichen Zusammenhalt Berlin" } } } diff --git a/i18n/en.json b/i18n/en.json index ce010d4..8ef6ea4 100644 --- a/i18n/en.json +++ b/i18n/en.json @@ -30,6 +30,18 @@ "title": "You do the culture, we’ll let everyone know", "subtitle": "kulturdaten.berlin - for cultural actors", "description": "What? When? Who? Where? For whom? For how long? In order to be found on the web, cultural professionals have to painstakingly enter their programs manually in many places. With the platform kulturdaten.berlin we want to radically simplify this process! \n\nThat’s why we’re working with cultural actors and institutions to develop the first open, digital infrastructure for cultural data in Berlin. Funded by the Senate Department for Culture and Europe, we’re currently creating a central data hub that can structure and bundle cultural data and network it with numerous portals in a targeted manner. \n\nOf course, not only institutions, but also collectives and solo artists in particular can publish their profiles and offerings via kulturdaten.berlin." + }, + "footer": { + "address-title": "Address", + "address-content": "Technologiestiftung Berlin\nGrunewaldstr. 61-62\n10825 Berlin", + "email-title": "E-mail", + "email-content": "kontakt@kulturdaten.berlin", + "link-privacy-policy": "Privacy policy", + "link-imprint": "Imprint", + "project-by": "A project by", + "supported-by": "supported by", + "tsb-logo-alt": "Technologiestiftung Berlin", + "sen-kugz-logo-alt": "Senatsverwaltung für Kultur und Gesellschaftlichen Zusammenhalt Berlin" } } } diff --git a/public/images/sen-kugz-logo.svg b/public/images/sen-kugz-logo.svg new file mode 100644 index 0000000..89f5552 --- /dev/null +++ b/public/images/sen-kugz-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/tsb-logo.svg b/public/images/tsb-logo.svg new file mode 100644 index 0000000..b55eae4 --- /dev/null +++ b/public/images/tsb-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HomePage/Footer/index.tsx b/src/components/HomePage/Footer/index.tsx new file mode 100644 index 0000000..c9b5b5f --- /dev/null +++ b/src/components/HomePage/Footer/index.tsx @@ -0,0 +1,83 @@ +import styled from "@emotion/styled"; +import { useTranslations } from "next-intl"; +import { colors, fontWeights, spacings, widths } from "../../../common/styleVariables"; +import Link, { LinkInternal } from "../../Link"; +import Spacer from "../../Spacer"; +import Section from "../Section"; + +const StyledFooter = styled.footer({ + width: `min(100%, ${widths.maxContentWidth})`, + margin: "0 auto", + color: colors.blueDark, +}); + +const InnerContainer = styled.div({ + display: "flex", + flexWrap: "wrap", + gap: spacings.get(5), + justifyContent: "space-between", +}); + +const Address = styled.address({ + flex: "0 1 40%", + fontStyle: "normal", +}); + +const Title = styled.strong({ + fontWeight: fontWeights.medium, +}); + +const Content = styled.div({ + whiteSpace: "pre-line", +}); + +const PageLinks = styled.div({ + flex: "0 1 40%", + display: "flex", + flexDirection: "column", +}); + +const LogoTitle = styled.div({ + marginBottom: spacings.get(2), +}); + +export default function Footer() { + const t = useTranslations("Home.footer"); + return ( + +
+ +
+ {t("address-title")} + {t("address-content")} +
+ {t("email-title")} + + {t("email-content")} + +
+ + {t("link-privacy-policy")} + + {t("link-imprint")} + +
+ + +
+ {t("project-by")} + + {t("tsb-logo-alt")} + +
+
+ {t("supported-by")} + + {t("sen-kugz-logo-alt")} + +
+
+
+
+ ); +} diff --git a/src/components/HomePage/index.tsx b/src/components/HomePage/index.tsx index b954922..b1c2374 100644 --- a/src/components/HomePage/index.tsx +++ b/src/components/HomePage/index.tsx @@ -1,6 +1,7 @@ import styled from "@emotion/styled"; import { widths } from "../../common/styleVariables"; import ArtistSection from "../ArtistSection"; +import Footer from "./Footer"; import Head from "./Head"; import IntroSection from "./IntroSection"; import NewsletterSection from "./NewsletterSection"; @@ -30,8 +31,8 @@ export default function HomePage() {
-
+