Merge pull request #15 from powdr-labs/legal

Add impressum, privacy policy, copyright notice
powdr-labs · May 30, 2024 · abd8355 · abd8355
2 parents b44b9eb + 9e94ce8
commit abd8355
Show file tree

Hide file tree

Showing 5 changed files with 548 additions and 19 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -0,0 +1,30 @@
+import { Flex, Link, Text } from "@chakra-ui/react";
+import { Logotype } from "./Logotype";
+
+let currentYear = new Date().getFullYear();
+
+function Footer() {
+  return (
+    <Flex as="footer" bg="dark" mt="24px" h="300px">
+      <Flex
+        flexDir="column"
+        flexGrow="1"
+        justifyContent="center"
+        alignItems="center"
+        color="light"
+        overflow="hidden"
+      >
+        <Link href="/">
+            <Logotype color="light" height="75px" />
+        </Link>
+        <Text fontFamily="heading" fontSize="16px">© powdr labs GmbH 2023-{currentYear}. All Rights Reserved.</Text>
+        <Flex gap="4" fontFamily="heading" fontSize="16px">
+          <Link href="/impressum">Impressum</Link>
+          <Link href="/privacy-policy">Privacy Policy</Link>
+        </Flex>
+      </Flex>
+    </Flex>
+  );
+}
+
+export default Footer;
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -4,6 +4,7 @@ export default function Document() {
   return (
     <Html lang="en">
       <Head>
+        <link rel="icon" href="/favicon.svg" />
       </Head>
       <body>
         <Main />

diff --git a/src/pages/impressum.tsx b/src/pages/impressum.tsx
@@ -0,0 +1,58 @@
+import Footer from "@/components/Footer";
+import Head from "next/head";
+import { Flex, Heading, Text, Box, Stack } from "@chakra-ui/react";
+
+export default function Impressum() {
+  return (
+    <>
+      <Head>
+        <title>Impressum</title>
+        <meta name="description" content="Impressum" />
+      </Head>
+      <Flex direction="column" minHeight="100vh">
+        <Flex as="main" direction="column" flex="1" w="100%" bg="light">
+          <Box maxWidth="800px" margin="0 auto" padding="20px">
+            <Heading as="h1" textAlign="center" marginBottom="20px">
+              Impressum
+            </Heading>
+            <Stack textAlign="left" spacing="20px">
+              <Text>
+                <strong>powdr labs GmbH</strong>
+                <br />
+                Fichtestr, 32
+                <br />
+                10967 Berlin
+                <br />
+                Handelsregister: HRB260037B
+                <br />
+                Registergericht: Charlottenburg
+              </Text>
+              <Text>
+                <strong>Vertreten durch:</strong>
+                <br />
+                Leonardo de S&aacute; Alt
+                <br />
+                Thibaut Schaeffer
+              </Text>
+              <Text>
+                <strong>Kontakt</strong>
+                <br />
+                E-Mail: [email protected]
+              </Text>
+              <Text>
+                <strong>
+                  Verbraucher&shy;streit&shy;beilegung/Universal&shy;schlichtungs&shy;stelle
+                </strong>
+                <br />
+                Wir sind nicht bereit oder verpflichtet, an
+                Streitbeilegungsverfahren vor einer
+                Verbraucherschlichtungsstelle teilzunehmen.
+              </Text>
+            </Stack>
+          </Box>
+        </Flex>
+        <Footer />
+      </Flex>
+    </>
+  );
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,7 +1,6 @@
 import Header from "@/components/Header";
-import { Logotype } from "@/components/Logotype";
+import Footer from "@/components/Footer";
 import {
-  Button,
   Container,
   Flex,
   Heading,
@@ -30,7 +29,6 @@ export default function Index() {
           content="Powdr brings modularity, flexibility, security and excellent developer experience to zkVMs"
         />
         <meta property="og:image" content="https://powdr.org/og-image.png" />
-        <link rel="icon" href="/favicon.svg" />
       </Head>
       <Flex as="main" bg="light" flexDir="column" w="100%">
         <Container color="primary" maxW="5xl">
@@ -217,22 +215,7 @@ export default function Index() {
           </VStack>
         </Container>
       </Flex>
-      <Flex as="footer" bg="dark" mt="24px" h="300px">
-        <Flex
-          flexDir="column"
-          flexGrow="1"
-          justifyContent="center"
-          alignItems="center"
-          color="light"
-          overflow="hidden"
-        >
-          <Logotype color="light" height="75px" />
-          <Flex gap="4" fontFamily="heading" fontSize="16px">
-            <Text>Powdr-2023</Text>
-            <Link href="#">Legals</Link>
-          </Flex>
-        </Flex>
-      </Flex>
+      <Footer />
     </>
   );
 }