fix links, change colors

src/Footer.tsx

@@ -18,9 +18,7 @@ const useStyles = createStyles((theme) => ({
     paddingTop: rem(40),
     paddingBottom: rem(40),
     backgroundColor: "#eb7b1a",
-    borderTop: `${rem(1)} solid ${
+    borderTop: `${rem(1)} solid ${theme.colors.dark[5]}`,
-      theme.colors.dark[5]
-    }`,
   },
 
   logo: {
@@ -73,7 +71,8 @@ const useStyles = createStyles((theme) => ({
     paddingBottom: rem(3),
 
     "&:hover": {
-      textDecoration: "underline",
+      textDecoration: "none",
+      color: "white",
     },
   },
 
@@ -93,9 +92,7 @@ const useStyles = createStyles((theme) => ({
     marginTop: theme.spacing.xl,
     paddingTop: theme.spacing.xl,
     paddingBottom: theme.spacing.xl,
-    borderTop: `${rem(1)} solid ${
+    borderTop: `${rem(1)} solid ${theme.colors.dark[4]}`,
-      theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.dark[4]
-    }`,
 
     [theme.fn.smallerThan("sm")]: {
       flexDirection: "column",
@@ -126,7 +123,6 @@ export function FooterLinks({ data }: FooterLinksProps) {
         className={classes.link}
         component="a"
         href={link.link}
-        onClick={(event) => event.preventDefault()}
       >
         {link.label}
       </Text>
@@ -157,7 +153,6 @@ export function FooterLinks({ data }: FooterLinksProps) {
         <div className={classes.groups}>{groups}</div>
       </Container>
       <Container className={classes.afterFooter}>
-        
         <Anchor href="https://fond.historyrussia.org/" target="_blank">
           <Image src={fund} maw={110} />
         </Anchor>

src/assets/footer.json

@@ -5,7 +5,7 @@
         "links": [
           {
             "label": "Карта",
-            "link": "#"
+            "link": "/"
           },
           {
             "label": "О проекте",