+ {groups.map(({ id, title, items }) => (
+
+
+ {title}
+
+
+ {items.map((item, index) => (
+
+ ))}
+
+ ))}
+
+ );
+};
diff --git a/packages/app/src/components/contact/contact-page-item-links.tsx b/packages/app/src/components/contact/contact-page-item-links.tsx
new file mode 100644
index 0000000000..906f9c816d
--- /dev/null
+++ b/packages/app/src/components/contact/contact-page-item-links.tsx
@@ -0,0 +1,65 @@
+import { colors } from '@corona-dashboard/common';
+import styled from 'styled-components';
+import { mediaQueries, radii, space } from '~/style/theme';
+import { Box } from '../base/box';
+import { Text } from '../typography';
+import { ContactPageLink } from './contact-page-link';
+import { ItemLink } from './types';
+
+interface ContactPageItemLinksProps {
+ links: ItemLink[];
+}
+
+export const ContactPageItemLinks = ({ links }: ContactPageItemLinksProps) => {
+ return (
+