From ad2a807c78eec29213bb814e2bedc24bf3ad6a22 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 01/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../{Footer => CurrentFooter}/AppDownloads.graphql     |  0
 .../Fragments/{Footer => CurrentFooter}/Logo.graphql   |  0
 .../{Footer => CurrentFooter}/Navigation.graphql       |  0
 .../{Footer => CurrentFooter}/SocialMedia.graphql      |  0
 .../{Footer => CurrentFooter}/TripAdvisor.graphql      |  0
 lib/graphql/Query/CurrentFooter.graphql                | 10 +++++-----
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/AppDownloads.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Logo.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Navigation.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SocialMedia.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/TripAdvisor.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/AppDownloads.graphql
rename to lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
diff --git a/lib/graphql/Fragments/Footer/Logo.graphql b/lib/graphql/Fragments/CurrentFooter/Logo.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Logo.graphql
rename to lib/graphql/Fragments/CurrentFooter/Logo.graphql
diff --git a/lib/graphql/Fragments/Footer/Navigation.graphql b/lib/graphql/Fragments/CurrentFooter/Navigation.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Navigation.graphql
rename to lib/graphql/Fragments/CurrentFooter/Navigation.graphql
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SocialMedia.graphql
rename to lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
diff --git a/lib/graphql/Fragments/Footer/TripAdvisor.graphql b/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/TripAdvisor.graphql
rename to lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
diff --git a/lib/graphql/Query/CurrentFooter.graphql b/lib/graphql/Query/CurrentFooter.graphql
index 5ec7f6bc9..325f7c04e 100644
--- a/lib/graphql/Query/CurrentFooter.graphql
+++ b/lib/graphql/Query/CurrentFooter.graphql
@@ -1,8 +1,8 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/Logo.graphql"
-#import "../Fragments/Footer/Navigation.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TripAdvisor.graphql"
+#import "../Fragments/CurrentFooter/AppDownloads.graphql"
+#import "../Fragments/CurrentFooter/Logo.graphql"
+#import "../Fragments/CurrentFooter/Navigation.graphql"
+#import "../Fragments/CurrentFooter/SocialMedia.graphql"
+#import "../Fragments/CurrentFooter/TripAdvisor.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetCurrentFooter($locale: String!) {

From 5888937ffdb670c18d87168f7707ebc80e04f898 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 02/92] feat(SW-187): Footer data from contentstack

---
 components/Current/Footer/index.tsx           |   2 +-
 .../Footer/Navigation/MainNav/index.tsx       |   4 +-
 components/Footer/Navigation/index.tsx        |   5 +-
 components/Footer/index.tsx                   |  15 ++-
 .../Fragments/Footer/AppDownloads.graphql     |  12 ++
 .../Fragments/Footer/MainLinks.graphql        |  29 +++++
 .../Fragments/Footer/Refs/MainLinks.graphql   |  18 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  20 +++
 .../Fragments/Footer/SecondaryLinks.graphql   |  24 ++++
 lib/graphql/Query/Footer.graphql              |  28 +++++
 server/routers/contentstack/base/output.ts    | 115 +++++++++++++++++-
 server/routers/contentstack/base/query.ts     | 106 +++++++++++++++-
 server/routers/contentstack/base/utils.ts     |  10 ++
 types/components/footer/navigation.ts         |   5 +-
 14 files changed, 373 insertions(+), 20 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Query/Footer.graphql
 create mode 100644 server/routers/contentstack/base/utils.ts

diff --git a/components/Current/Footer/index.tsx b/components/Current/Footer/index.tsx
index e21afaeb4..83860cae7 100644
--- a/components/Current/Footer/index.tsx
+++ b/components/Current/Footer/index.tsx
@@ -8,7 +8,7 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
+  const footerData = await serverClient().contentstack.base.currentFooter({
     lang: getLang(),
   })
   if (!footerData) {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 353f1a045..91d674d60 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -11,11 +11,11 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
-          <li key={link.id} className={styles.mainNavigationItem}>
+          <li key={link.title} className={styles.mainNavigationItem}>
             <Subtitle type="two" asChild>
               <Link
                 color="burgundy"
-                href={link.href}
+                href={link.url}
                 className={styles.mainNavigationLink}
               >
                 {link.title}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 9b5baef2d..0e66fb5dd 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -4,8 +4,9 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks, appDownloads } = footer
+export default function FooterNavigation({ ...props }) {
+  const { mainLinks } = props
+  const { secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 66dded2d5..ebd3fa0a8 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,10 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import { getLang } from "@/i18n/serverContext"
+
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default function Footer() {
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.base.footer({
+    lang: getLang(),
+  })
+  if (!footerData) {
+    return null
+  }
+  console.log("footerData:", footerData)
   return (
     <footer>
-      <FooterNavigation />
+      <FooterNavigation {...footerData} />
       <FooterDetails />
     </footer>
   )
diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
new file mode 100644
index 000000000..1a05f8188
--- /dev/null
+++ b/lib/graphql/Query/Footer.graphql
@@ -0,0 +1,28 @@
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/MainLinks.graphql"
+#import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/MainLinks.graphql"
+#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Refs/System.graphql"
+
+query GetFooter($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinks
+      ...SecondaryLinks
+      ...AppDownloads
+    }
+  }
+}
+
+query GetFooterRef($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinksRef
+      ...SecondaryLinksRef
+      system {
+        ...System
+      }
+    }
+  }
+}
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 3c81aae88..9b1773847 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -1,6 +1,7 @@
 import { z } from "zod"
 
 import { Image } from "@/types/image"
+import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -165,7 +166,7 @@ const validateNavigationItem = z.object({
 
 export type NavigationItem = z.infer<typeof validateNavigationItem>
 
-export const validateFooterConfigSchema = z.object({
+export const validateCurrentFooterConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -232,16 +233,18 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type CurrentFooterDataRaw = z.infer<
+  typeof validateCurrentFooterConfigSchema
+>
 
-export type FooterData = Omit<
-  FooterDataRaw["all_current_footer"]["items"][0],
+export type CurrentFooterData = Omit<
+  CurrentFooterDataRaw["all_current_footer"]["items"][0],
   "logoConnection"
 > & {
   logo: Image
 }
 
-const validateFooterRefConfigSchema = z.object({
+const validateCurrentFooterRefConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -254,4 +257,106 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
+export type CurrentFooterRefDataRaw = z.infer<
+  typeof validateCurrentFooterRefConfigSchema
+>
+
+const validateExternalLink = z
+  .object({
+    href: z.string(),
+    title: z.string(),
+  })
+  .optional()
+
+const validateInternalLink = z
+  .object({
+    edges: z.array(
+      z.object({
+        node: z.object({
+          title: z.string(),
+          url: z.string(),
+        }),
+      })
+    ),
+  })
+  .optional()
+
+const validateLinkItem = z.object({
+  title: z.string(),
+  open_in_new_tab: z.boolean(),
+  link: validateExternalLink,
+  pageConnection: validateInternalLink,
+})
+
+export type FooterLinkItem = z.infer<typeof validateLinkItem>
+
+export const validateFooterConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(validateLinkItem),
+        app_downloads: z.object({
+          title: z.string(),
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
+        secondary_links: z.array(
+          z.object({
+            title: z.string(),
+            links: z.array(validateLinkItem),
+          })
+        ),
+      })
+    ),
+  }),
+})
+
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+
+const pageConnectionRefs = z.object({
+  edges: z.array(
+    z.object({
+      node: z.object({
+        __typename: z.nativeEnum(PageLinkEnum),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      }),
+    })
+  ),
+})
+
+const validateFooterRefConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
+        secondary_links: z.array(
+          z.object({
+            links: z.array(
+              z.object({
+                pageConnection: pageConnectionRefs,
+              })
+            ),
+          })
+        ),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      })
+    ),
+  }),
+})
+
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index d534279ff..52beab486 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -9,6 +9,7 @@ import {
   GetCurrentHeader,
   GetCurrentHeaderRef,
 } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { GetFooter, GetFooterRef } from "@/lib/graphql/Query/Footer.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
 import { contentstackBaseProcedure, router } from "@/server/trpc"
@@ -18,15 +19,19 @@ import { generateTag } from "@/utils/generateTag"
 import { langInput } from "./input"
 import {
   type ContactConfigData,
+  CurrentFooterDataRaw,
+  CurrentFooterRefDataRaw,
   FooterDataRaw,
   FooterRefDataRaw,
   HeaderData,
   HeaderDataRaw,
   HeaderRefDataRaw,
   validateContactConfigSchema,
+  validateCurrentFooterConfigSchema,
   validateFooterConfigSchema,
   validateHeaderConfigSchema,
 } from "./output"
+import { transformPageConnectionLinks } from "./utils"
 
 const meter = metrics.getMeter("trpc.contentstack.base")
 // OpenTelemetry metrics: ContactConfig
@@ -218,6 +223,90 @@ export const baseQueryRouter = router({
         logo,
       } as HeaderData
     }),
+  currentFooter: contentstackBaseProcedure
+    .input(langInput)
+    .query(async ({ input }) => {
+      getFooterRefCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer.ref start",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      const responseRef = await request<CurrentFooterRefDataRaw>(
+        GetCurrentFooterRef,
+        {
+          locale: input.lang,
+        }
+      )
+      // There's currently no error handling/validation for the responseRef, should it be added?
+      getFooterCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer start",
+        JSON.stringify({
+          query: {
+            lang: input.lang,
+          },
+        })
+      )
+      const response = await request<CurrentFooterDataRaw>(
+        GetCurrentFooter,
+        {
+          locale: input.lang,
+        },
+        {
+          tags: [
+            generateTag(
+              input.lang,
+              responseRef.data.all_current_footer.items[0].system.uid
+            ),
+          ],
+        }
+      )
+
+      if (!response.data) {
+        const notFoundError = notFound(response)
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "not_found",
+          error: JSON.stringify({ code: notFoundError.code }),
+        })
+        console.error(
+          "contentstack.footer not found error",
+          JSON.stringify({
+            query: {
+              lang: input.lang,
+            },
+            error: { code: notFoundError.code },
+          })
+        )
+        throw notFoundError
+      }
+
+      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedFooterConfig.success) {
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "validation_error",
+          error: JSON.stringify(validatedFooterConfig.error),
+        })
+        console.error(
+          "contentstack.footer validation error",
+          JSON.stringify({
+            query: { lang: input.lang },
+            error: validatedFooterConfig.error,
+          })
+        )
+        return null
+      }
+      getFooterSuccessCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer success",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      return validatedFooterConfig.data.all_current_footer.items[0]
+    }),
   footer: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
@@ -226,7 +315,7 @@ export const baseQueryRouter = router({
         "contentstack.footer.ref start",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      const responseRef = await request<FooterRefDataRaw>(GetCurrentFooterRef, {
+      const responseRef = await request<FooterRefDataRaw>(GetFooterRef, {
         locale: input.lang,
       })
       // There's currently no error handling/validation for the responseRef, should it be added?
@@ -240,7 +329,7 @@ export const baseQueryRouter = router({
         })
       )
       const response = await request<FooterDataRaw>(
-        GetCurrentFooter,
+        GetFooter,
         {
           locale: input.lang,
         },
@@ -248,7 +337,7 @@ export const baseQueryRouter = router({
           tags: [
             generateTag(
               input.lang,
-              responseRef.data.all_current_footer.items[0].system.uid
+              responseRef.data.all_footer.items[0].system.uid
             ),
           ],
         }
@@ -297,6 +386,15 @@ export const baseQueryRouter = router({
         "contentstack.footer success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+      const mainLinks = transformPageConnectionLinks(
+        validatedFooterData.main_links
+      )
+
+      return {
+        mainLinks: mainLinks,
+        appDownloads: validatedFooterData.app_downloads,
+        secondaryLinks: validatedFooterData.secondary_links,
+      }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
new file mode 100644
index 000000000..68d2d5022
--- /dev/null
+++ b/server/routers/contentstack/base/utils.ts
@@ -0,0 +1,10 @@
+import type { FooterLinkItem } from "./output"
+
+export function transformPageConnectionLinks(links: FooterLinkItem[]) {
+  return links.flatMap((link) =>
+    link.pageConnection?.edges.map((edge) => ({
+      title: edge.node.title,
+      url: edge.node.url,
+    }))
+  )
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 5c62059d7..afaacdec5 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,9 +1,6 @@
 export type FooterMainNav = {
-  id: string
-  href: string
+  url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From a476e20eafc670f68125c3445cd67839a4a70054 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 20 Aug 2024 10:24:11 +0200
Subject: [PATCH 03/92] feat(SW-185): Created mockup for footer

---
 app/[lang]/(live)/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[lang]/(live)/layout.tsx b/app/[lang]/(live)/layout.tsx
index c159e3926..35f37d653 100644
--- a/app/[lang]/(live)/layout.tsx
+++ b/app/[lang]/(live)/layout.tsx
@@ -7,8 +7,8 @@ import TrpcProvider from "@/lib/trpc/Provider"
 
 import TokenRefresher from "@/components/Auth/TokenRefresher"
 import AdobeSDKScript from "@/components/Current/AdobeSDKScript"
-import Footer from "@/components/Current/Footer"
 import VwoScript from "@/components/Current/VwoScript"
+import Footer from "@/components/Footer"
 import { ToastHandler } from "@/components/TempDesignSystem/Toasts"
 import { preloadUserTracking } from "@/components/TrackingSDK"
 import { getIntl } from "@/i18n"

From 5277f3c7866d03358ebf9cdcdfe301c81f8705e7 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 20 Aug 2024 10:24:44 +0200
Subject: [PATCH 04/92] feat(SW-185): basic setup for new footer with mocked
 data

---
 components/Footer/Details/details.module.css  |  13 +++
 components/Footer/Details/index.tsx           |  25 +++++
 .../Footer/Navigation/MainNav/index.tsx       |  30 ++++++
 .../Navigation/MainNav/mainnav.module.css     |  23 ++++
 .../Footer/Navigation/SecondaryNav/index.tsx  |  35 ++++++
 .../SecondaryNav/secondarynav.module.css      |  25 +++++
 components/Footer/Navigation/index.tsx        |  19 ++++
 .../Footer/Navigation/navigation.module.css   |  11 ++
 components/Footer/index.tsx                   |  11 ++
 components/Footer/mockedData.ts               | 101 ++++++++++++++++++
 10 files changed, 293 insertions(+)
 create mode 100644 components/Footer/Details/details.module.css
 create mode 100644 components/Footer/Details/index.tsx
 create mode 100644 components/Footer/Navigation/MainNav/index.tsx
 create mode 100644 components/Footer/Navigation/MainNav/mainnav.module.css
 create mode 100644 components/Footer/Navigation/SecondaryNav/index.tsx
 create mode 100644 components/Footer/Navigation/SecondaryNav/secondarynav.module.css
 create mode 100644 components/Footer/Navigation/index.tsx
 create mode 100644 components/Footer/Navigation/navigation.module.css
 create mode 100644 components/Footer/index.tsx
 create mode 100644 components/Footer/mockedData.ts

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
new file mode 100644
index 000000000..19f1494fe
--- /dev/null
+++ b/components/Footer/Details/details.module.css
@@ -0,0 +1,13 @@
+.details {
+  background: var(--Main-Grey-100);
+  color: var(--Main-Grey-White);
+  padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9)
+    var(--Spacing-x5);
+}
+
+.imageContainer {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid rgba(227, 217, 209, 0.2);
+  padding: 0 0 var(--Spacing-x2) 0;
+}
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
new file mode 100644
index 000000000..061105620
--- /dev/null
+++ b/components/Footer/Details/index.tsx
@@ -0,0 +1,25 @@
+import Image from "@/components/Image"
+
+import styles from "./details.module.css"
+
+export default async function FooterDetails() {
+  return (
+    <section className={styles.details}>
+      <div className={styles.imageContainer}>
+        <Image
+          alt="Scandic Hotels logo"
+          className={styles.logo}
+          data-js="scandiclogoimg"
+          data-nosvgsrc="/_static/img/scandic-logotype.png"
+          itemProp="logo"
+          height={30}
+          src="/_static/img/scandic-logotype-white.svg"
+          width={138}
+        />
+        <div className={styles.socialLinks}>
+          <nav></nav>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
new file mode 100644
index 000000000..f3158ba4f
--- /dev/null
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -0,0 +1,30 @@
+import { ArrowRightIcon } from "@/components/Icons"
+import Link from "@/components/TempDesignSystem/Link"
+
+import styles from "./mainnav.module.css"
+
+export default async function FooterMainNav({
+  mainLinks,
+}: {
+  mainLinks: Array<{ id: string; href: string; title: string }>
+}) {
+  return (
+    <nav className={styles.mainNavigation}>
+      <ul className={styles.mainNavigationList}>
+        {mainLinks.map((link) => (
+          <li key={link.id} className={styles.mainNavigationItem}>
+            <Link
+              color="burgundy"
+              href={link.href}
+              className={styles.mainNavigationLink}
+            >
+              {link.title}
+
+              <ArrowRightIcon color="burgundy" />
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  )
+}
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
new file mode 100644
index 000000000..b4cbffc88
--- /dev/null
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -0,0 +1,23 @@
+.mainNavigation {
+  max-width: 360px;
+  width: 100%;
+}
+
+.mainNavigationList {
+  list-style: none;
+}
+
+.mainNavigationItem {
+  padding: var(--Spacing-x3) 0;
+  border-bottom: 1px solid var(--Scandic-Peach-20);
+  &:last-child {
+    border-bottom: 0;
+  }
+}
+
+.mainNavigationLink {
+  font-size: 20px;
+  font-weight: 500;
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
new file mode 100644
index 000000000..914dcf123
--- /dev/null
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -0,0 +1,35 @@
+import Link from "@/components/TempDesignSystem/Link"
+
+import styles from "./secondarynav.module.css"
+
+export default async function FooterSecondaryNav({
+  secondaryLinks,
+}: {
+  secondaryLinks: Record<
+    string,
+    { title: string; links: Array<{ id: string; href: string; title: string }> }
+  >
+}) {
+  return (
+    <div className={styles.secondaryNavigation}>
+      {Object.entries(secondaryLinks).map(([key, group]) => (
+        <nav key={key} className={styles.secondaryNavigationGroup}>
+          <p className={styles.secondaryNavigationGroupTitle}>{group.title}</p>
+          <ul className={styles.secondaryNavigationList}>
+            {group.links.map((link) => (
+              <li key={link.id} className={styles.secondaryNavigationItem}>
+                <Link
+                  color="burgundy"
+                  href={link.href}
+                  className={styles.secondaryNavigationLink}
+                >
+                  {link.title}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </nav>
+      ))}
+    </div>
+  )
+}
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
new file mode 100644
index 000000000..3d7d6a6ec
--- /dev/null
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -0,0 +1,25 @@
+.secondaryNavigation {
+  display: flex;
+  gap: 80px;
+}
+
+.secondaryNavigationList {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  gap: var(--Spacing-x3);
+}
+
+.secondaryNavigationGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x3);
+}
+
+.secondaryNavigationGroupTitle {
+  font-size: 14px;
+  color: var(--Scandic-Peach-80);
+  font-weight: 500;
+  font-family: var(--typography-Body-Bold-fontFamily);
+  margin: 0;
+}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
new file mode 100644
index 000000000..13b0e0f47
--- /dev/null
+++ b/components/Footer/Navigation/index.tsx
@@ -0,0 +1,19 @@
+import MaxWidth from "@/components/MaxWidth"
+
+import { navigationData } from "../mockedData"
+import FooterMainNav from "./MainNav"
+import FooterSecondaryNav from "./SecondaryNav"
+
+import styles from "./navigation.module.css"
+
+export default async function FooterNavigation() {
+  const { mainLinks, secondaryLinks } = navigationData
+  return (
+    <section className={styles.section}>
+      <MaxWidth tag="div" className={styles.maxWidth}>
+        <FooterMainNav mainLinks={mainLinks} />
+        <FooterSecondaryNav secondaryLinks={secondaryLinks} />
+      </MaxWidth>
+    </section>
+  )
+}
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
new file mode 100644
index 000000000..fa45a3d99
--- /dev/null
+++ b/components/Footer/Navigation/navigation.module.css
@@ -0,0 +1,11 @@
+.section {
+  background: var(--Scandic-Brand-Pale-Peach);
+  padding: 160px var(--Spacing-x9);
+  color: var(--Scandic-Brand-Burgundy);
+}
+
+.maxWidth {
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
new file mode 100644
index 000000000..4ce45da0f
--- /dev/null
+++ b/components/Footer/index.tsx
@@ -0,0 +1,11 @@
+import FooterDetails from "./Details"
+import FooterNavigation from "./Navigation"
+
+export default async function Footer() {
+  return (
+    <footer>
+      <FooterNavigation />
+      <FooterDetails />
+    </footer>
+  )
+}
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
new file mode 100644
index 000000000..491bc6a56
--- /dev/null
+++ b/components/Footer/mockedData.ts
@@ -0,0 +1,101 @@
+export const navigationData = {
+  mainLinks: [
+    {
+      title: "Travel guides",
+      href: "/travel-guides",
+      id: "travel-guides",
+    },
+    {
+      title: "New hotels",
+      href: "/new-hotels",
+      id: "new-hotels",
+    },
+    {
+      title: "Accessibililty",
+      href: "/accessibility",
+      id: "accessibility",
+    },
+    {
+      title: "Sustanability",
+      href: "/sustainability",
+      id: "sustainability",
+    },
+  ],
+  secondaryLinks: {
+    app: {
+      title: "Scandic App",
+      links: [
+        {
+          title: "App Store",
+          href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
+          id: "app-store",
+        },
+        {
+          title: "Google Play",
+          href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
+          id: "google-play",
+        },
+      ],
+    },
+    customerService: {
+      title: "Customer service",
+      links: [
+        {
+          title: "Contact us",
+          href: "/contact-us",
+          id: "contact-us",
+        },
+        {
+          title: "Frequntly asked questions",
+          href: "/frequently-asked-questions",
+          id: "frequently-asked-questions",
+        },
+        {
+          title: "Rates and policys",
+          href: "/rates-and-policies",
+          id: "rates-and-policies",
+        },
+        {
+          title: "Terms and conditions",
+          href: "/terms-and-conditions",
+          id: "terms-and-conditions",
+        },
+      ],
+    },
+    about: {
+      title: "About Scandic Hotels",
+      links: [
+        {
+          title: "Scandic Group",
+          href: "/scandic-group",
+          id: "scandic-group",
+        },
+        {
+          title: "Investors",
+          href: "/investors",
+          id: "investors",
+        },
+        {
+          title: "Press",
+          href: "/press",
+          id: "press",
+        },
+        {
+          title: "Sponsors",
+          href: "/sponsors",
+          id: "sponsors",
+        },
+        {
+          title: "Partners",
+          href: "/partners",
+          id: "partners",
+        },
+        {
+          title: "Career",
+          href: "/career",
+          id: "career",
+        },
+      ],
+    },
+  },
+}

From 9eabde71c926e1c31ebf85e84963f9b73fe2feec Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 05/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/Details/details.module.css  | 47 ++++++++++-
 components/Footer/Details/index.tsx           | 78 +++++++++++++++----
 .../Navigation/MainNav/mainnav.module.css     | 10 ++-
 .../SecondaryNav/secondarynav.module.css      | 12 ++-
 .../Footer/Navigation/navigation.module.css   | 12 ++-
 components/Footer/mockedData.ts               | 64 +++++++++++++++
 components/Icons/Facebook.tsx                 | 27 +++++++
 components/Icons/Instagram.tsx                | 27 +++++++
 components/Icons/get-icon-by-icon-name.ts     |  9 +++
 types/components/icon.ts                      |  3 +
 10 files changed, 269 insertions(+), 20 deletions(-)
 create mode 100644 components/Icons/Facebook.tsx
 create mode 100644 components/Icons/Instagram.tsx

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index 19f1494fe..a6b184ea2 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -1,13 +1,52 @@
 .details {
   background: var(--Main-Grey-100);
   color: var(--Main-Grey-White);
-  padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9)
-    var(--Spacing-x5);
+  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x7);
 }
 
-.imageContainer {
+.topContainer {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid rgba(227, 217, 209, 0.2);
   padding: 0 0 var(--Spacing-x2) 0;
+  margin-bottom: var(--Spacing-x2);
+}
+
+.bottomContainer {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column-reverse;
+}
+
+.socialNav {
+  display: flex;
+  gap: var(--Spacing-x2);
+}
+
+.navigationContainer {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--Spacing-x2);
+  padding-bottom: var(--Spacing-x2);
+  border-bottom: 1px solid #e3d9d120;
+}
+
+.navigation {
+  display: flex;
+  gap: var(--Spacing-x2);
+}
+
+@media screen and (min-width: 1367px) {
+  .details {
+    background: var(--Main-Grey-100);
+    color: var(--Main-Grey-White);
+    padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9);
+  }
+  .bottomContainer {
+    flex-direction: row;
+  }
+  .navigationContainer {
+    border-bottom: 0;
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
 }
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 061105620..3cb94e99a 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -1,23 +1,75 @@
+import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
+import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import Image from "@/components/Image"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+
+import { detailsData } from "../mockedData"
 
 import styles from "./details.module.css"
 
+import { IconName } from "@/types/components/icon"
+
+function socialIcon(iconName: string): JSX.Element | null {
+  const SocialIcon = getIconByIconName(iconName as IconName)
+  return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
+}
+
 export default async function FooterDetails() {
   return (
     <section className={styles.details}>
-      <div className={styles.imageContainer}>
-        <Image
-          alt="Scandic Hotels logo"
-          className={styles.logo}
-          data-js="scandiclogoimg"
-          data-nosvgsrc="/_static/img/scandic-logotype.png"
-          itemProp="logo"
-          height={30}
-          src="/_static/img/scandic-logotype-white.svg"
-          width={138}
-        />
-        <div className={styles.socialLinks}>
-          <nav></nav>
+      <div className={styles.topContainer}>
+        <Link href="/">
+          <Image
+            alt="Scandic Hotels logo"
+            className={styles.logo}
+            data-js="scandiclogoimg"
+            data-nosvgsrc="/_static/img/scandic-logotype.png"
+            itemProp="logo"
+            height={22}
+            src="/_static/img/scandic-logotype-white.svg"
+            width={103}
+          />
+        </Link>
+        <nav className={styles.socialNav}>
+          {detailsData.social.links.map((link) => (
+            <Link
+              className={styles.socialLink}
+              color="white"
+              href={link.href}
+              key={link.id}
+              target="_blank"
+              title={link.title}
+            >
+              {socialIcon(link.title)}
+            </Link>
+          ))}
+        </nav>
+      </div>
+      <div className={styles.bottomContainer}>
+        <Body color="white">
+          <strong>{detailsData.copyrightCompany}</strong>{" "}
+          {detailsData.copyrightInfo}
+        </Body>
+        <div className={styles.navigationContainer}>
+          <nav className={styles.navigation}>
+            {detailsData.links.map((link) => (
+              <Link
+                className={styles.link}
+                color="white"
+                href={link.href}
+                key={link.id}
+                target="_blank"
+                title={link.title}
+              >
+                {link.title}
+              </Link>
+            ))}
+            {
+              // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
+            }
+          </nav>
+          <LanguageSwitcher urls={detailsData.languageSwitcher.urls} />
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index b4cbffc88..f3c21e23e 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -1,5 +1,4 @@
 .mainNavigation {
-  max-width: 360px;
   width: 100%;
 }
 
@@ -10,6 +9,9 @@
 .mainNavigationItem {
   padding: var(--Spacing-x3) 0;
   border-bottom: 1px solid var(--Scandic-Peach-20);
+  &:first-child {
+    padding-top: 0;
+  }
   &:last-child {
     border-bottom: 0;
   }
@@ -21,3 +23,9 @@
   display: flex;
   justify-content: space-between;
 }
+
+@media screen and (min-width: 1367px) {
+  .mainNavigation {
+    max-width: 360px;
+  }
+}
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3d7d6a6ec..314f69c3e 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -1,6 +1,8 @@
 .secondaryNavigation {
   display: flex;
-  gap: 80px;
+  flex-direction: column-reverse;
+  gap: var(--Spacing-x6);
+  margin-top: var(--Spacing-x6);
 }
 
 .secondaryNavigationList {
@@ -23,3 +25,11 @@
   font-family: var(--typography-Body-Bold-fontFamily);
   margin: 0;
 }
+
+@media screen and (min-width: 1367px) {
+  .secondaryNavigation {
+    margin-top: 0;
+    gap: 80px;
+    flex-direction: row;
+  }
+}
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index fa45a3d99..c37481cbd 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -1,6 +1,6 @@
 .section {
   background: var(--Scandic-Brand-Pale-Peach);
-  padding: 160px var(--Spacing-x9);
+  padding: var(--Spacing-x9) var(--Spacing-x2);
   color: var(--Scandic-Brand-Burgundy);
 }
 
@@ -8,4 +8,14 @@
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
+  flex-direction: column;
+}
+
+@media screen and (min-width: 1367px) {
+  .section {
+    padding: 160px var(--Spacing-x9);
+  }
+  .maxWidth {
+    flex-direction: row;
+  }
 }
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 491bc6a56..8ae41a2df 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -99,3 +99,67 @@ export const navigationData = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}
diff --git a/components/Icons/Facebook.tsx b/components/Icons/Facebook.tsx
new file mode 100644
index 000000000..20e7b6499
--- /dev/null
+++ b/components/Icons/Facebook.tsx
@@ -0,0 +1,27 @@
+import { iconVariants } from "./variants"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function FacebookIcon({
+  className,
+  color,
+  ...props
+}: IconProps) {
+  const classNames = iconVariants({ className, color })
+  return (
+    <svg
+      className={classNames}
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M18.25 2C19.283 2 20.1662 2.36675 20.8997 3.10026C21.6332 3.83377 22 4.71701 22 5.75V18.25C22 19.283 21.6332 20.1662 20.8997 20.8997C20.1662 21.6332 19.283 22 18.25 22H15.8021V14.2526H18.3932L18.7839 11.2318H15.8021V9.30469C15.8021 8.81858 15.9041 8.45399 16.1081 8.21094C16.3121 7.96788 16.7092 7.84635 17.2995 7.84635L18.888 7.83333V5.13802C18.3411 5.0599 17.5686 5.02083 16.5703 5.02083C15.3898 5.02083 14.4457 5.36806 13.7383 6.0625C13.0308 6.75694 12.6771 7.73785 12.6771 9.00521V11.2318H10.0729V14.2526H12.6771V22H5.75C4.71701 22 3.83377 21.6332 3.10026 20.8997C2.36675 20.1662 2 19.283 2 18.25V5.75C2 4.71701 2.36675 3.83377 3.10026 3.10026C3.83377 2.36675 4.71701 2 5.75 2H18.25Z"
+        fill="black"
+      />
+    </svg>
+  )
+}
diff --git a/components/Icons/Instagram.tsx b/components/Icons/Instagram.tsx
new file mode 100644
index 000000000..5297456d2
--- /dev/null
+++ b/components/Icons/Instagram.tsx
@@ -0,0 +1,27 @@
+import { iconVariants } from "./variants"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function InstagramIcon({
+  className,
+  color,
+  ...props
+}: IconProps) {
+  const classNames = iconVariants({ className, color })
+  return (
+    <svg
+      className={classNames}
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M17.34 5.46C17.1027 5.46 16.8707 5.53038 16.6733 5.66224C16.476 5.79409 16.3222 5.98151 16.2313 6.20078C16.1405 6.42005 16.1168 6.66133 16.1631 6.89411C16.2094 7.12689 16.3236 7.34071 16.4915 7.50853C16.6593 7.67635 16.8731 7.79064 17.1059 7.83694C17.3387 7.88324 17.5799 7.85948 17.7992 7.76866C18.0185 7.67783 18.2059 7.52402 18.3378 7.32668C18.4696 7.12935 18.54 6.89734 18.54 6.66C18.54 6.34174 18.4136 6.03652 18.1885 5.81147C17.9635 5.58643 17.6583 5.46 17.34 5.46ZM21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2257 4.78313 20.83 4.17928 20.32 3.68C19.8248 3.16743 19.2196 2.77418 18.55 2.53C17.7727 2.23616 16.9508 2.07721 16.12 2.06C15.06 2 14.72 2 12 2C9.28 2 8.94 2 7.88 2.06C7.04915 2.07721 6.22734 2.23616 5.45 2.53C4.78168 2.77665 4.17693 3.16956 3.68 3.68C3.16743 4.17518 2.77418 4.78044 2.53 5.45C2.23616 6.22734 2.07721 7.04915 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07721 16.9508 2.23616 17.7727 2.53 18.55C2.77418 19.2196 3.16743 19.8248 3.68 20.32C4.17693 20.8304 4.78168 21.2234 5.45 21.47C6.22734 21.7638 7.04915 21.9228 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9508 21.9228 17.7727 21.7638 18.55 21.47C19.2196 21.2258 19.8248 20.8326 20.32 20.32C20.8322 19.8226 21.2283 19.2182 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.06 22 14.72 22 12C22 9.28 22 8.94 21.94 7.88ZM20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.6403 18.2952 19.3839 18.6884 19.05 19.01C18.7256 19.3405 18.3332 19.5964 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38089 20.1123 6.72459 20.0109 6.1 19.8C5.68578 19.6281 5.31136 19.3728 5 19.05C4.66809 18.7287 4.41484 18.3352 4.26 17.9C4.01586 17.2952 3.88044 16.6519 3.86 16C3.86 15 3.8 14.63 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86448 7.35106 3.98295 6.70795 4.21 6.1C4.38605 5.67791 4.65627 5.30166 5 5C5.30381 4.65617 5.67929 4.3831 6.1 4.2C6.70955 3.98004 7.352 3.86508 8 3.86C9 3.86 9.37 3.8 12 3.8C14.63 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.3144 4.36865 18.7223 4.64285 19.05 5C19.3777 5.30718 19.6338 5.68273 19.8 6.1C20.0223 6.70893 20.1373 7.35178 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.63 20.19 15 20.14 16ZM12 6.87C10.9858 6.87198 9.99496 7.17453 9.15265 7.73942C8.31035 8.30431 7.65438 9.1062 7.26763 10.0438C6.88089 10.9813 6.78072 12.0125 6.97979 13.0069C7.17886 14.0014 7.66824 14.9145 8.38608 15.631C9.10392 16.3474 10.018 16.835 11.0129 17.0321C12.0077 17.2293 13.0387 17.1271 13.9755 16.7385C14.9123 16.35 15.7129 15.6924 16.2761 14.849C16.8394 14.0056 17.14 13.0142 17.14 12C17.1413 11.3251 17.0092 10.6566 16.7512 10.033C16.4933 9.40931 16.1146 8.84281 15.6369 8.36605C15.1592 7.88929 14.5919 7.51168 13.9678 7.25493C13.3436 6.99818 12.6749 6.86736 12 6.87ZM12 15.33C11.3414 15.33 10.6976 15.1347 10.15 14.7688C9.60234 14.4029 9.17552 13.8828 8.92348 13.2743C8.67144 12.6659 8.6055 11.9963 8.73398 11.3503C8.86247 10.7044 9.17963 10.111 9.64533 9.64533C10.111 9.17963 10.7044 8.86247 11.3503 8.73398C11.9963 8.6055 12.6659 8.67144 13.2743 8.92348C13.8828 9.17552 14.4029 9.60234 14.7688 10.15C15.1347 10.6976 15.33 11.3414 15.33 12C15.33 12.4373 15.2439 12.8703 15.0765 13.2743C14.9092 13.6784 14.6639 14.0454 14.3547 14.3547C14.0454 14.6639 13.6784 14.9092 13.2743 15.0765C12.8703 15.2439 12.4373 15.33 12 15.33Z"
+        fill="black"
+      />
+    </svg>
+  )
+}
diff --git a/components/Icons/get-icon-by-icon-name.ts b/components/Icons/get-icon-by-icon-name.ts
index e7a044f06..e10495d52 100644
--- a/components/Icons/get-icon-by-icon-name.ts
+++ b/components/Icons/get-icon-by-icon-name.ts
@@ -1,5 +1,8 @@
 import { FC } from "react"
 
+import FacebookIcon from "./Facebook"
+import InstagramIcon from "./Instagram"
+import TripAdvisorIcon from "./TripAdvisor"
 import {
   AccessibilityIcon,
   AccountCircleIcon,
@@ -85,6 +88,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return ElectricBikeIcon
     case IconName.Email:
       return EmailIcon
+    case IconName.Facebook:
+      return FacebookIcon
     case IconName.Fitness:
       return FitnessIcon
     case IconName.Globe:
@@ -95,6 +100,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return ImageIcon
     case IconName.InfoCircle:
       return InfoCircleIcon
+    case IconName.Instagram:
+      return InstagramIcon
     case IconName.Location:
       return LocationIcon
     case IconName.Lock:
@@ -115,6 +122,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return RestaurantIcon
     case IconName.Sauna:
       return SaunaIcon
+    case IconName.Tripadvisor:
+      return TripAdvisorIcon
     case IconName.TshirtWash:
       return TshirtWashIcon
     case IconName.WarningTriangle:
diff --git a/types/components/icon.ts b/types/components/icon.ts
index 52ac8c021..d965a4e78 100644
--- a/types/components/icon.ts
+++ b/types/components/icon.ts
@@ -27,11 +27,13 @@ export enum IconName {
   DoorOpen = "DoorOpen",
   ElectricBike = "ElectricBike",
   Email = "Email",
+  Facebook = "Facebook",
   Fitness = "Fitness",
   Globe = "Globe",
   House = "House",
   Image = "Image",
   InfoCircle = "InfoCircle",
+  Instagram = "Instagram",
   Location = "Location",
   Lock = "Lock",
   Parking = "Parking",
@@ -42,6 +44,7 @@ export enum IconName {
   PlusCircle = "PlusCircle",
   Restaurant = "Restaurant",
   Sauna = "Sauna",
+  Tripadvisor = "Tripadvisor",
   TshirtWash = "TshirtWash",
   Wifi = "Wifi",
   WarningTriangle = "WarningTriangle",

From 8eac63c365c2772fcf2a20928e40fe535368758a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:24:06 +0200
Subject: [PATCH 06/92] feat(SW-185): Added comment for later work

---
 components/Footer/Details/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 3cb94e99a..ac43a04d0 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -65,10 +65,10 @@ export default async function FooterDetails() {
                 {link.title}
               </Link>
             ))}
-            {
-              // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
-            }
           </nav>
+          {
+            // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
+          }
           <LanguageSwitcher urls={detailsData.languageSwitcher.urls} />
         </div>
       </div>

From 4db97c43f87151b946045e252a45b7624c818bf3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:51:33 +0200
Subject: [PATCH 07/92] feat(SW-185): Added images for app stores

---
 .../Footer/Navigation/SecondaryNav/index.tsx  | 22 ++++++++++++++--
 components/Footer/mockedData.ts               |  7 ++++++
 public/_static/img/app-store-badge.svg        | 25 +++++++++++++++++++
 public/_static/img/google-play-badge.svg      | 24 ++++++++++++++++++
 4 files changed, 76 insertions(+), 2 deletions(-)
 create mode 100644 public/_static/img/app-store-badge.svg
 create mode 100644 public/_static/img/google-play-badge.svg

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 914dcf123..a6df1ddee 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 
 import styles from "./secondarynav.module.css"
@@ -7,7 +8,15 @@ export default async function FooterSecondaryNav({
 }: {
   secondaryLinks: Record<
     string,
-    { title: string; links: Array<{ id: string; href: string; title: string }> }
+    {
+      title: string
+      links: Array<{
+        id: string
+        href: string
+        title: string
+        image?: { src: string }
+      }>
+    }
   >
 }) {
   return (
@@ -23,7 +32,16 @@ export default async function FooterSecondaryNav({
                   href={link.href}
                   className={styles.secondaryNavigationLink}
                 >
-                  {link.title}
+                  {link.image ? (
+                    <Image
+                      src={link.image.src}
+                      alt={link.title}
+                      width={125}
+                      height={40}
+                    />
+                  ) : (
+                    link.title
+                  )}
                 </Link>
               </li>
             ))}
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 8ae41a2df..a9ba3f248 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -29,11 +29,18 @@ export const navigationData = {
           title: "App Store",
           href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
           id: "app-store",
+          image: {
+            src: "/_static/img/app-store-badge.svg",
+            alt: "Download on the App Store",
+          },
         },
         {
           title: "Google Play",
           href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
           id: "google-play",
+          image: {
+            src: "/_static/img/google-play-badge.svg",
+          },
         },
       ],
     },
diff --git a/public/_static/img/app-store-badge.svg b/public/_static/img/app-store-badge.svg
new file mode 100644
index 000000000..fe8aeaa23
--- /dev/null
+++ b/public/_static/img/app-store-badge.svg
@@ -0,0 +1,25 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M45.3613 10.4844V15.1282H46.7093C47.4245 15.1282 47.9747 14.9003 48.4148 14.473C48.8549 14.0456 49.0475 13.4758 49.0475 12.7921C49.0475 12.1083 48.8274 11.5385 48.4148 11.1112C48.0022 10.6838 47.4245 10.4844 46.7093 10.4844H45.3613ZM46.7093 11.1681C47.2044 11.1681 47.617 11.3106 47.8921 11.624C48.1947 11.9089 48.3323 12.3077 48.3323 12.8206C48.3323 13.3049 48.1947 13.7037 47.8921 14.0171C47.5895 14.3305 47.2044 14.473 46.7093 14.473H46.049V11.1681H46.7093Z" fill="#26201E"/>
+<path d="M51.3305 11.5957C50.8629 11.5957 50.4503 11.7666 50.1202 12.1085C49.7901 12.4504 49.625 12.8778 49.625 13.3906C49.625 13.9034 49.7901 14.3307 50.1202 14.6726C50.4503 15.0145 50.8354 15.1854 51.3305 15.2139C51.7982 15.2139 52.2108 15.043 52.5409 14.7011C52.871 14.3592 53.0361 13.9319 53.0361 13.4191C53.0361 12.9062 52.871 12.4789 52.5409 12.137C52.1833 11.7666 51.7982 11.5957 51.3305 11.5957ZM51.3305 12.2795C51.6056 12.2795 51.8532 12.3934 52.0458 12.6213C52.2383 12.8208 52.3209 13.1057 52.3209 13.4191C52.3209 13.7325 52.2108 14.0174 52.0458 14.2168C51.8532 14.4162 51.6056 14.5302 51.3305 14.5302C51.0555 14.5302 50.8079 14.4162 50.6153 14.2168C50.4228 13.9889 50.3402 13.7325 50.3402 13.4191C50.3402 13.1057 50.4228 12.8208 50.6153 12.6213C50.8079 12.3934 51.0555 12.2795 51.3305 12.2795Z" fill="#26201E"/>
+<path d="M57.0814 13.9034L56.0911 11.5957H55.8435L54.8807 13.9319L54.0279 11.6812H53.2852L54.7156 15.2139H54.9632L55.981 12.9062L56.9988 15.2139H57.2464L58.6494 11.6812H57.9066L57.0814 13.9034Z" fill="#26201E"/>
+<path d="M60.8494 11.5957C60.4643 11.5957 60.1342 11.7382 59.8866 12.0231V11.6812H59.2539V15.1285H59.9416V13.0772C59.9416 12.5929 60.2442 12.2795 60.6844 12.2795C61.097 12.2795 61.3721 12.5929 61.3721 13.0772V15.1285H62.0598V12.9632C62.0598 12.137 61.5922 11.5957 60.8494 11.5957Z" fill="#26201E"/>
+<path d="M62.9961 9.85742V15.1281H63.6838V9.85742H62.9961Z" fill="#26201E"/>
+<path d="M66.1587 11.5957C65.691 11.5957 65.2784 11.7666 64.9483 12.1085C64.6182 12.4504 64.4531 12.8778 64.4531 13.3906C64.4531 13.9034 64.6182 14.3307 64.9483 14.6726C65.2784 15.0145 65.6635 15.1854 66.1587 15.2139C66.6263 15.2139 67.039 15.043 67.3691 14.7011C67.6992 14.3592 67.8642 13.9319 67.8642 13.4191C67.8642 12.9062 67.6992 12.4789 67.3691 12.137C67.039 11.7666 66.6263 11.5957 66.1587 11.5957ZM66.1862 12.2795C66.4613 12.2795 66.7088 12.3934 66.9014 12.6213C67.094 12.8208 67.1765 13.1057 67.1765 13.4191C67.1765 13.7325 67.0665 14.0174 66.9014 14.2168C66.7088 14.4162 66.4613 14.5302 66.1862 14.5302C65.9111 14.5302 65.6635 14.4162 65.4709 14.2168C65.2784 13.9889 65.1959 13.7325 65.1959 13.4191C65.1959 13.1057 65.2784 12.8208 65.4709 12.6213C65.636 12.3934 65.8836 12.2795 66.1862 12.2795Z" fill="#26201E"/>
+<path d="M69.8995 11.5957C69.3219 11.5957 68.8817 11.8521 68.5516 12.3364L68.9367 12.7638C69.2118 12.4219 69.5144 12.251 69.817 12.251C70.2572 12.251 70.5047 12.5074 70.5047 12.9917V13.2196H69.5969C68.8817 13.2196 68.4141 13.6185 68.4141 14.2168C68.4141 14.8151 68.8542 15.2139 69.5419 15.2139C69.9821 15.2139 70.3122 15.0715 70.5597 14.7581V15.157H71.1925V13.0772C71.1925 12.1085 70.6698 11.5957 69.8995 11.5957ZM69.6795 14.6441C69.3494 14.6441 69.1293 14.4732 69.1293 14.1883C69.1293 13.9034 69.3219 13.7609 69.707 13.7609H70.5322V13.8179C70.5047 14.3023 70.1471 14.6441 69.6795 14.6441Z" fill="#26201E"/>
+<path d="M74.5764 12.1083C74.3288 11.7664 73.9712 11.5955 73.5036 11.5955C73.0634 11.5955 72.6783 11.7664 72.3757 12.1083C72.0731 12.4502 71.9355 12.8775 71.9355 13.3904C71.9355 13.9032 72.0731 14.3305 72.3757 14.6724C72.6783 15.0143 73.0359 15.1852 73.5036 15.1852C73.9987 15.1852 74.3838 14.9858 74.6314 14.6154V15.0998H75.2641V9.8291H74.5764V12.1083ZM73.6411 14.53C73.366 14.53 73.1184 14.416 72.9259 14.2166C72.7333 14.0171 72.6508 13.7322 72.6508 13.3904C72.6508 13.0485 72.7333 12.7921 72.9259 12.5926C73.1184 12.3932 73.3385 12.2792 73.6411 12.2792C73.8887 12.2792 74.1363 12.3647 74.3288 12.5641C74.5214 12.7636 74.6039 13.0485 74.6039 13.3904C74.6039 14.1596 74.1638 14.53 73.6411 14.53Z" fill="#26201E"/>
+<path d="M79.5825 11.5957C79.1149 11.5957 78.7022 11.7666 78.3721 12.1085C78.042 12.4504 77.877 12.8778 77.877 13.3906C77.877 13.9034 78.042 14.3307 78.3721 14.6726C78.7022 15.0145 79.0873 15.1854 79.5825 15.2139C80.0502 15.2139 80.4628 15.043 80.7929 14.7011C81.123 14.3592 81.288 13.9319 81.288 13.4191C81.288 12.9062 81.123 12.4789 80.7929 12.137C80.4353 11.7666 80.0502 11.5957 79.5825 11.5957ZM79.5825 12.2795C79.8576 12.2795 80.1052 12.3934 80.2977 12.6213C80.4903 12.8208 80.5728 13.1057 80.5728 13.4191C80.5728 13.7325 80.4628 14.0174 80.2977 14.2168C80.1052 14.4162 79.8576 14.5302 79.5825 14.5302C79.3074 14.5302 79.0598 14.4162 78.8673 14.2168C78.6747 13.9889 78.5922 13.7325 78.5922 13.4191C78.5922 13.1057 78.6747 12.8208 78.8673 12.6213C79.0598 12.3934 79.3074 12.2795 79.5825 12.2795Z" fill="#26201E"/>
+<path d="M83.6543 11.5957C83.2692 11.5957 82.9391 11.7382 82.6915 12.0231V11.6812H82.0588V15.1285H82.7465V13.0772C82.7465 12.5929 83.0491 12.2795 83.4892 12.2795C83.9019 12.2795 84.1769 12.5929 84.1769 13.0772V15.1285H84.8647V12.9632C84.8647 12.137 84.4245 11.5957 83.6543 11.5957Z" fill="#26201E"/>
+<path d="M89.1282 14.5302C88.7156 14.5302 88.4955 14.3878 88.4955 13.9319V12.308H89.4583V11.6812H88.4955V10.7695H87.8078V11.6812H87.2852V12.308H87.8078V13.9889C87.8078 14.7866 88.248 15.1855 88.9907 15.1855C89.1557 15.1855 89.3483 15.157 89.5684 15.1V14.4732C89.3483 14.5302 89.2108 14.5302 89.1282 14.5302Z" fill="#26201E"/>
+<path d="M91.8515 11.5953C91.4664 11.5953 91.1638 11.7378 90.9162 12.0227V9.85742H90.2285V15.1281H90.9162V13.0768C90.9162 12.5925 91.2188 12.2791 91.659 12.2791C92.0716 12.2791 92.3467 12.5925 92.3467 13.0768V15.1281H93.0344V12.9628C93.0344 12.1651 92.5943 11.5953 91.8515 11.5953Z" fill="#26201E"/>
+<path d="M96.9405 13.1911C96.9405 12.7353 96.803 12.3649 96.5279 12.0515C96.2528 11.7382 95.8952 11.5957 95.4826 11.5957C95.0149 11.5957 94.6298 11.7666 94.2997 12.137C93.9696 12.4789 93.832 12.9062 93.832 13.4191C93.832 13.9319 93.9971 14.3592 94.3272 14.7011C94.6573 15.043 95.0699 15.2139 95.5651 15.2139C96.0602 15.2139 96.4729 15.043 96.8305 14.6441L96.5004 14.1313C96.2253 14.4162 95.8952 14.5302 95.5651 14.5302C95.0149 14.5302 94.6023 14.1883 94.5198 13.6185H96.913C96.913 13.476 96.9405 13.3336 96.9405 13.1911ZM95.4275 12.2225C95.8952 12.2225 96.2528 12.5644 96.2528 13.0772H94.5198C94.6023 12.5644 94.9599 12.2225 95.4275 12.2225Z" fill="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8828C55.952 20.8828 55.1818 21.2817 54.7416 21.9654V21.0538H53.5312V29.9142H54.8242V26.7518C55.2918 27.3785 55.9795 27.6634 56.8323 27.6634C57.6851 27.6634 58.4003 27.35 58.9505 26.6948C59.5007 26.0395 59.7758 25.2418 59.7758 24.2731C59.7758 23.3045 59.5007 22.5067 58.9505 21.8515C58.4003 21.1962 57.6851 20.8828 56.8323 20.8828ZM56.6122 26.3814C56.1171 26.3814 55.6769 26.2104 55.3193 25.8401C54.9617 25.4697 54.7967 24.9569 54.7967 24.2446C54.7967 22.8486 55.6219 22.1364 56.6122 22.1364C57.1349 22.1364 57.575 22.3358 57.9327 22.7347C58.2903 23.1335 58.4553 23.6463 58.4553 24.2731C58.4553 24.8999 58.2903 25.3842 57.9327 25.7831C57.575 26.182 57.1349 26.3814 56.6122 26.3814Z" fill="#26201E"/>
+<path d="M64.2874 20.8828C63.4071 20.8828 62.6369 21.2817 62.1967 21.9654V21.0538H60.9863V29.9142H62.2792V26.7518C62.7469 27.3785 63.4346 27.6634 64.2874 27.6634C65.1402 27.6634 65.8554 27.35 66.4056 26.6948C66.9557 26.0395 67.2308 25.2418 67.2308 24.2731C67.2308 23.3045 66.9557 22.5067 66.4056 21.8515C65.8554 21.1962 65.1402 20.8828 64.2874 20.8828ZM64.0948 26.3814C63.5997 26.3814 63.1595 26.2104 62.8019 25.8401C62.4443 25.4697 62.2792 24.9569 62.2792 24.2446C62.2792 22.8486 63.1045 22.1364 64.0948 22.1364C64.6175 22.1364 65.0576 22.3358 65.4152 22.7347C65.7729 23.1335 65.9379 23.6463 65.9379 24.2731C65.9379 24.8999 65.7729 25.3842 65.4152 25.7831C65.0301 26.182 64.6175 26.3814 64.0948 26.3814Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4104C80.1882 26.4104 79.7755 26.1255 79.7755 25.2993V22.2224H81.5636V21.0258H79.7755V19.3164H78.4826V21.0258H77.4923V22.2224H78.4826V25.3848C78.4826 26.8948 79.3079 27.6355 80.6833 27.6355C80.9859 27.6355 81.3435 27.5785 81.7562 27.493V26.325C81.3986 26.3819 81.151 26.4104 80.9584 26.4104Z" fill="#26201E"/>
+<path d="M85.4702 20.8828C84.5899 20.8828 83.8196 21.2247 83.2144 21.8515C82.6092 22.5067 82.3066 23.3045 82.3066 24.2446C82.3066 25.1848 82.6092 26.011 83.2144 26.6378C83.8196 27.2931 84.5624 27.6065 85.4702 27.6349C86.3504 27.6349 87.0932 27.2931 87.7259 26.6663C88.3586 26.011 88.6612 25.2133 88.6612 24.2446C88.6612 23.3045 88.3311 22.4783 87.7259 21.8515C87.1207 21.2247 86.3504 20.8828 85.4702 20.8828ZM85.4977 22.1649C86.0203 22.1649 86.4605 22.3643 86.8181 22.7916C87.1757 23.1905 87.3683 23.6748 87.3683 24.3016C87.3683 24.8999 87.1757 25.3842 86.8181 25.8116C86.4605 26.2104 86.0203 26.4099 85.4977 26.4099C84.9475 26.4099 84.5073 26.2104 84.1772 25.8116C83.8196 25.4127 83.6546 24.8999 83.6546 24.3016C83.6546 23.7033 83.8196 23.1905 84.1772 22.7916C84.5073 22.3643 84.9475 22.1649 85.4977 22.1649Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8459C99.6368 22.9912 99.3618 22.279 98.8391 21.7092C98.3164 21.1394 97.6562 20.8545 96.8584 20.8545C95.9782 20.8545 95.2354 21.1964 94.6577 21.8516C94.0525 22.5069 93.7775 23.3046 93.7775 24.2448C93.7775 25.2135 94.0801 26.0112 94.6853 26.6665C95.2904 27.3217 96.0607 27.6351 96.996 27.6351C97.9038 27.6351 98.7015 27.2932 99.3893 26.581L98.7841 25.6408C98.2339 26.1536 97.6562 26.41 97.0235 26.41C95.9782 26.41 95.2354 25.7833 95.0704 24.7006H99.5543C99.5818 24.4157 99.6368 24.1308 99.6368 23.8459ZM96.8034 22.0511C97.6837 22.0511 98.3439 22.6779 98.3439 23.6465H95.0704C95.2629 22.6779 95.9507 22.0511 96.8034 22.0511Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge.svg b/public/_static/img/google-play-badge.svg
new file mode 100644
index 000000000..90936a6a4
--- /dev/null
+++ b/public/_static/img/google-play-badge.svg
@@ -0,0 +1,24 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0602L35.3217 16.1827L24.2906 10.1429C23.823 9.91493 23.3553 9.82946 23.0527 10.0004L32.4332 19.0602Z" fill="#26201E"/>
+<path d="M32.4332 20.1133L23.0527 29.2586C23.3553 29.401 23.823 29.3441 24.3732 29.1161L35.4592 23.0762L32.4332 20.1133Z" fill="#26201E"/>
+<path d="M47.3418 11.1396C46.7091 11.1396 46.1589 11.3676 45.7188 11.8234C45.2787 12.2792 45.0586 12.849 45.0586 13.5328C45.0586 14.2166 45.2787 14.7864 45.7188 15.2422C46.1589 15.6981 46.7091 15.926 47.3418 15.926C48.2221 15.926 48.9648 15.4416 49.35 14.7009V13.3904H47.3143V14.0456H48.6347V14.5585C48.3321 15.0428 47.9195 15.2707 47.3418 15.2707C46.8742 15.2707 46.489 15.0998 46.1865 14.7864C45.8839 14.4445 45.7463 14.0456 45.7463 13.5328C45.7463 13.0485 45.8839 12.6211 46.1865 12.3077C46.4615 11.9944 46.8467 11.8234 47.3143 11.8234C47.8645 11.8234 48.2771 12.0798 48.6072 12.5641L49.1024 12.1083C48.7173 11.4815 48.1121 11.1396 47.3418 11.1396Z" fill="#26201E"/>
+<path d="M50.2305 11.2246V15.8685H53.1464V15.2132H50.9182V13.7317H52.5412V13.0765H50.9182V11.8799H53.0639V11.2246H50.2305Z" fill="#26201E"/>
+<path d="M53.5039 11.2246V11.8799H54.9619V15.8685H55.6496V11.8799H57.1076V11.2246H53.5039Z" fill="#26201E"/>
+<path d="M59.2815 11.2246V15.8685H59.9692V11.2246H59.2815Z" fill="#26201E"/>
+<path d="M60.6289 11.2246V11.8799H62.0869V15.8685H62.7746V11.8799H64.2326V11.2246H60.6289Z" fill="#26201E"/>
+<path d="M68.3869 11.1396C67.7542 11.1396 67.204 11.3676 66.7639 11.8234C66.3237 12.2792 66.1037 12.849 66.1037 13.5328C66.1037 14.2166 66.3237 14.7864 66.7639 15.2422C67.204 15.6981 67.7267 15.926 68.3869 15.926C69.0196 15.926 69.5423 15.6981 69.9824 15.2422C70.4226 14.7864 70.6426 14.2166 70.6426 13.5328C70.6426 12.849 70.4226 12.2792 69.9824 11.8234C69.5698 11.3676 69.0196 11.1396 68.3869 11.1396ZM68.3869 11.8234C68.827 11.8234 69.2122 11.9944 69.4872 12.3077C69.7898 12.6211 69.9274 13.0485 69.9274 13.5328C69.9274 14.0456 69.7898 14.4445 69.4872 14.7579C69.1847 15.0713 68.827 15.2422 68.3869 15.2422C67.9468 15.2422 67.5616 15.0713 67.2865 14.7579C66.9839 14.416 66.8464 14.0171 66.8464 13.5328C66.8464 13.0485 66.9839 12.6211 67.2865 12.3077C67.5891 11.9944 67.9468 11.8234 68.3869 11.8234Z" fill="#26201E"/>
+<path d="M74.357 14.359L71.7437 11.1396H71.4961V15.869H72.1838V12.7351L74.8247 15.9545H75.0722V11.2251H74.3845V14.359H74.357Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.3965C55.2101 21.3965 54.4949 21.7099 53.9172 22.3082C53.3395 22.9065 53.0645 23.6757 53.0645 24.5589C53.0645 25.4421 53.3395 26.2113 53.9172 26.8096C54.4949 27.4079 55.1826 27.7213 56.0354 27.7213C56.8607 27.7213 57.5484 27.4079 58.1536 26.8096C58.7313 26.1828 59.0339 25.4421 59.0339 24.5589C59.0339 23.6757 58.7313 22.9065 58.1536 22.3082C57.5759 21.7099 56.8607 21.3965 56.0354 21.3965ZM56.0629 22.5931C56.5581 22.5931 56.9707 22.7925 57.3008 23.1629C57.6309 23.5332 57.796 23.9891 57.796 24.5589C57.796 25.1002 57.6309 25.5845 57.3008 25.9549C56.9707 26.3253 56.5581 26.4962 56.0629 26.4962C55.5678 26.4962 55.1551 26.3253 54.825 25.9549C54.4949 25.5845 54.3299 25.1002 54.3299 24.5589C54.3299 23.9891 54.4949 23.5332 54.825 23.1629C55.1276 22.764 55.5402 22.5931 56.0629 22.5931Z" fill="#26201E"/>
+<path d="M62.4456 21.3965C61.6203 21.3965 60.9051 21.7099 60.3274 22.3082C59.7497 22.9065 59.4746 23.6757 59.4746 24.5589C59.4746 25.4421 59.7497 26.2113 60.3274 26.8096C60.9051 27.4079 61.5928 27.7213 62.4456 27.7213C63.2708 27.7213 63.9585 27.4079 64.5637 26.8096C65.1414 26.1828 65.444 25.4421 65.444 24.5589C65.444 23.6757 65.1414 22.9065 64.5637 22.3082C63.9861 21.7099 63.2708 21.3965 62.4456 21.3965ZM62.4731 22.5931C62.9682 22.5931 63.3809 22.7925 63.711 23.1629C64.0411 23.5332 64.2061 23.9891 64.2061 24.5589C64.2061 25.1002 64.0411 25.5845 63.711 25.9549C63.3809 26.3253 62.9682 26.4962 62.4731 26.4962C61.9779 26.4962 61.5653 26.3253 61.2352 25.9549C60.9051 25.5845 60.74 25.1002 60.74 24.5589C60.74 23.9891 60.9051 23.5332 61.2352 23.1629C61.5378 22.764 61.9504 22.5931 62.4731 22.5931Z" fill="#26201E"/>
+<path d="M70.6708 22.3936C70.2307 21.7384 69.5704 21.3965 68.6902 21.3965C67.8924 21.3965 67.2597 21.6814 66.737 22.2512C66.2144 22.821 65.9668 23.5332 65.9668 24.4449C65.9668 25.3281 66.2419 26.0688 66.737 26.6386C67.2597 27.2084 67.8924 27.4933 68.6902 27.4933C69.5154 27.4933 70.1206 27.2084 70.5883 26.6386V27.066C70.5883 28.2056 69.9281 28.8039 68.9102 28.8039C68.25 28.8039 67.5898 28.519 66.9296 27.9492L66.2694 28.8609C67.0121 29.6301 67.9199 30.0005 68.9653 30.0005C70.6708 30.0005 71.7712 28.9178 71.7712 27.009V21.5959H70.6708V22.3936ZM68.8827 26.3253C68.3876 26.3253 68.0024 26.1543 67.6448 25.8124C67.3147 25.4421 67.1497 24.9862 67.1497 24.4449C67.1497 23.9036 67.3147 23.4478 67.6448 23.0774C67.9749 22.7355 68.3876 22.5646 68.8827 22.5646C69.818 22.5646 70.5883 23.1914 70.5883 24.4164C70.5883 25.0432 70.4232 25.4991 70.0931 25.8409C69.7355 26.1543 69.3504 26.3253 68.8827 26.3253Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1592C80.4625 23.3615 80.215 22.7062 79.7198 22.1649C79.2246 21.6236 78.6194 21.3672 77.8767 21.3672C77.0514 21.3672 76.3637 21.6806 75.8135 22.2789C75.2634 22.8772 74.9883 23.6464 74.9883 24.5296C74.9883 25.4413 75.2634 26.182 75.8411 26.7803C76.4187 27.3786 77.134 27.692 78.0142 27.692C78.867 27.692 79.6098 27.3786 80.27 26.7233L79.6923 25.8401C79.1971 26.3245 78.647 26.5524 78.0418 26.5524C77.079 26.5524 76.3637 25.9541 76.1987 24.9569H80.38C80.435 24.7005 80.4625 24.4156 80.4625 24.1592ZM77.8217 22.5068C78.647 22.5068 79.2521 23.0766 79.2521 23.9883H76.1987C76.3912 23.0766 77.0239 22.5068 77.8217 22.5068Z" fill="#26201E"/>
+<path d="M83.9844 19.459V27.5786H85.1948V24.4447H86.7353C87.5055 24.4447 88.1107 24.2168 88.6058 23.761C89.0735 23.3051 89.3211 22.6784 89.3211 21.9376C89.3211 21.1969 89.0735 20.5986 88.6058 20.1428C88.1382 19.6869 87.5055 19.459 86.7353 19.459H83.9844ZM86.7353 20.5986C87.588 20.5986 88.0832 21.1399 88.0832 21.9376C88.0832 22.7353 87.588 23.2767 86.7353 23.2767H85.2223V20.5986H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.3965C93.5307 21.3965 92.733 21.8238 92.1828 22.6785L92.8705 23.4478C93.3382 22.8495 93.8608 22.5361 94.4385 22.5361C95.2088 22.5361 95.6489 22.9919 95.6489 23.8181V24.217H94.0534C92.788 24.217 91.9902 24.9008 91.9902 25.9549C91.9902 27.009 92.7605 27.6928 93.9434 27.6928C94.7136 27.6928 95.3188 27.4079 95.7314 26.8666V27.5503H96.8593V23.9036C96.8593 22.3082 95.9515 21.3965 94.5485 21.3965ZM94.1909 26.7241C93.6133 26.7241 93.2006 26.4392 93.2006 25.9264C93.2006 25.4421 93.5307 25.1857 94.1909 25.1857H95.6214V25.2996C95.6489 26.1258 94.9887 26.7241 94.1909 26.7241Z" fill="#26201E"/>
+<path d="M100.215 25.954L98.5915 21.5381H97.2986L99.5543 27.3216L99.3343 27.8914C99.0592 28.5751 98.6741 28.7746 98.0964 28.7746C98.0138 28.7746 97.7938 28.7745 97.4362 28.7176V29.8002C97.7388 29.8857 98.0689 29.9142 98.3715 29.9142C99.3343 29.9142 99.967 29.4013 100.435 28.2617L103.185 21.5381H101.893L100.215 25.954Z" fill="#26201E"/>
+</svg>

From 4ae1c390f26916ae87b2f34a5bc9e194aaead5e1 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 11:01:31 +0200
Subject: [PATCH 08/92] feat(SW-185): Fixing comments

---
 components/Footer/Details/details.module.css  | 33 ++++++++++----
 components/Footer/Details/index.tsx           | 45 +++++++++++--------
 .../Footer/Navigation/MainNav/index.tsx       | 27 +++++------
 .../Navigation/MainNav/mainnav.module.css     |  2 -
 .../Footer/Navigation/SecondaryNav/index.tsx  | 29 ++++++------
 .../SecondaryNav/secondarynav.module.css      |  1 -
 components/Footer/Navigation/index.tsx        |  2 +-
 .../Footer/Navigation/navigation.module.css   |  4 +-
 components/Footer/index.tsx                   |  2 +-
 components/Footer/mockedData.ts               |  2 +-
 .../TempDesignSystem/Link/link.module.css     |  4 ++
 components/TempDesignSystem/Link/variants.ts  |  1 +
 .../Text/Body/body.module.css                 | 14 ++++++
 .../TempDesignSystem/Text/Body/index.tsx      | 18 ++++----
 .../TempDesignSystem/Text/Body/variants.ts    |  3 ++
 .../Text/Footnote/footnote.module.css         | 14 ++++++
 .../Text/Footnote/variants.ts                 |  3 ++
 types/components/footer/navigation.ts         | 26 +++++++++++
 18 files changed, 158 insertions(+), 72 deletions(-)
 create mode 100644 types/components/footer/navigation.ts

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index a6b184ea2..d8bd17d93 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -1,13 +1,13 @@
 .details {
-  background: var(--Main-Grey-100);
-  color: var(--Main-Grey-White);
-  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x7);
+  background: var(--Main-Red-100);
+  color: var(--Main-Brand-PalePeach);
+  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x6);
 }
 
 .topContainer {
   display: flex;
   justify-content: space-between;
-  padding: 0 0 var(--Spacing-x2) 0;
+  padding-bottom: var(--Spacing-x2);
   margin-bottom: var(--Spacing-x2);
 }
 
@@ -27,21 +27,38 @@
   justify-content: space-between;
   margin-bottom: var(--Spacing-x2);
   padding-bottom: var(--Spacing-x2);
-  border-bottom: 1px solid #e3d9d120;
+  border-bottom: 1px solid var(--Scandic-Peach-80);
 }
 
 .navigation {
   display: flex;
-  gap: var(--Spacing-x2);
+  gap: var(--Spacing-x1);
+}
+
+.link {
+  &::after {
+    content: "·";
+    margin-left: var(--Spacing-x1);
+  }
+  &:last-child {
+    &::after {
+      content: "";
+    }
+  }
+}
+
+.copyrightContainer {
+  display: flex;
+  gap: var(--Spacing-x1);
 }
 
 @media screen and (min-width: 1367px) {
   .details {
-    background: var(--Main-Grey-100);
     color: var(--Main-Grey-White);
-    padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9);
+    padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
   .bottomContainer {
+    border-top: 1px solid var(--Scandic-Peach-80);
     flex-direction: row;
   }
   .navigationContainer {
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index ac43a04d0..3768005d6 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -3,6 +3,8 @@ import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+import { getLang } from "@/i18n/serverContext"
 
 import { detailsData } from "../mockedData"
 
@@ -15,11 +17,13 @@ function socialIcon(iconName: string): JSX.Element | null {
   return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
 }
 
-export default async function FooterDetails() {
+export default function FooterDetails() {
+  const lang = getLang()
+  const currentYear = new Date().getFullYear()
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
-        <Link href="/">
+        <Link href={`/${lang}`}>
           <Image
             alt="Scandic Hotels logo"
             className={styles.logo}
@@ -33,7 +37,7 @@ export default async function FooterDetails() {
         </Link>
         <nav className={styles.socialNav}>
           {detailsData.social.links.map((link) => (
-            <Link
+            <a
               className={styles.socialLink}
               color="white"
               href={link.href}
@@ -42,28 +46,33 @@ export default async function FooterDetails() {
               title={link.title}
             >
               {socialIcon(link.title)}
-            </Link>
+            </a>
           ))}
         </nav>
       </div>
       <div className={styles.bottomContainer}>
-        <Body color="white">
-          <strong>{detailsData.copyrightCompany}</strong>{" "}
-          {detailsData.copyrightInfo}
-        </Body>
+        <div className={styles.copyrightContainer}>
+          <Footnote textTransform="uppercase">
+            © {currentYear} {detailsData.copyrightCompany}
+          </Footnote>
+          <Footnote textTransform="uppercase" color="peach50">
+            {detailsData.copyrightInfo}
+          </Footnote>
+        </div>
         <div className={styles.navigationContainer}>
           <nav className={styles.navigation}>
             {detailsData.links.map((link) => (
-              <Link
-                className={styles.link}
-                color="white"
-                href={link.href}
-                key={link.id}
-                target="_blank"
-                title={link.title}
-              >
-                {link.title}
-              </Link>
+              <Footnote asChild textTransform="uppercase" key={link.id}>
+                <Link
+                  className={styles.link}
+                  color="peach50"
+                  href={link.href}
+                  target="_blank"
+                  title={link.title}
+                >
+                  {link.title}
+                </Link>
+              </Footnote>
             ))}
           </nav>
           {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index f3158ba4f..31fa31338 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -1,27 +1,28 @@
 import { ArrowRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./mainnav.module.css"
 
-export default async function FooterMainNav({
-  mainLinks,
-}: {
-  mainLinks: Array<{ id: string; href: string; title: string }>
-}) {
+import { FooterMainNavProps } from "@/types/components/footer/navigation"
+
+export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
   return (
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
           <li key={link.id} className={styles.mainNavigationItem}>
-            <Link
-              color="burgundy"
-              href={link.href}
-              className={styles.mainNavigationLink}
-            >
-              {link.title}
+            <Subtitle type="two" asChild>
+              <Link
+                color="burgundy"
+                href={link.href}
+                className={styles.mainNavigationLink}
+              >
+                {link.title}
 
-              <ArrowRightIcon color="burgundy" />
-            </Link>
+                <ArrowRightIcon color="burgundy" />
+              </Link>
+            </Subtitle>
           </li>
         ))}
       </ul>
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index f3c21e23e..aff66a524 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -18,8 +18,6 @@
 }
 
 .mainNavigationLink {
-  font-size: 20px;
-  font-weight: 500;
   display: flex;
   justify-content: space-between;
 }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index a6df1ddee..ced733e79 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,29 +1,26 @@
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
 
 import styles from "./secondarynav.module.css"
 
-export default async function FooterSecondaryNav({
+import { FooterSecondaryNavProps } from "@/types/components/footer/navigation"
+
+export default function FooterSecondaryNav({
   secondaryLinks,
-}: {
-  secondaryLinks: Record<
-    string,
-    {
-      title: string
-      links: Array<{
-        id: string
-        href: string
-        title: string
-        image?: { src: string }
-      }>
-    }
-  >
-}) {
+}: FooterSecondaryNavProps) {
   return (
     <div className={styles.secondaryNavigation}>
       {Object.entries(secondaryLinks).map(([key, group]) => (
         <nav key={key} className={styles.secondaryNavigationGroup}>
-          <p className={styles.secondaryNavigationGroupTitle}>{group.title}</p>
+          <Body
+            className={styles.secondaryNavigationGroupDescription}
+            color="peach80"
+            textTransform="uppercase"
+          >
+            {group.title}
+          </Body>
+
           <ul className={styles.secondaryNavigationList}>
             {group.links.map((link) => (
               <li key={link.id} className={styles.secondaryNavigationItem}>
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 314f69c3e..0ef64b087 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -19,7 +19,6 @@
 }
 
 .secondaryNavigationGroupTitle {
-  font-size: 14px;
   color: var(--Scandic-Peach-80);
   font-weight: 500;
   font-family: var(--typography-Body-Bold-fontFamily);
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 13b0e0f47..ba6ba8159 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -6,7 +6,7 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default async function FooterNavigation() {
+export default function FooterNavigation() {
   const { mainLinks, secondaryLinks } = navigationData
   return (
     <section className={styles.section}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index c37481cbd..1fb6b073f 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -1,6 +1,6 @@
 .section {
   background: var(--Scandic-Brand-Pale-Peach);
-  padding: var(--Spacing-x9) var(--Spacing-x2);
+  padding: var(--Spacing-x7) var(--Spacing-x2);
   color: var(--Scandic-Brand-Burgundy);
 }
 
@@ -13,7 +13,7 @@
 
 @media screen and (min-width: 1367px) {
   .section {
-    padding: 160px var(--Spacing-x9);
+    padding: var(--Spacing-x9) 0;
   }
   .maxWidth {
     flex-direction: row;
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 4ce45da0f..66dded2d5 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,7 +1,7 @@
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default async function Footer() {
+export default function Footer() {
   return (
     <footer>
       <FooterNavigation />
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index a9ba3f248..2b9679b58 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -108,7 +108,7 @@ export const navigationData = {
 }
 
 export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
+  copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   social: {
     links: [
diff --git a/components/TempDesignSystem/Link/link.module.css b/components/TempDesignSystem/Link/link.module.css
index 0261002de..1356e489f 100644
--- a/components/TempDesignSystem/Link/link.module.css
+++ b/components/TempDesignSystem/Link/link.module.css
@@ -126,6 +126,10 @@
   color: var(--Scandic-Brand-Pale-Peach);
 }
 
+.peach50 {
+  color: var(--Scandic-Peach-50);
+}
+
 .peach80 {
   color: var(--Primary-Light-On-Surface-Accent);
 }
diff --git a/components/TempDesignSystem/Link/variants.ts b/components/TempDesignSystem/Link/variants.ts
index fa0738c50..b49b34a3a 100644
--- a/components/TempDesignSystem/Link/variants.ts
+++ b/components/TempDesignSystem/Link/variants.ts
@@ -12,6 +12,7 @@ export const linkVariants = cva(styles.link, {
       burgundy: styles.burgundy,
       none: "",
       pale: styles.pale,
+      peach50: styles.peach50,
       peach80: styles.peach80,
       white: styles.white,
     },
diff --git a/components/TempDesignSystem/Text/Body/body.module.css b/components/TempDesignSystem/Text/Body/body.module.css
index 045e0886d..4f661bbd5 100644
--- a/components/TempDesignSystem/Text/Body/body.module.css
+++ b/components/TempDesignSystem/Text/Body/body.module.css
@@ -34,6 +34,16 @@
   text-decoration: var(--typography-Body-Underline-textDecoration);
 }
 
+.uppercase {
+  font-family: var(--typography-Body-Regular-fontFamily);
+  font-size: var(--typography-Body-Regular-fontSize);
+  font-weight: 450;
+  letter-spacing: var(--typography-Body-Regular-letterSpacing);
+  line-height: var(--typography-Body-Regular-lineHeight);
+  text-decoration: var(--typography-Body-Regular-textDecoration);
+  text-transform: uppercase;
+}
+
 .textAlignCenter {
   text-align: center;
 }
@@ -73,3 +83,7 @@
 .peach50 {
   color: var(--Primary-Dark-On-Surface-Accent);
 }
+
+.peach80 {
+  color: var(--Scandic-Peach-80);
+}
diff --git a/components/TempDesignSystem/Text/Body/index.tsx b/components/TempDesignSystem/Text/Body/index.tsx
index 0553375a5..61f71d19f 100644
--- a/components/TempDesignSystem/Text/Body/index.tsx
+++ b/components/TempDesignSystem/Text/Body/index.tsx
@@ -16,15 +16,15 @@ export default function Body({
   const Comp = asChild ? Slot : "p"
   const classNames = fontOnly
     ? bodyFontOnlyVariants({
-      className,
-      textAlign,
-      textTransform,
-    })
+        className,
+        textAlign,
+        textTransform,
+      })
     : bodyVariants({
-      className,
-      color,
-      textAlign,
-      textTransform,
-    })
+        className,
+        color,
+        textAlign,
+        textTransform,
+      })
   return <Comp className={classNames} {...props} />
 }
diff --git a/components/TempDesignSystem/Text/Body/variants.ts b/components/TempDesignSystem/Text/Body/variants.ts
index d044b4286..034f1eeba 100644
--- a/components/TempDesignSystem/Text/Body/variants.ts
+++ b/components/TempDesignSystem/Text/Body/variants.ts
@@ -13,6 +13,7 @@ const config = {
       textMediumContrast: styles.textMediumContrast,
       white: styles.white,
       peach50: styles.peach50,
+      peach80: styles.peach80,
     },
     textAlign: {
       center: styles.textAlignCenter,
@@ -22,6 +23,7 @@ const config = {
       bold: styles.bold,
       regular: styles.regular,
       underlined: styles.underlined,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
@@ -43,6 +45,7 @@ const fontOnlyconfig = {
       bold: styles.bold,
       regular: styles.regular,
       underlined: styles.underlined,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
diff --git a/components/TempDesignSystem/Text/Footnote/footnote.module.css b/components/TempDesignSystem/Text/Footnote/footnote.module.css
index a020842ae..20f73c04d 100644
--- a/components/TempDesignSystem/Text/Footnote/footnote.module.css
+++ b/components/TempDesignSystem/Text/Footnote/footnote.module.css
@@ -25,6 +25,16 @@
   text-decoration: var(--typography-Footnote-Regular-textDecoration);
 }
 
+.uppercase {
+  font-family: var(--typography-Footnote-Regular-fontFamily);
+  font-size: var(--typography-Footnote-Regular-fontSize);
+  font-weight: 450;
+  letter-spacing: var(--typography-Footnote-Regular-letterSpacing);
+  line-height: var(--typography-Footnote-Regular-lineHeight);
+  text-decoration: var(--typography-Footnote-Regular-textDecoration);
+  text-transform: uppercase;
+}
+
 .center {
   text-align: center;
 }
@@ -45,6 +55,10 @@
   color: var(--Scandic-Brand-Pale-Peach);
 }
 
+.peach50 {
+  color: var(--Scandic-Peach-50);
+}
+
 .textMediumContrast {
   color: var(--UI-Text-Medium-contrast);
 }
diff --git a/components/TempDesignSystem/Text/Footnote/variants.ts b/components/TempDesignSystem/Text/Footnote/variants.ts
index eb2040177..e07213e6d 100644
--- a/components/TempDesignSystem/Text/Footnote/variants.ts
+++ b/components/TempDesignSystem/Text/Footnote/variants.ts
@@ -8,6 +8,7 @@ const config = {
       black: styles.black,
       burgundy: styles.burgundy,
       pale: styles.pale,
+      peach50: styles.peach50,
       textMediumContrast: styles.textMediumContrast,
     },
     textAlign: {
@@ -17,6 +18,7 @@ const config = {
     textTransform: {
       bold: styles.bold,
       regular: styles.regular,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
@@ -35,6 +37,7 @@ const fontOnlyConfig = {
     textTransform: {
       bold: styles.bold,
       regular: styles.regular,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
new file mode 100644
index 000000000..58b458055
--- /dev/null
+++ b/types/components/footer/navigation.ts
@@ -0,0 +1,26 @@
+export type FooterMainNav = {
+  id: string
+  href: string
+  title: string
+}
+export type FooterMainNavProps = {
+  mainLinks: FooterMainNav[]
+}
+
+export type FooterSecondaryNav = {
+  id: string
+  href: string
+  title: string
+  image?: {
+    src: string
+  }
+}
+export type FooterSecondaryNavProps = {
+  secondaryLinks: Record<
+    string,
+    {
+      title: string
+      links: FooterSecondaryNav[]
+    }
+  >
+}

From d658e223e26fc3826073ca5082a41a22643de7ed Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 09/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Details/index.tsx           | 19 +++--
 .../Footer/Navigation/SecondaryNav/index.tsx  | 45 ++++------
 components/Footer/Navigation/index.tsx        |  4 +-
 components/Footer/mockedData.ts               | 82 ++++++++++++-------
 types/components/footer/navigation.ts         | 18 ++--
 5 files changed, 92 insertions(+), 76 deletions(-)

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 3768005d6..a218da71e 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -6,7 +6,7 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getLang } from "@/i18n/serverContext"
 
-import { detailsData } from "../mockedData"
+import { footer } from "../mockedData"
 
 import styles from "./details.module.css"
 
@@ -20,6 +20,13 @@ function socialIcon(iconName: string): JSX.Element | null {
 export default function FooterDetails() {
   const lang = getLang()
   const currentYear = new Date().getFullYear()
+  const {
+    socialMedia,
+    copyrightCompany,
+    copyrightInfo,
+    tertiaryLinks,
+    languageSwitcher,
+  } = footer
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -36,7 +43,7 @@ export default function FooterDetails() {
           />
         </Link>
         <nav className={styles.socialNav}>
-          {detailsData.social.links.map((link) => (
+          {socialMedia.links.map((link) => (
             <a
               className={styles.socialLink}
               color="white"
@@ -53,15 +60,15 @@ export default function FooterDetails() {
       <div className={styles.bottomContainer}>
         <div className={styles.copyrightContainer}>
           <Footnote textTransform="uppercase">
-            © {currentYear} {detailsData.copyrightCompany}
+            © {currentYear} {copyrightCompany}
           </Footnote>
           <Footnote textTransform="uppercase" color="peach50">
-            {detailsData.copyrightInfo}
+            {copyrightInfo}
           </Footnote>
         </div>
         <div className={styles.navigationContainer}>
           <nav className={styles.navigation}>
-            {detailsData.links.map((link) => (
+            {tertiaryLinks.map((link) => (
               <Footnote asChild textTransform="uppercase" key={link.id}>
                 <Link
                   className={styles.link}
@@ -78,7 +85,7 @@ export default function FooterDetails() {
           {
             // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
           }
-          <LanguageSwitcher urls={detailsData.languageSwitcher.urls} />
+          <LanguageSwitcher urls={languageSwitcher.urls} />
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index ced733e79..4fe45fc16 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
@@ -11,35 +10,27 @@ export default function FooterSecondaryNav({
 }: FooterSecondaryNavProps) {
   return (
     <div className={styles.secondaryNavigation}>
-      {Object.entries(secondaryLinks).map(([key, group]) => (
-        <nav key={key} className={styles.secondaryNavigationGroup}>
-          <Body
-            className={styles.secondaryNavigationGroupDescription}
-            color="peach80"
-            textTransform="uppercase"
-          >
-            {group.title}
+      {secondaryLinks.map((link) => (
+        <nav className={styles.secondaryNavigationGroup} key={link.title}>
+          <Body color="peach80" textTransform="uppercase">
+            {link.title}
           </Body>
-
           <ul className={styles.secondaryNavigationList}>
-            {group.links.map((link) => (
+            {link.links.map((link) => (
               <li key={link.id} className={styles.secondaryNavigationItem}>
-                <Link
-                  color="burgundy"
-                  href={link.href}
-                  className={styles.secondaryNavigationLink}
-                >
-                  {link.image ? (
-                    <Image
-                      src={link.image.src}
-                      alt={link.title}
-                      width={125}
-                      height={40}
-                    />
-                  ) : (
-                    link.title
-                  )}
-                </Link>
+                {link.isExternal ? (
+                  <a
+                    href={link.href}
+                    key={link.title}
+                    target={link.openInNewTab ? "_blank" : "_self"}
+                  >
+                    {link.title}
+                  </a>
+                ) : (
+                  <Link href={link.href} key={link.title}>
+                    {link.title}
+                  </Link>
+                )}
               </li>
             ))}
           </ul>
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index ba6ba8159..3005cf747 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,13 +1,13 @@
 import MaxWidth from "@/components/MaxWidth"
 
-import { navigationData } from "../mockedData"
+import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks } = navigationData
+  const { mainLinks, secondaryLinks } = footer
   return (
     <section className={styles.section}>
       <MaxWidth tag="div" className={styles.maxWidth}>
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 2b9679b58..cbfaa21f0 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -1,116 +1,136 @@
-export const navigationData = {
+export const footer = {
   mainLinks: [
     {
       title: "Travel guides",
       href: "/travel-guides",
       id: "travel-guides",
+      openInNewTab: false,
+      isExternal: false,
     },
     {
       title: "New hotels",
       href: "/new-hotels",
       id: "new-hotels",
+      openInNewTab: false,
+      isExternal: false,
     },
     {
       title: "Accessibililty",
       href: "/accessibility",
       id: "accessibility",
+      openInNewTab: false,
+      isExternal: false,
     },
     {
       title: "Sustanability",
       href: "/sustainability",
       id: "sustainability",
+      openInNewTab: false,
+      isExternal: false,
     },
   ],
-  secondaryLinks: {
-    app: {
-      title: "Scandic App",
-      links: [
-        {
-          title: "App Store",
-          href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
-          id: "app-store",
-          image: {
-            src: "/_static/img/app-store-badge.svg",
-            alt: "Download on the App Store",
-          },
-        },
-        {
-          title: "Google Play",
-          href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
-          id: "google-play",
-          image: {
-            src: "/_static/img/google-play-badge.svg",
-          },
-        },
-      ],
-    },
-    customerService: {
+  appDownloads: {
+    title: "Scandic App",
+    links: [
+      {
+        title: "App Store",
+        href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
+        id: "app-store",
+      },
+      {
+        title: "Google Play",
+        href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
+        id: "google-play",
+      },
+    ],
+  },
+
+  secondaryLinks: [
+    {
       title: "Customer service",
       links: [
         {
           title: "Contact us",
           href: "/contact-us",
           id: "contact-us",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Frequntly asked questions",
           href: "/frequently-asked-questions",
           id: "frequently-asked-questions",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Rates and policys",
           href: "/rates-and-policies",
           id: "rates-and-policies",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Terms and conditions",
           href: "/terms-and-conditions",
           id: "terms-and-conditions",
+          openInNewTab: false,
+          isExternal: false,
         },
       ],
     },
-    about: {
+    {
       title: "About Scandic Hotels",
       links: [
         {
           title: "Scandic Group",
           href: "/scandic-group",
           id: "scandic-group",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Investors",
           href: "/investors",
           id: "investors",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Press",
           href: "/press",
           id: "press",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Sponsors",
           href: "/sponsors",
           id: "sponsors",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Partners",
           href: "/partners",
           id: "partners",
+          openInNewTab: false,
+          isExternal: false,
         },
         {
           title: "Career",
           href: "/career",
           id: "career",
+          openInNewTab: false,
+          isExternal: false,
         },
       ],
     },
-  },
-}
+  ],
 
-export const detailsData = {
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -129,7 +149,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 58b458055..a2788ada2 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -2,6 +2,8 @@ export type FooterMainNav = {
   id: string
   href: string
   title: string
+  openInNewTab: boolean
+  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]
@@ -11,16 +13,12 @@ export type FooterSecondaryNav = {
   id: string
   href: string
   title: string
-  image?: {
-    src: string
-  }
+  openInNewTab: boolean
+  isExternal: boolean
 }
 export type FooterSecondaryNavProps = {
-  secondaryLinks: Record<
-    string,
-    {
-      title: string
-      links: FooterSecondaryNav[]
-    }
-  >
+  secondaryLinks: {
+    title: string
+    links: FooterSecondaryNav[]
+  }[]
 }

From 1a31b20ad5b442b4614133a3333c6a7c1cdbb938 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 10/92] feat(SW-185): Fixed app download images

---
 components/Footer/Details/details.module.css  |  1 +
 .../Footer/Navigation/SecondaryNav/index.tsx  | 28 ++++++++++++++++++-
 components/Footer/Navigation/index.tsx        | 13 +++++----
 .../Footer/Navigation/navigation.module.css   |  1 +
 components/Footer/mockedData.ts               |  4 +--
 types/components/footer/navigation.ts         | 13 +++++++++
 6 files changed, 51 insertions(+), 9 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index d8bd17d93..6b1ef6c05 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -59,6 +59,7 @@
   }
   .bottomContainer {
     border-top: 1px solid var(--Scandic-Peach-80);
+    padding-top: var(--Spacing-x2);
     flex-direction: row;
   }
   .navigationContainer {
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 4fe45fc16..33460e7b9 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,15 +1,41 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
 import styles from "./secondarynav.module.css"
 
-import { FooterSecondaryNavProps } from "@/types/components/footer/navigation"
+import {
+  AppDownnLoadLinks,
+  FooterSecondaryNavProps,
+} from "@/types/components/footer/navigation"
 
 export default function FooterSecondaryNav({
   secondaryLinks,
+  appDownloads,
 }: FooterSecondaryNavProps) {
   return (
     <div className={styles.secondaryNavigation}>
+      <nav className={styles.secondaryNavigationGroup}>
+        <Body color="peach80" textTransform="uppercase">
+          {appDownloads.title}
+        </Body>
+        <ul className={styles.secondaryNavigationList}>
+          {appDownloads.links.map((link) => (
+            <li key={link.id} className={styles.appDownloadItem}>
+              <a href={link.href} target="_blank" rel="noopener noreferrer">
+                <Image
+                  src={
+                    AppDownnLoadLinks[link.id as keyof typeof AppDownnLoadLinks]
+                  }
+                  alt={link.title}
+                  width={125}
+                  height={40}
+                />
+              </a>
+            </li>
+          ))}
+        </ul>
+      </nav>
       {secondaryLinks.map((link) => (
         <nav className={styles.secondaryNavigationGroup} key={link.title}>
           <Body color="peach80" textTransform="uppercase">
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 3005cf747..9b5baef2d 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,5 +1,3 @@
-import MaxWidth from "@/components/MaxWidth"
-
 import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
@@ -7,13 +5,16 @@ import FooterSecondaryNav from "./SecondaryNav"
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
-      <MaxWidth tag="div" className={styles.maxWidth}>
+      <div className={styles.maxWidth}>
         <FooterMainNav mainLinks={mainLinks} />
-        <FooterSecondaryNav secondaryLinks={secondaryLinks} />
-      </MaxWidth>
+        <FooterSecondaryNav
+          secondaryLinks={secondaryLinks}
+          appDownloads={appDownloads}
+        />
+      </div>
     </section>
   )
 }
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index 1fb6b073f..4d5598cc4 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -9,6 +9,7 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
+  max-width: var(--max-width-content);
 }
 
 @media screen and (min-width: 1367px) {
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index cbfaa21f0..0d6a57780 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -35,12 +35,12 @@ export const footer = {
       {
         title: "App Store",
         href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
-        id: "app-store",
+        id: "apple",
       },
       {
         title: "Google Play",
         href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
-        id: "google-play",
+        id: "google",
       },
     ],
   },
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index a2788ada2..5c62059d7 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -21,4 +21,17 @@ export type FooterSecondaryNavProps = {
     title: string
     links: FooterSecondaryNav[]
   }[]
+  appDownloads: {
+    title: string
+    links: {
+      title: string
+      href: string
+      id: string
+    }[]
+  }
+}
+
+export enum AppDownnLoadLinks {
+  apple = "/_static/img/app-store-badge.svg",
+  google = "/_static/img/google-play-badge.svg",
 }

From 767c381ec55dd259c61da2dd490298e744ecc512 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 10:22:44 +0200
Subject: [PATCH 11/92] feat(SW-185): Added correct tokens

---
 components/Footer/Details/details.module.css             | 9 ++++-----
 components/Footer/Details/index.tsx                      | 3 +--
 components/Footer/Navigation/MainNav/mainnav.module.css  | 2 +-
 .../Navigation/SecondaryNav/secondarynav.module.css      | 4 ++--
 components/Footer/Navigation/navigation.module.css       | 3 +--
 components/TempDesignSystem/Text/Body/body.module.css    | 4 ++--
 .../TempDesignSystem/Text/Footnote/footnote.module.css   | 2 +-
 7 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index 6b1ef6c05..adbf86603 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -1,6 +1,6 @@
 .details {
-  background: var(--Main-Red-100);
-  color: var(--Main-Brand-PalePeach);
+  background: var(--Base-Text-High-contrast);
+  color: var(--Primary-Dark-On-Surface-Text);
   padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x6);
 }
 
@@ -27,7 +27,7 @@
   justify-content: space-between;
   margin-bottom: var(--Spacing-x2);
   padding-bottom: var(--Spacing-x2);
-  border-bottom: 1px solid var(--Scandic-Peach-80);
+  border-bottom: 1px solid var(--Base-Text-Medium-contrast);
 }
 
 .navigation {
@@ -54,11 +54,10 @@
 
 @media screen and (min-width: 1367px) {
   .details {
-    color: var(--Main-Grey-White);
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
   .bottomContainer {
-    border-top: 1px solid var(--Scandic-Peach-80);
+    border-top: 1px solid var(--Base-Text-Medium-contrast);
     padding-top: var(--Spacing-x2);
     flex-direction: row;
   }
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index a218da71e..830abfb2c 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -2,7 +2,6 @@ import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
-import Body from "@/components/TempDesignSystem/Text/Body"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getLang } from "@/i18n/serverContext"
 
@@ -10,7 +9,7 @@ import { footer } from "../mockedData"
 
 import styles from "./details.module.css"
 
-import { IconName } from "@/types/components/icon"
+import type { IconName } from "@/types/components/icon"
 
 function socialIcon(iconName: string): JSX.Element | null {
   const SocialIcon = getIconByIconName(iconName as IconName)
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index aff66a524..933c9e774 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -8,7 +8,7 @@
 
 .mainNavigationItem {
   padding: var(--Spacing-x3) 0;
-  border-bottom: 1px solid var(--Scandic-Peach-20);
+  border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider);
   &:first-child {
     padding-top: 0;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 0ef64b087..3f47d32c7 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -19,8 +19,8 @@
 }
 
 .secondaryNavigationGroupTitle {
-  color: var(--Scandic-Peach-80);
-  font-weight: 500;
+  color: var(--Base-Text-Medium-contrast);
+  font-weight: var(--typography-Body-Bold-fontWeight);
   font-family: var(--typography-Body-Bold-fontFamily);
   margin: 0;
 }
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index 4d5598cc4..df5dfbcf5 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -1,7 +1,6 @@
 .section {
-  background: var(--Scandic-Brand-Pale-Peach);
+  background: var(--Primary-Light-Surface-Normal);
   padding: var(--Spacing-x7) var(--Spacing-x2);
-  color: var(--Scandic-Brand-Burgundy);
 }
 
 .maxWidth {
diff --git a/components/TempDesignSystem/Text/Body/body.module.css b/components/TempDesignSystem/Text/Body/body.module.css
index 4f661bbd5..d13de5b44 100644
--- a/components/TempDesignSystem/Text/Body/body.module.css
+++ b/components/TempDesignSystem/Text/Body/body.module.css
@@ -37,7 +37,7 @@
 .uppercase {
   font-family: var(--typography-Body-Regular-fontFamily);
   font-size: var(--typography-Body-Regular-fontSize);
-  font-weight: 450;
+  font-weight: var(--typography-Body-Bold-fontWeight);
   letter-spacing: var(--typography-Body-Regular-letterSpacing);
   line-height: var(--typography-Body-Regular-lineHeight);
   text-decoration: var(--typography-Body-Regular-textDecoration);
@@ -85,5 +85,5 @@
 }
 
 .peach80 {
-  color: var(--Scandic-Peach-80);
+  color: var(--Base-Text-Medium-contrast);
 }
diff --git a/components/TempDesignSystem/Text/Footnote/footnote.module.css b/components/TempDesignSystem/Text/Footnote/footnote.module.css
index 20f73c04d..7c24a8ddc 100644
--- a/components/TempDesignSystem/Text/Footnote/footnote.module.css
+++ b/components/TempDesignSystem/Text/Footnote/footnote.module.css
@@ -28,7 +28,7 @@
 .uppercase {
   font-family: var(--typography-Footnote-Regular-fontFamily);
   font-size: var(--typography-Footnote-Regular-fontSize);
-  font-weight: 450;
+  font-weight: var(--typography-Footnote-Bold-fontWeight);
   letter-spacing: var(--typography-Footnote-Regular-letterSpacing);
   line-height: var(--typography-Footnote-Regular-lineHeight);
   text-decoration: var(--typography-Footnote-Regular-textDecoration);

From e83740d3ead0123469ce812c97da4168653f99ac Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 10:45:08 +0200
Subject: [PATCH 12/92] feat(SW-185): correct color om arrow

---
 components/Footer/Navigation/MainNav/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 31fa31338..c233834c8 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -20,7 +20,7 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
               >
                 {link.title}
 
-                <ArrowRightIcon color="burgundy" />
+                <ArrowRightIcon color="peach80" />
               </Link>
             </Subtitle>
           </li>

From 1ac330ea04472b2fbfdcbceffcbd1bcf44012f7a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 13/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 4 ++--
 types/components/footer/navigation.ts               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 33460e7b9..7414a23e4 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -5,7 +5,7 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import styles from "./secondarynav.module.css"
 
 import {
-  AppDownnLoadLinks,
+  AppDownLoadLinks,
   FooterSecondaryNavProps,
 } from "@/types/components/footer/navigation"
 
@@ -25,7 +25,7 @@ export default function FooterSecondaryNav({
               <a href={link.href} target="_blank" rel="noopener noreferrer">
                 <Image
                   src={
-                    AppDownnLoadLinks[link.id as keyof typeof AppDownnLoadLinks]
+                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
                   }
                   alt={link.title}
                   width={125}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 5c62059d7..2e828298c 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -31,7 +31,7 @@ export type FooterSecondaryNavProps = {
   }
 }
 
-export enum AppDownnLoadLinks {
+export enum AppDownLoadLinks {
   apple = "/_static/img/app-store-badge.svg",
   google = "/_static/img/google-play-badge.svg",
 }

From b3453705404025092b599e8fe04b2649f9869e2c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 11:40:55 +0200
Subject: [PATCH 14/92] feat(SW-185): added type on import

---
 components/Footer/Navigation/MainNav/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index c233834c8..353f1a045 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -4,7 +4,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./mainnav.module.css"
 
-import { FooterMainNavProps } from "@/types/components/footer/navigation"
+import type { FooterMainNavProps } from "@/types/components/footer/navigation"
 
 export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
   return (

From 4c7faabf5cdf796529f80e93206025b7f85542c4 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 15/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../{Footer => CurrentFooter}/AppDownloads.graphql     |  0
 .../Fragments/{Footer => CurrentFooter}/Logo.graphql   |  0
 .../{Footer => CurrentFooter}/Navigation.graphql       |  0
 .../{Footer => CurrentFooter}/SocialMedia.graphql      |  0
 .../{Footer => CurrentFooter}/TripAdvisor.graphql      |  0
 lib/graphql/Query/CurrentFooter.graphql                | 10 +++++-----
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/AppDownloads.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Logo.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Navigation.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SocialMedia.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/TripAdvisor.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/AppDownloads.graphql
rename to lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
diff --git a/lib/graphql/Fragments/Footer/Logo.graphql b/lib/graphql/Fragments/CurrentFooter/Logo.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Logo.graphql
rename to lib/graphql/Fragments/CurrentFooter/Logo.graphql
diff --git a/lib/graphql/Fragments/Footer/Navigation.graphql b/lib/graphql/Fragments/CurrentFooter/Navigation.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Navigation.graphql
rename to lib/graphql/Fragments/CurrentFooter/Navigation.graphql
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SocialMedia.graphql
rename to lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
diff --git a/lib/graphql/Fragments/Footer/TripAdvisor.graphql b/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/TripAdvisor.graphql
rename to lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
diff --git a/lib/graphql/Query/CurrentFooter.graphql b/lib/graphql/Query/CurrentFooter.graphql
index 5ec7f6bc9..325f7c04e 100644
--- a/lib/graphql/Query/CurrentFooter.graphql
+++ b/lib/graphql/Query/CurrentFooter.graphql
@@ -1,8 +1,8 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/Logo.graphql"
-#import "../Fragments/Footer/Navigation.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TripAdvisor.graphql"
+#import "../Fragments/CurrentFooter/AppDownloads.graphql"
+#import "../Fragments/CurrentFooter/Logo.graphql"
+#import "../Fragments/CurrentFooter/Navigation.graphql"
+#import "../Fragments/CurrentFooter/SocialMedia.graphql"
+#import "../Fragments/CurrentFooter/TripAdvisor.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetCurrentFooter($locale: String!) {

From cbf669c62a903aff7e5f3d2d1f34194d204da24c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 16/92] feat(SW-187): Footer data from contentstack

---
 components/Current/Footer/index.tsx           |   2 +-
 .../Footer/Navigation/MainNav/index.tsx       |   4 +-
 components/Footer/Navigation/index.tsx        |   5 +-
 components/Footer/index.tsx                   |  15 ++-
 .../Fragments/Footer/AppDownloads.graphql     |  12 ++
 .../Fragments/Footer/MainLinks.graphql        |  29 +++++
 .../Fragments/Footer/Refs/MainLinks.graphql   |  18 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  20 +++
 .../Fragments/Footer/SecondaryLinks.graphql   |  24 ++++
 lib/graphql/Query/Footer.graphql              |  28 +++++
 server/routers/contentstack/base/output.ts    | 115 +++++++++++++++++-
 server/routers/contentstack/base/query.ts     | 106 +++++++++++++++-
 server/routers/contentstack/base/utils.ts     |  10 ++
 types/components/footer/navigation.ts         |   5 +-
 14 files changed, 373 insertions(+), 20 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Query/Footer.graphql
 create mode 100644 server/routers/contentstack/base/utils.ts

diff --git a/components/Current/Footer/index.tsx b/components/Current/Footer/index.tsx
index e21afaeb4..83860cae7 100644
--- a/components/Current/Footer/index.tsx
+++ b/components/Current/Footer/index.tsx
@@ -8,7 +8,7 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
+  const footerData = await serverClient().contentstack.base.currentFooter({
     lang: getLang(),
   })
   if (!footerData) {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 353f1a045..91d674d60 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -11,11 +11,11 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
-          <li key={link.id} className={styles.mainNavigationItem}>
+          <li key={link.title} className={styles.mainNavigationItem}>
             <Subtitle type="two" asChild>
               <Link
                 color="burgundy"
-                href={link.href}
+                href={link.url}
                 className={styles.mainNavigationLink}
               >
                 {link.title}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 9b5baef2d..0e66fb5dd 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -4,8 +4,9 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks, appDownloads } = footer
+export default function FooterNavigation({ ...props }) {
+  const { mainLinks } = props
+  const { secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 66dded2d5..ebd3fa0a8 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,10 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import { getLang } from "@/i18n/serverContext"
+
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default function Footer() {
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.base.footer({
+    lang: getLang(),
+  })
+  if (!footerData) {
+    return null
+  }
+  console.log("footerData:", footerData)
   return (
     <footer>
-      <FooterNavigation />
+      <FooterNavigation {...footerData} />
       <FooterDetails />
     </footer>
   )
diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
new file mode 100644
index 000000000..1a05f8188
--- /dev/null
+++ b/lib/graphql/Query/Footer.graphql
@@ -0,0 +1,28 @@
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/MainLinks.graphql"
+#import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/MainLinks.graphql"
+#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Refs/System.graphql"
+
+query GetFooter($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinks
+      ...SecondaryLinks
+      ...AppDownloads
+    }
+  }
+}
+
+query GetFooterRef($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinksRef
+      ...SecondaryLinksRef
+      system {
+        ...System
+      }
+    }
+  }
+}
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 3c81aae88..9b1773847 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -1,6 +1,7 @@
 import { z } from "zod"
 
 import { Image } from "@/types/image"
+import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -165,7 +166,7 @@ const validateNavigationItem = z.object({
 
 export type NavigationItem = z.infer<typeof validateNavigationItem>
 
-export const validateFooterConfigSchema = z.object({
+export const validateCurrentFooterConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -232,16 +233,18 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type CurrentFooterDataRaw = z.infer<
+  typeof validateCurrentFooterConfigSchema
+>
 
-export type FooterData = Omit<
-  FooterDataRaw["all_current_footer"]["items"][0],
+export type CurrentFooterData = Omit<
+  CurrentFooterDataRaw["all_current_footer"]["items"][0],
   "logoConnection"
 > & {
   logo: Image
 }
 
-const validateFooterRefConfigSchema = z.object({
+const validateCurrentFooterRefConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -254,4 +257,106 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
+export type CurrentFooterRefDataRaw = z.infer<
+  typeof validateCurrentFooterRefConfigSchema
+>
+
+const validateExternalLink = z
+  .object({
+    href: z.string(),
+    title: z.string(),
+  })
+  .optional()
+
+const validateInternalLink = z
+  .object({
+    edges: z.array(
+      z.object({
+        node: z.object({
+          title: z.string(),
+          url: z.string(),
+        }),
+      })
+    ),
+  })
+  .optional()
+
+const validateLinkItem = z.object({
+  title: z.string(),
+  open_in_new_tab: z.boolean(),
+  link: validateExternalLink,
+  pageConnection: validateInternalLink,
+})
+
+export type FooterLinkItem = z.infer<typeof validateLinkItem>
+
+export const validateFooterConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(validateLinkItem),
+        app_downloads: z.object({
+          title: z.string(),
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
+        secondary_links: z.array(
+          z.object({
+            title: z.string(),
+            links: z.array(validateLinkItem),
+          })
+        ),
+      })
+    ),
+  }),
+})
+
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+
+const pageConnectionRefs = z.object({
+  edges: z.array(
+    z.object({
+      node: z.object({
+        __typename: z.nativeEnum(PageLinkEnum),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      }),
+    })
+  ),
+})
+
+const validateFooterRefConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
+        secondary_links: z.array(
+          z.object({
+            links: z.array(
+              z.object({
+                pageConnection: pageConnectionRefs,
+              })
+            ),
+          })
+        ),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      })
+    ),
+  }),
+})
+
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index d534279ff..52beab486 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -9,6 +9,7 @@ import {
   GetCurrentHeader,
   GetCurrentHeaderRef,
 } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { GetFooter, GetFooterRef } from "@/lib/graphql/Query/Footer.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
 import { contentstackBaseProcedure, router } from "@/server/trpc"
@@ -18,15 +19,19 @@ import { generateTag } from "@/utils/generateTag"
 import { langInput } from "./input"
 import {
   type ContactConfigData,
+  CurrentFooterDataRaw,
+  CurrentFooterRefDataRaw,
   FooterDataRaw,
   FooterRefDataRaw,
   HeaderData,
   HeaderDataRaw,
   HeaderRefDataRaw,
   validateContactConfigSchema,
+  validateCurrentFooterConfigSchema,
   validateFooterConfigSchema,
   validateHeaderConfigSchema,
 } from "./output"
+import { transformPageConnectionLinks } from "./utils"
 
 const meter = metrics.getMeter("trpc.contentstack.base")
 // OpenTelemetry metrics: ContactConfig
@@ -218,6 +223,90 @@ export const baseQueryRouter = router({
         logo,
       } as HeaderData
     }),
+  currentFooter: contentstackBaseProcedure
+    .input(langInput)
+    .query(async ({ input }) => {
+      getFooterRefCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer.ref start",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      const responseRef = await request<CurrentFooterRefDataRaw>(
+        GetCurrentFooterRef,
+        {
+          locale: input.lang,
+        }
+      )
+      // There's currently no error handling/validation for the responseRef, should it be added?
+      getFooterCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer start",
+        JSON.stringify({
+          query: {
+            lang: input.lang,
+          },
+        })
+      )
+      const response = await request<CurrentFooterDataRaw>(
+        GetCurrentFooter,
+        {
+          locale: input.lang,
+        },
+        {
+          tags: [
+            generateTag(
+              input.lang,
+              responseRef.data.all_current_footer.items[0].system.uid
+            ),
+          ],
+        }
+      )
+
+      if (!response.data) {
+        const notFoundError = notFound(response)
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "not_found",
+          error: JSON.stringify({ code: notFoundError.code }),
+        })
+        console.error(
+          "contentstack.footer not found error",
+          JSON.stringify({
+            query: {
+              lang: input.lang,
+            },
+            error: { code: notFoundError.code },
+          })
+        )
+        throw notFoundError
+      }
+
+      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedFooterConfig.success) {
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "validation_error",
+          error: JSON.stringify(validatedFooterConfig.error),
+        })
+        console.error(
+          "contentstack.footer validation error",
+          JSON.stringify({
+            query: { lang: input.lang },
+            error: validatedFooterConfig.error,
+          })
+        )
+        return null
+      }
+      getFooterSuccessCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer success",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      return validatedFooterConfig.data.all_current_footer.items[0]
+    }),
   footer: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
@@ -226,7 +315,7 @@ export const baseQueryRouter = router({
         "contentstack.footer.ref start",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      const responseRef = await request<FooterRefDataRaw>(GetCurrentFooterRef, {
+      const responseRef = await request<FooterRefDataRaw>(GetFooterRef, {
         locale: input.lang,
       })
       // There's currently no error handling/validation for the responseRef, should it be added?
@@ -240,7 +329,7 @@ export const baseQueryRouter = router({
         })
       )
       const response = await request<FooterDataRaw>(
-        GetCurrentFooter,
+        GetFooter,
         {
           locale: input.lang,
         },
@@ -248,7 +337,7 @@ export const baseQueryRouter = router({
           tags: [
             generateTag(
               input.lang,
-              responseRef.data.all_current_footer.items[0].system.uid
+              responseRef.data.all_footer.items[0].system.uid
             ),
           ],
         }
@@ -297,6 +386,15 @@ export const baseQueryRouter = router({
         "contentstack.footer success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+      const mainLinks = transformPageConnectionLinks(
+        validatedFooterData.main_links
+      )
+
+      return {
+        mainLinks: mainLinks,
+        appDownloads: validatedFooterData.app_downloads,
+        secondaryLinks: validatedFooterData.secondary_links,
+      }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
new file mode 100644
index 000000000..68d2d5022
--- /dev/null
+++ b/server/routers/contentstack/base/utils.ts
@@ -0,0 +1,10 @@
+import type { FooterLinkItem } from "./output"
+
+export function transformPageConnectionLinks(links: FooterLinkItem[]) {
+  return links.flatMap((link) =>
+    link.pageConnection?.edges.map((edge) => ({
+      title: edge.node.title,
+      url: edge.node.url,
+    }))
+  )
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 2e828298c..c485431cc 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,9 +1,6 @@
 export type FooterMainNav = {
-  id: string
-  href: string
+  url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From db042dbfde904f2312123f7f281ff4fd2349db0c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 30 Aug 2024 08:48:28 +0200
Subject: [PATCH 17/92] feat(SW-187) Secondary navigation

---
 components/Footer/Details/details.module.css  |  2 +-
 .../Navigation/MainNav/mainnav.module.css     |  2 +-
 .../Footer/Navigation/SecondaryNav/index.tsx  | 51 +++++++++++--------
 .../SecondaryNav/secondarynav.module.css      |  2 +-
 components/Footer/Navigation/index.tsx        |  4 +-
 .../Footer/Navigation/navigation.module.css   |  2 +-
 server/routers/contentstack/base/output.ts    |  4 +-
 server/routers/contentstack/base/query.ts     | 12 ++++-
 types/components/footer/navigation.ts         | 14 ++---
 9 files changed, 57 insertions(+), 36 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index adbf86603..51ee8f102 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -52,7 +52,7 @@
   gap: var(--Spacing-x1);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .details {
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..496fa9618 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 7414a23e4..798035069 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -13,6 +13,7 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
+  console.log("secondaryLinks", secondaryLinks[0].links)
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -21,13 +22,17 @@ export default function FooterSecondaryNav({
         </Body>
         <ul className={styles.secondaryNavigationList}>
           {appDownloads.links.map((link) => (
-            <li key={link.id} className={styles.appDownloadItem}>
-              <a href={link.href} target="_blank" rel="noopener noreferrer">
+            <li key={link.type} className={styles.appDownloadItem}>
+              <a
+                href={link.href.href}
+                target="_blank"
+                aria-label={link.href.title}
+              >
                 <Image
                   src={
-                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
                   }
-                  alt={link.title}
+                  alt={link.href.title}
                   width={125}
                   height={40}
                 />
@@ -42,23 +47,29 @@ export default function FooterSecondaryNav({
             {link.title}
           </Body>
           <ul className={styles.secondaryNavigationList}>
-            {link.links.map((link) => (
-              <li key={link.id} className={styles.secondaryNavigationItem}>
-                {link.isExternal ? (
-                  <a
-                    href={link.href}
-                    key={link.title}
-                    target={link.openInNewTab ? "_blank" : "_self"}
+            {link.links.map(
+              (subLink) =>
+                subLink.url && (
+                  <li
+                    key={subLink.id}
+                    className={styles.secondaryNavigationItem}
                   >
-                    {link.title}
-                  </a>
-                ) : (
-                  <Link href={link.href} key={link.title}>
-                    {link.title}
-                  </Link>
-                )}
-              </li>
-            ))}
+                    {subLink.isExternal ? (
+                      <a
+                        href={subLink.url}
+                        key={subLink.title}
+                        target={subLink.openInNewTab ? "_blank" : "_self"}
+                      >
+                        {subLink.title}
+                      </a>
+                    ) : (
+                      <Link href={subLink.url} key={subLink.url}>
+                        {subLink.title}
+                      </Link>
+                    )}
+                  </li>
+                )
+            )}
           </ul>
         </nav>
       ))}
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3f47d32c7..057c1daa5 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,7 +25,7 @@
   margin: 0;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: 0;
     gap: 80px;
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 0e66fb5dd..a49148541 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,12 +1,10 @@
-import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
-  const { mainLinks } = props
-  const { secondaryLinks, appDownloads } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = props
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index df5dfbcf5..040577f93 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -11,7 +11,7 @@
   max-width: var(--max-width-content);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .section {
     padding: var(--Spacing-x9) 0;
   }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 9b1773847..7202a04ed 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -273,8 +273,8 @@ const validateInternalLink = z
     edges: z.array(
       z.object({
         node: z.object({
-          title: z.string(),
-          url: z.string(),
+          title: z.string().optional(),
+          url: z.string().optional(),
         }),
       })
     ),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 52beab486..3ecf39e35 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -390,11 +390,21 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
+      console.log(
+        "secondary_links ",
+        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
+      )
+      const secondaryLinks = validatedFooterData.secondary_links.map(
+        (section) => ({
+          ...section,
+          links: transformPageConnectionLinks(section.links),
+        })
+      )
 
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: validatedFooterData.secondary_links,
+        secondaryLinks: secondaryLinks,
       }
     }),
 })
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index c485431cc..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -8,10 +8,10 @@ export type FooterMainNavProps = {
 
 export type FooterSecondaryNav = {
   id: string
-  href: string
-  title: string
-  openInNewTab: boolean
   isExternal: boolean
+  openInNewTab: boolean
+  title: string
+  url: string
 }
 export type FooterSecondaryNavProps = {
   secondaryLinks: {
@@ -21,9 +21,11 @@ export type FooterSecondaryNavProps = {
   appDownloads: {
     title: string
     links: {
-      title: string
-      href: string
-      id: string
+      href: {
+        href: string
+        title: string
+      }
+      type: string
     }[]
   }
 }

From 95bbbe41526621cc34a3df38b958e8994f313982 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 18/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 0d6a57780..c1bb57e80 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -190,3 +190,67 @@ export const footer = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 5d5b8447746813fb69b82cfe167f6e6a0f5d7432 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 11:01:31 +0200
Subject: [PATCH 19/92] feat(SW-185): Fixing comments

---
 components/Footer/mockedData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index c1bb57e80..e79257b2e 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -192,7 +192,7 @@ export const footer = {
 }
 
 export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
+  copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   social: {
     links: [

From d66fdd179d6679353a7a7f841e3e6665efe633b4 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 20/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 5 ++---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..d97a97bb8 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index e79257b2e..6f8443187 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -191,10 +191,9 @@ export const footer = {
   },
 }
 
-export const detailsData = {
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -213,7 +212,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",

From ced73fb693e2654498fb8519b898bb8f5133ac3d Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 21/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index d97a97bb8..adb2d3163 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 99208abfb95a66c54efac9d19bd41a7359cfebd7 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 22/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../{Footer => CurrentFooter}/AppDownloads.graphql     |  0
 .../Fragments/{Footer => CurrentFooter}/Logo.graphql   |  0
 .../{Footer => CurrentFooter}/Navigation.graphql       |  0
 .../{Footer => CurrentFooter}/SocialMedia.graphql      |  0
 .../{Footer => CurrentFooter}/TripAdvisor.graphql      |  0
 lib/graphql/Query/CurrentFooter.graphql                | 10 +++++-----
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/AppDownloads.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Logo.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Navigation.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SocialMedia.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/TripAdvisor.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/AppDownloads.graphql
rename to lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
diff --git a/lib/graphql/Fragments/Footer/Logo.graphql b/lib/graphql/Fragments/CurrentFooter/Logo.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Logo.graphql
rename to lib/graphql/Fragments/CurrentFooter/Logo.graphql
diff --git a/lib/graphql/Fragments/Footer/Navigation.graphql b/lib/graphql/Fragments/CurrentFooter/Navigation.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Navigation.graphql
rename to lib/graphql/Fragments/CurrentFooter/Navigation.graphql
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SocialMedia.graphql
rename to lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
diff --git a/lib/graphql/Fragments/Footer/TripAdvisor.graphql b/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/TripAdvisor.graphql
rename to lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
diff --git a/lib/graphql/Query/CurrentFooter.graphql b/lib/graphql/Query/CurrentFooter.graphql
index 5ec7f6bc9..325f7c04e 100644
--- a/lib/graphql/Query/CurrentFooter.graphql
+++ b/lib/graphql/Query/CurrentFooter.graphql
@@ -1,8 +1,8 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/Logo.graphql"
-#import "../Fragments/Footer/Navigation.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TripAdvisor.graphql"
+#import "../Fragments/CurrentFooter/AppDownloads.graphql"
+#import "../Fragments/CurrentFooter/Logo.graphql"
+#import "../Fragments/CurrentFooter/Navigation.graphql"
+#import "../Fragments/CurrentFooter/SocialMedia.graphql"
+#import "../Fragments/CurrentFooter/TripAdvisor.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetCurrentFooter($locale: String!) {

From 18de55fad135a4cbcfae0883555427ffd3b02545 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 23/92] feat(SW-187): Footer data from contentstack

---
 components/Current/Footer/index.tsx           |   2 +-
 .../Footer/Navigation/MainNav/index.tsx       |   4 +-
 components/Footer/Navigation/index.tsx        |   5 +-
 components/Footer/index.tsx                   |  15 ++-
 .../Fragments/Footer/AppDownloads.graphql     |  12 ++
 .../Fragments/Footer/MainLinks.graphql        |  29 +++++
 .../Fragments/Footer/Refs/MainLinks.graphql   |  18 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  20 +++
 .../Fragments/Footer/SecondaryLinks.graphql   |  24 ++++
 lib/graphql/Query/Footer.graphql              |  28 +++++
 server/routers/contentstack/base/output.ts    | 115 +++++++++++++++++-
 server/routers/contentstack/base/query.ts     | 104 +++++++++++++++-
 server/routers/contentstack/base/utils.ts     |  10 ++
 types/components/footer/navigation.ts         |   5 +-
 14 files changed, 370 insertions(+), 21 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Query/Footer.graphql
 create mode 100644 server/routers/contentstack/base/utils.ts

diff --git a/components/Current/Footer/index.tsx b/components/Current/Footer/index.tsx
index e21afaeb4..83860cae7 100644
--- a/components/Current/Footer/index.tsx
+++ b/components/Current/Footer/index.tsx
@@ -8,7 +8,7 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
+  const footerData = await serverClient().contentstack.base.currentFooter({
     lang: getLang(),
   })
   if (!footerData) {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 353f1a045..91d674d60 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -11,11 +11,11 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
-          <li key={link.id} className={styles.mainNavigationItem}>
+          <li key={link.title} className={styles.mainNavigationItem}>
             <Subtitle type="two" asChild>
               <Link
                 color="burgundy"
-                href={link.href}
+                href={link.url}
                 className={styles.mainNavigationLink}
               >
                 {link.title}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 9b5baef2d..0e66fb5dd 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -4,8 +4,9 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks, appDownloads } = footer
+export default function FooterNavigation({ ...props }) {
+  const { mainLinks } = props
+  const { secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 66dded2d5..ebd3fa0a8 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,10 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import { getLang } from "@/i18n/serverContext"
+
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default function Footer() {
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.base.footer({
+    lang: getLang(),
+  })
+  if (!footerData) {
+    return null
+  }
+  console.log("footerData:", footerData)
   return (
     <footer>
-      <FooterNavigation />
+      <FooterNavigation {...footerData} />
       <FooterDetails />
     </footer>
   )
diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
new file mode 100644
index 000000000..1a05f8188
--- /dev/null
+++ b/lib/graphql/Query/Footer.graphql
@@ -0,0 +1,28 @@
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/MainLinks.graphql"
+#import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/MainLinks.graphql"
+#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Refs/System.graphql"
+
+query GetFooter($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinks
+      ...SecondaryLinks
+      ...AppDownloads
+    }
+  }
+}
+
+query GetFooterRef($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinksRef
+      ...SecondaryLinksRef
+      system {
+        ...System
+      }
+    }
+  }
+}
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 3c81aae88..9b1773847 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -1,6 +1,7 @@
 import { z } from "zod"
 
 import { Image } from "@/types/image"
+import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -165,7 +166,7 @@ const validateNavigationItem = z.object({
 
 export type NavigationItem = z.infer<typeof validateNavigationItem>
 
-export const validateFooterConfigSchema = z.object({
+export const validateCurrentFooterConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -232,16 +233,18 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type CurrentFooterDataRaw = z.infer<
+  typeof validateCurrentFooterConfigSchema
+>
 
-export type FooterData = Omit<
-  FooterDataRaw["all_current_footer"]["items"][0],
+export type CurrentFooterData = Omit<
+  CurrentFooterDataRaw["all_current_footer"]["items"][0],
   "logoConnection"
 > & {
   logo: Image
 }
 
-const validateFooterRefConfigSchema = z.object({
+const validateCurrentFooterRefConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -254,4 +257,106 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
+export type CurrentFooterRefDataRaw = z.infer<
+  typeof validateCurrentFooterRefConfigSchema
+>
+
+const validateExternalLink = z
+  .object({
+    href: z.string(),
+    title: z.string(),
+  })
+  .optional()
+
+const validateInternalLink = z
+  .object({
+    edges: z.array(
+      z.object({
+        node: z.object({
+          title: z.string(),
+          url: z.string(),
+        }),
+      })
+    ),
+  })
+  .optional()
+
+const validateLinkItem = z.object({
+  title: z.string(),
+  open_in_new_tab: z.boolean(),
+  link: validateExternalLink,
+  pageConnection: validateInternalLink,
+})
+
+export type FooterLinkItem = z.infer<typeof validateLinkItem>
+
+export const validateFooterConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(validateLinkItem),
+        app_downloads: z.object({
+          title: z.string(),
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
+        secondary_links: z.array(
+          z.object({
+            title: z.string(),
+            links: z.array(validateLinkItem),
+          })
+        ),
+      })
+    ),
+  }),
+})
+
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+
+const pageConnectionRefs = z.object({
+  edges: z.array(
+    z.object({
+      node: z.object({
+        __typename: z.nativeEnum(PageLinkEnum),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      }),
+    })
+  ),
+})
+
+const validateFooterRefConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
+        secondary_links: z.array(
+          z.object({
+            links: z.array(
+              z.object({
+                pageConnection: pageConnectionRefs,
+              })
+            ),
+          })
+        ),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      })
+    ),
+  }),
+})
+
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 12b1fa6d6..ef133db1b 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -9,6 +9,7 @@ import {
   GetCurrentHeader,
   GetCurrentHeaderRef,
 } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { GetFooter, GetFooterRef } from "@/lib/graphql/Query/Footer.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
 import { contentstackBaseProcedure, router } from "@/server/trpc"
@@ -22,15 +23,19 @@ import {
 import { langInput } from "./input"
 import {
   type ContactConfigData,
+  CurrentFooterDataRaw,
+  CurrentFooterRefDataRaw,
   FooterDataRaw,
   FooterRefDataRaw,
   HeaderData,
   HeaderDataRaw,
   HeaderRefDataRaw,
   validateContactConfigSchema,
+  validateCurrentFooterConfigSchema,
   validateFooterConfigSchema,
   validateHeaderConfigSchema,
 } from "./output"
+import { transformPageConnectionLinks } from "./utils"
 
 const meter = metrics.getMeter("trpc.contentstack.base")
 // OpenTelemetry metrics: ContactConfig
@@ -240,6 +245,87 @@ export const baseQueryRouter = router({
         logo,
       } as HeaderData
     }),
+  currentFooter: contentstackBaseProcedure
+    .input(langInput)
+    .query(async ({ input }) => {
+      getFooterRefCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer.ref start",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      const responseRef = await request<CurrentFooterRefDataRaw>(
+        GetCurrentFooterRef,
+        {
+          locale: input.lang,
+        }
+      )
+      // There's currently no error handling/validation for the responseRef, should it be added?
+      getFooterCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer start",
+        JSON.stringify({
+          query: {
+            lang: input.lang,
+          },
+        })
+      )
+      const response = await request<CurrentFooterDataRaw>(
+        GetCurrentFooter,
+        {
+          locale: input.lang,
+        },
+        {
+          next: {
+            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+          },
+        }
+      )
+
+      if (!response.data) {
+        const notFoundError = notFound(response)
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "not_found",
+          error: JSON.stringify({ code: notFoundError.code }),
+        })
+        console.error(
+          "contentstack.footer not found error",
+          JSON.stringify({
+            query: {
+              lang: input.lang,
+            },
+            error: { code: notFoundError.code },
+          })
+        )
+        throw notFoundError
+      }
+
+      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedFooterConfig.success) {
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "validation_error",
+          error: JSON.stringify(validatedFooterConfig.error),
+        })
+        console.error(
+          "contentstack.footer validation error",
+          JSON.stringify({
+            query: { lang: input.lang },
+            error: validatedFooterConfig.error,
+          })
+        )
+        return null
+      }
+      getFooterSuccessCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer success",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      return validatedFooterConfig.data.all_current_footer.items[0]
+    }),
   footer: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
@@ -256,7 +342,7 @@ export const baseQueryRouter = router({
         {
           cache: "force-cache",
           next: {
-            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+            tags: [generateRefsResponseTag(input.lang, "footer")],
           },
         }
       )
@@ -270,10 +356,9 @@ export const baseQueryRouter = router({
           },
         })
       )
-      const currentFooterUID =
-        responseRef.data.all_current_footer.items[0].system.uid
+      const currentFooterUID = responseRef.data.all_footer.items[0].system.uid
       const response = await request<FooterDataRaw>(
-        GetCurrentFooter,
+        GetFooter,
         {
           locale: input.lang,
         },
@@ -328,6 +413,15 @@ export const baseQueryRouter = router({
         "contentstack.footer success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+      const mainLinks = transformPageConnectionLinks(
+        validatedFooterData.main_links
+      )
+
+      return {
+        mainLinks: mainLinks,
+        appDownloads: validatedFooterData.app_downloads,
+        secondaryLinks: validatedFooterData.secondary_links,
+      }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
new file mode 100644
index 000000000..68d2d5022
--- /dev/null
+++ b/server/routers/contentstack/base/utils.ts
@@ -0,0 +1,10 @@
+import type { FooterLinkItem } from "./output"
+
+export function transformPageConnectionLinks(links: FooterLinkItem[]) {
+  return links.flatMap((link) =>
+    link.pageConnection?.edges.map((edge) => ({
+      title: edge.node.title,
+      url: edge.node.url,
+    }))
+  )
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 2e828298c..c485431cc 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,9 +1,6 @@
 export type FooterMainNav = {
-  id: string
-  href: string
+  url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 9fab84a0f9a9ffef2eae600d4684f17e13204bab Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 24/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql | 0
 .../Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql    | 0
 .../{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql         | 0
 .../Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql    | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql

From bb454d77c4f9f4898d1b275b14bcd67e2ae25a8c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 25/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/MainLinks.graphql        | 29 +++++++++++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 ++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++
 .../Fragments/Footer/SecondaryLinks.graphql   | 24 +++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}

From d057db615608c0ccd5eb0597e7105b7e55c388cb Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 30 Aug 2024 08:48:28 +0200
Subject: [PATCH 26/92] feat(SW-187) Secondary navigation

---
 components/Footer/Details/details.module.css       |  2 +-
 .../Footer/Navigation/MainNav/mainnav.module.css   |  2 +-
 .../Footer/Navigation/SecondaryNav/index.tsx       |  5 +++--
 .../SecondaryNav/secondarynav.module.css           |  2 +-
 components/Footer/Navigation/index.tsx             |  4 +---
 components/Footer/Navigation/navigation.module.css |  2 +-
 server/routers/contentstack/base/output.ts         |  4 ++--
 server/routers/contentstack/base/query.ts          | 12 +++++++++++-
 types/components/footer/navigation.ts              | 14 ++++++++------
 9 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index adbf86603..51ee8f102 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -52,7 +52,7 @@
   gap: var(--Spacing-x1);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .details {
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..496fa9618 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..f49740a35 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -13,6 +13,7 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
+  console.log("secondaryLinks", secondaryLinks[0].links)
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -25,9 +26,9 @@ export default function FooterSecondaryNav({
               <a href={link.href} target="_blank" aria-label={link.title}>
                 <Image
                   src={
-                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
                   }
-                  alt={link.title}
+                  alt={link.href.title}
                   width={125}
                   height={40}
                 />
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3f47d32c7..057c1daa5 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,7 +25,7 @@
   margin: 0;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: 0;
     gap: 80px;
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 0e66fb5dd..a49148541 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,12 +1,10 @@
-import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
-  const { mainLinks } = props
-  const { secondaryLinks, appDownloads } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = props
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index df5dfbcf5..040577f93 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -11,7 +11,7 @@
   max-width: var(--max-width-content);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .section {
     padding: var(--Spacing-x9) 0;
   }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 9b1773847..7202a04ed 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -273,8 +273,8 @@ const validateInternalLink = z
     edges: z.array(
       z.object({
         node: z.object({
-          title: z.string(),
-          url: z.string(),
+          title: z.string().optional(),
+          url: z.string().optional(),
         }),
       })
     ),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index ef133db1b..94f48b92a 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -417,11 +417,21 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
+      console.log(
+        "secondary_links ",
+        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
+      )
+      const secondaryLinks = validatedFooterData.secondary_links.map(
+        (section) => ({
+          ...section,
+          links: transformPageConnectionLinks(section.links),
+        })
+      )
 
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: validatedFooterData.secondary_links,
+        secondaryLinks: secondaryLinks,
       }
     }),
 })
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index c485431cc..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -8,10 +8,10 @@ export type FooterMainNavProps = {
 
 export type FooterSecondaryNav = {
   id: string
-  href: string
-  title: string
-  openInNewTab: boolean
   isExternal: boolean
+  openInNewTab: boolean
+  title: string
+  url: string
 }
 export type FooterSecondaryNavProps = {
   secondaryLinks: {
@@ -21,9 +21,11 @@ export type FooterSecondaryNavProps = {
   appDownloads: {
     title: string
     links: {
-      title: string
-      href: string
-      id: string
+      href: {
+        href: string
+        title: string
+      }
+      type: string
     }[]
   }
 }

From 8a3f6384dc435d9ce69bbb594593b091a002b941 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 27/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 0d6a57780..c1bb57e80 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -190,3 +190,67 @@ export const footer = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 771e6fc6705c8efa861c0c3eee8720f8cca30eea Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 11:01:31 +0200
Subject: [PATCH 28/92] feat(SW-185): Fixing comments

---
 components/Footer/mockedData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index c1bb57e80..e79257b2e 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -192,7 +192,7 @@ export const footer = {
 }
 
 export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
+  copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   social: {
     links: [

From fed52770e2dd9f03a09f2fd019c541c262d4bfa1 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 29/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 5 ++---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..d97a97bb8 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index e79257b2e..6f8443187 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -191,10 +191,9 @@ export const footer = {
   },
 }
 
-export const detailsData = {
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -213,7 +212,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",

From cd46ffafc36fd2dfee5cced6e2aff8cd4881423c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 30/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index d97a97bb8..adb2d3163 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 2fcbaa62e41e5968a988e47a94da93cc0c9f0272 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 31/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../{Footer => CurrentFooter}/AppDownloads.graphql     |  0
 .../Fragments/{Footer => CurrentFooter}/Logo.graphql   |  0
 .../{Footer => CurrentFooter}/Navigation.graphql       |  0
 .../{Footer => CurrentFooter}/SocialMedia.graphql      |  0
 .../{Footer => CurrentFooter}/TripAdvisor.graphql      |  0
 lib/graphql/Query/CurrentFooter.graphql                | 10 +++++-----
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/AppDownloads.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Logo.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Navigation.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SocialMedia.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/TripAdvisor.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/AppDownloads.graphql
rename to lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
diff --git a/lib/graphql/Fragments/Footer/Logo.graphql b/lib/graphql/Fragments/CurrentFooter/Logo.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Logo.graphql
rename to lib/graphql/Fragments/CurrentFooter/Logo.graphql
diff --git a/lib/graphql/Fragments/Footer/Navigation.graphql b/lib/graphql/Fragments/CurrentFooter/Navigation.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Navigation.graphql
rename to lib/graphql/Fragments/CurrentFooter/Navigation.graphql
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SocialMedia.graphql
rename to lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
diff --git a/lib/graphql/Fragments/Footer/TripAdvisor.graphql b/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/TripAdvisor.graphql
rename to lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
diff --git a/lib/graphql/Query/CurrentFooter.graphql b/lib/graphql/Query/CurrentFooter.graphql
index 5ec7f6bc9..325f7c04e 100644
--- a/lib/graphql/Query/CurrentFooter.graphql
+++ b/lib/graphql/Query/CurrentFooter.graphql
@@ -1,8 +1,8 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/Logo.graphql"
-#import "../Fragments/Footer/Navigation.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TripAdvisor.graphql"
+#import "../Fragments/CurrentFooter/AppDownloads.graphql"
+#import "../Fragments/CurrentFooter/Logo.graphql"
+#import "../Fragments/CurrentFooter/Navigation.graphql"
+#import "../Fragments/CurrentFooter/SocialMedia.graphql"
+#import "../Fragments/CurrentFooter/TripAdvisor.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetCurrentFooter($locale: String!) {

From da51bd88fee030b59469412682ba75554fac1263 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 32/92] feat(SW-187): Footer data from contentstack

---
 components/Current/Footer/index.tsx           |   2 +-
 .../Footer/Navigation/MainNav/index.tsx       |   4 +-
 components/Footer/Navigation/index.tsx        |   5 +-
 components/Footer/index.tsx                   |  15 ++-
 .../Fragments/Footer/AppDownloads.graphql     |  12 ++
 .../Fragments/Footer/MainLinks.graphql        |  29 +++++
 .../Fragments/Footer/Refs/MainLinks.graphql   |  18 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  20 +++
 .../Fragments/Footer/SecondaryLinks.graphql   |  24 ++++
 lib/graphql/Query/Footer.graphql              |  28 +++++
 server/routers/contentstack/base/output.ts    | 115 +++++++++++++++++-
 server/routers/contentstack/base/query.ts     | 104 +++++++++++++++-
 server/routers/contentstack/base/utils.ts     |  10 ++
 types/components/footer/navigation.ts         |   5 +-
 14 files changed, 370 insertions(+), 21 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Query/Footer.graphql
 create mode 100644 server/routers/contentstack/base/utils.ts

diff --git a/components/Current/Footer/index.tsx b/components/Current/Footer/index.tsx
index e21afaeb4..83860cae7 100644
--- a/components/Current/Footer/index.tsx
+++ b/components/Current/Footer/index.tsx
@@ -8,7 +8,7 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
+  const footerData = await serverClient().contentstack.base.currentFooter({
     lang: getLang(),
   })
   if (!footerData) {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 353f1a045..91d674d60 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -11,11 +11,11 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
-          <li key={link.id} className={styles.mainNavigationItem}>
+          <li key={link.title} className={styles.mainNavigationItem}>
             <Subtitle type="two" asChild>
               <Link
                 color="burgundy"
-                href={link.href}
+                href={link.url}
                 className={styles.mainNavigationLink}
               >
                 {link.title}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 9b5baef2d..0e66fb5dd 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -4,8 +4,9 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks, appDownloads } = footer
+export default function FooterNavigation({ ...props }) {
+  const { mainLinks } = props
+  const { secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 66dded2d5..ebd3fa0a8 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,10 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import { getLang } from "@/i18n/serverContext"
+
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default function Footer() {
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.base.footer({
+    lang: getLang(),
+  })
+  if (!footerData) {
+    return null
+  }
+  console.log("footerData:", footerData)
   return (
     <footer>
-      <FooterNavigation />
+      <FooterNavigation {...footerData} />
       <FooterDetails />
     </footer>
   )
diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
new file mode 100644
index 000000000..1a05f8188
--- /dev/null
+++ b/lib/graphql/Query/Footer.graphql
@@ -0,0 +1,28 @@
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/MainLinks.graphql"
+#import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/MainLinks.graphql"
+#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Refs/System.graphql"
+
+query GetFooter($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinks
+      ...SecondaryLinks
+      ...AppDownloads
+    }
+  }
+}
+
+query GetFooterRef($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinksRef
+      ...SecondaryLinksRef
+      system {
+        ...System
+      }
+    }
+  }
+}
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 3c81aae88..9b1773847 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -1,6 +1,7 @@
 import { z } from "zod"
 
 import { Image } from "@/types/image"
+import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -165,7 +166,7 @@ const validateNavigationItem = z.object({
 
 export type NavigationItem = z.infer<typeof validateNavigationItem>
 
-export const validateFooterConfigSchema = z.object({
+export const validateCurrentFooterConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -232,16 +233,18 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type CurrentFooterDataRaw = z.infer<
+  typeof validateCurrentFooterConfigSchema
+>
 
-export type FooterData = Omit<
-  FooterDataRaw["all_current_footer"]["items"][0],
+export type CurrentFooterData = Omit<
+  CurrentFooterDataRaw["all_current_footer"]["items"][0],
   "logoConnection"
 > & {
   logo: Image
 }
 
-const validateFooterRefConfigSchema = z.object({
+const validateCurrentFooterRefConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -254,4 +257,106 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
+export type CurrentFooterRefDataRaw = z.infer<
+  typeof validateCurrentFooterRefConfigSchema
+>
+
+const validateExternalLink = z
+  .object({
+    href: z.string(),
+    title: z.string(),
+  })
+  .optional()
+
+const validateInternalLink = z
+  .object({
+    edges: z.array(
+      z.object({
+        node: z.object({
+          title: z.string(),
+          url: z.string(),
+        }),
+      })
+    ),
+  })
+  .optional()
+
+const validateLinkItem = z.object({
+  title: z.string(),
+  open_in_new_tab: z.boolean(),
+  link: validateExternalLink,
+  pageConnection: validateInternalLink,
+})
+
+export type FooterLinkItem = z.infer<typeof validateLinkItem>
+
+export const validateFooterConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(validateLinkItem),
+        app_downloads: z.object({
+          title: z.string(),
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
+        secondary_links: z.array(
+          z.object({
+            title: z.string(),
+            links: z.array(validateLinkItem),
+          })
+        ),
+      })
+    ),
+  }),
+})
+
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+
+const pageConnectionRefs = z.object({
+  edges: z.array(
+    z.object({
+      node: z.object({
+        __typename: z.nativeEnum(PageLinkEnum),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      }),
+    })
+  ),
+})
+
+const validateFooterRefConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
+        secondary_links: z.array(
+          z.object({
+            links: z.array(
+              z.object({
+                pageConnection: pageConnectionRefs,
+              })
+            ),
+          })
+        ),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      })
+    ),
+  }),
+})
+
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index e8570e192..13a2457c6 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -9,6 +9,7 @@ import {
   GetCurrentHeader,
   GetCurrentHeaderRef,
 } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { GetFooter, GetFooterRef } from "@/lib/graphql/Query/Footer.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
 import { contentstackBaseProcedure, router } from "@/server/trpc"
@@ -18,15 +19,19 @@ import { generateRefsResponseTag, generateTag } from "@/utils/generateTag"
 import { langInput } from "./input"
 import {
   type ContactConfigData,
+  CurrentFooterDataRaw,
+  CurrentFooterRefDataRaw,
   FooterDataRaw,
   FooterRefDataRaw,
   HeaderData,
   HeaderDataRaw,
   HeaderRefDataRaw,
   validateContactConfigSchema,
+  validateCurrentFooterConfigSchema,
   validateFooterConfigSchema,
   validateHeaderConfigSchema,
 } from "./output"
+import { transformPageConnectionLinks } from "./utils"
 
 const meter = metrics.getMeter("trpc.contentstack.base")
 // OpenTelemetry metrics: ContactConfig
@@ -236,6 +241,87 @@ export const baseQueryRouter = router({
         logo,
       } as HeaderData
     }),
+  currentFooter: contentstackBaseProcedure
+    .input(langInput)
+    .query(async ({ input }) => {
+      getFooterRefCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer.ref start",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      const responseRef = await request<CurrentFooterRefDataRaw>(
+        GetCurrentFooterRef,
+        {
+          locale: input.lang,
+        }
+      )
+      // There's currently no error handling/validation for the responseRef, should it be added?
+      getFooterCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer start",
+        JSON.stringify({
+          query: {
+            lang: input.lang,
+          },
+        })
+      )
+      const response = await request<CurrentFooterDataRaw>(
+        GetCurrentFooter,
+        {
+          locale: input.lang,
+        },
+        {
+          next: {
+            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+          },
+        }
+      )
+
+      if (!response.data) {
+        const notFoundError = notFound(response)
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "not_found",
+          error: JSON.stringify({ code: notFoundError.code }),
+        })
+        console.error(
+          "contentstack.footer not found error",
+          JSON.stringify({
+            query: {
+              lang: input.lang,
+            },
+            error: { code: notFoundError.code },
+          })
+        )
+        throw notFoundError
+      }
+
+      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedFooterConfig.success) {
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "validation_error",
+          error: JSON.stringify(validatedFooterConfig.error),
+        })
+        console.error(
+          "contentstack.footer validation error",
+          JSON.stringify({
+            query: { lang: input.lang },
+            error: validatedFooterConfig.error,
+          })
+        )
+        return null
+      }
+      getFooterSuccessCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer success",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      return validatedFooterConfig.data.all_current_footer.items[0]
+    }),
   footer: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
@@ -252,7 +338,7 @@ export const baseQueryRouter = router({
         {
           cache: "force-cache",
           next: {
-            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+            tags: [generateRefsResponseTag(input.lang, "footer")],
           },
         }
       )
@@ -266,10 +352,9 @@ export const baseQueryRouter = router({
           },
         })
       )
-      const currentFooterUID =
-        responseRef.data.all_current_footer.items[0].system.uid
+      const currentFooterUID = responseRef.data.all_footer.items[0].system.uid
       const response = await request<FooterDataRaw>(
-        GetCurrentFooter,
+        GetFooter,
         {
           locale: input.lang,
         },
@@ -324,6 +409,15 @@ export const baseQueryRouter = router({
         "contentstack.footer success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+      const mainLinks = transformPageConnectionLinks(
+        validatedFooterData.main_links
+      )
+
+      return {
+        mainLinks: mainLinks,
+        appDownloads: validatedFooterData.app_downloads,
+        secondaryLinks: validatedFooterData.secondary_links,
+      }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
new file mode 100644
index 000000000..68d2d5022
--- /dev/null
+++ b/server/routers/contentstack/base/utils.ts
@@ -0,0 +1,10 @@
+import type { FooterLinkItem } from "./output"
+
+export function transformPageConnectionLinks(links: FooterLinkItem[]) {
+  return links.flatMap((link) =>
+    link.pageConnection?.edges.map((edge) => ({
+      title: edge.node.title,
+      url: edge.node.url,
+    }))
+  )
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 2e828298c..c485431cc 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,9 +1,6 @@
 export type FooterMainNav = {
-  id: string
-  href: string
+  url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 0d4214637022043897f9e727225bad0e5ecab0f2 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 33/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql | 0
 .../Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql    | 0
 .../{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql         | 0
 .../Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql    | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql

From 9129e9dfdab9baafa7a6ecded7aef125f3ded64b Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 34/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/MainLinks.graphql        | 29 +++++++++++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 ++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++
 .../Fragments/Footer/SecondaryLinks.graphql   | 24 +++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}

From 2cb48f4f829009d0d9234457f3c6208517e90a0b Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 30 Aug 2024 08:48:28 +0200
Subject: [PATCH 35/92] feat(SW-187) Secondary navigation

---
 components/Footer/Details/details.module.css       |  2 +-
 .../Footer/Navigation/MainNav/mainnav.module.css   |  2 +-
 .../Footer/Navigation/SecondaryNav/index.tsx       |  5 +++--
 .../SecondaryNav/secondarynav.module.css           |  2 +-
 components/Footer/Navigation/index.tsx             |  4 +---
 components/Footer/Navigation/navigation.module.css |  2 +-
 server/routers/contentstack/base/output.ts         |  4 ++--
 server/routers/contentstack/base/query.ts          | 12 +++++++++++-
 types/components/footer/navigation.ts              | 14 ++++++++------
 9 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index adbf86603..51ee8f102 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -52,7 +52,7 @@
   gap: var(--Spacing-x1);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .details {
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..496fa9618 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..f49740a35 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -13,6 +13,7 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
+  console.log("secondaryLinks", secondaryLinks[0].links)
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -25,9 +26,9 @@ export default function FooterSecondaryNav({
               <a href={link.href} target="_blank" aria-label={link.title}>
                 <Image
                   src={
-                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
                   }
-                  alt={link.title}
+                  alt={link.href.title}
                   width={125}
                   height={40}
                 />
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3f47d32c7..057c1daa5 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,7 +25,7 @@
   margin: 0;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: 0;
     gap: 80px;
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 0e66fb5dd..a49148541 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,12 +1,10 @@
-import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
-  const { mainLinks } = props
-  const { secondaryLinks, appDownloads } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = props
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index df5dfbcf5..040577f93 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -11,7 +11,7 @@
   max-width: var(--max-width-content);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .section {
     padding: var(--Spacing-x9) 0;
   }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 9b1773847..7202a04ed 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -273,8 +273,8 @@ const validateInternalLink = z
     edges: z.array(
       z.object({
         node: z.object({
-          title: z.string(),
-          url: z.string(),
+          title: z.string().optional(),
+          url: z.string().optional(),
         }),
       })
     ),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 13a2457c6..a1b750658 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -413,11 +413,21 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
+      console.log(
+        "secondary_links ",
+        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
+      )
+      const secondaryLinks = validatedFooterData.secondary_links.map(
+        (section) => ({
+          ...section,
+          links: transformPageConnectionLinks(section.links),
+        })
+      )
 
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: validatedFooterData.secondary_links,
+        secondaryLinks: secondaryLinks,
       }
     }),
 })
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index c485431cc..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -8,10 +8,10 @@ export type FooterMainNavProps = {
 
 export type FooterSecondaryNav = {
   id: string
-  href: string
-  title: string
-  openInNewTab: boolean
   isExternal: boolean
+  openInNewTab: boolean
+  title: string
+  url: string
 }
 export type FooterSecondaryNavProps = {
   secondaryLinks: {
@@ -21,9 +21,11 @@ export type FooterSecondaryNavProps = {
   appDownloads: {
     title: string
     links: {
-      title: string
-      href: string
-      id: string
+      href: {
+        href: string
+        title: string
+      }
+      type: string
     }[]
   }
 }

From 9ab18646dea108e93755c430a871139ffa13ba6c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 36/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 6f8443187..3669d00bc 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -253,3 +253,67 @@ export const footer = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 86a69ab03a496685ea2c80a838065cf163dae43c Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 37/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 4 ++--
 types/components/footer/navigation.ts               | 2 ++
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index f49740a35..d7ff76e14 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 3669d00bc..6e86d2490 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -257,7 +257,7 @@ export const footer = {
 export const detailsData = {
   copyrightCompany: "© 2024 Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -276,7 +276,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 341b4d117..a965c29af 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,6 +1,8 @@
 export type FooterMainNav = {
   url: string
   title: string
+  openInNewTab: boolean
+  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 0536110434097e01ff24364217d57fb5f7c810d6 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 38/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index d7ff76e14..f49740a35 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 663a40a21782097cfb4828542624ee66ed1898c1 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 39/92] feat(SW-187): Footer data from contentstack

---
 types/components/footer/navigation.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index a965c29af..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,8 +1,6 @@
 export type FooterMainNav = {
   url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From d08bb3b9d733094786dd4155e8010c2ec9c23157 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 40/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../Fragments/Footer/AppDownloads.graphql     | 12 -----------
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 -----------------
 .../Footer/Refs/SecondaryLinks.graphql        | 20 -------------------
 3 files changed, 50 deletions(-)
 delete mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
deleted file mode 100644
index f9e2f7d40..000000000
--- a/lib/graphql/Fragments/Footer/AppDownloads.graphql
+++ /dev/null
@@ -1,12 +0,0 @@
-fragment AppDownloads on Footer {
-  app_downloads {
-    title
-    links {
-      type
-      href {
-        href
-        title
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
deleted file mode 100644
index cea5340f4..000000000
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ /dev/null
@@ -1,18 +0,0 @@
-fragment MainLinksRef on Footer {
-  __typename
-  main_links {
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ...LoyaltyPageRef
-          ...ContentPageRef
-          ...AccountPageRef
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
deleted file mode 100644
index d324e40b1..000000000
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ /dev/null
@@ -1,20 +0,0 @@
-fragment SecondaryLinksRef on Footer {
-  __typename
-  secondary_links {
-    links {
-      pageConnection {
-        edges {
-          node {
-            __typename
-            ...LoyaltyPageRef
-            ...ContentPageRef
-            ...AccountPageRef
-          }
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}

From d2e56739af7f0d1e8dd9363d6e2c057d163c83ae Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 41/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/AppDownloads.graphql     | 12 +++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 +++++++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

From 4e2ce378ed693c97dd87be28756fbd80c56557e3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 09:22:37 +0200
Subject: [PATCH 42/92] feat(sw-187): fix merge conflicts

---
 components/Footer/Details/index.tsx           |   4 +-
 .../Footer/Navigation/SecondaryNav/index.tsx  |  12 +-
 components/Footer/mockedData.ts               | 208 ++++--------------
 3 files changed, 50 insertions(+), 174 deletions(-)

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 89a3bb16e..f420b0f60 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -1,6 +1,6 @@
-import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import Image from "@/components/Image"
+import LanguageSwitcher from "@/components/LanguageSwitcher"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getLang } from "@/i18n/serverContext"
@@ -84,7 +84,7 @@ export default function FooterDetails() {
           {
             // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
           }
-          <LanguageSwitcher urls={languageSwitcher.urls} />
+          <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index f49740a35..c3497ef21 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -22,8 +22,12 @@ export default function FooterSecondaryNav({
         </Body>
         <ul className={styles.secondaryNavigationList}>
           {appDownloads.links.map((link) => (
-            <li key={link.id} className={styles.appDownloadItem}>
-              <a href={link.href} target="_blank" aria-label={link.title}>
+            <li key={link.type} className={styles.appDownloadItem}>
+              <a
+                href={link.href.href}
+                target="_blank"
+                aria-label={link.href.title}
+              >
                 <Image
                   src={
                     AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
@@ -47,7 +51,7 @@ export default function FooterSecondaryNav({
               <li key={link.id} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
-                    href={link.href}
+                    href={link.url}
                     key={link.title}
                     target={link.openInNewTab ? "_blank" : "_self"}
                     aria-label={link.title}
@@ -55,7 +59,7 @@ export default function FooterSecondaryNav({
                     {link.title}
                   </a>
                 ) : (
-                  <Link href={link.href} key={link.title}>
+                  <Link href={link.url} key={link.title}>
                     {link.title}
                   </Link>
                 )}
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 6e86d2490..2a2a40398 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -127,7 +127,46 @@ export const footer = {
       ],
     },
   ],
-
+  tertiaryLinks: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   socialMedia: {
@@ -149,171 +188,4 @@ export const footer = {
       },
     ],
   },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-}
-
-  copyrightCompany: "Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-}
-
-export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
 }

From a3cb24dfd476229220d8158230f9a49595859ea7 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 14:07:57 +0200
Subject: [PATCH 43/92] feat(SW-187): App badges localization

---
 .../Footer/Navigation/SecondaryNav/index.tsx  | 10 +++++--
 components/Footer/Navigation/index.tsx        |  2 ++
 components/Footer/index.tsx                   |  1 -
 .../Fragments/Footer/Refs/MainLinks.graphql   |  4 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  4 +++
 .../Fragments/Footer/SecondaryLinks.graphql   | 16 +++++++---
 public/_static/img/app-store-badge-de.svg     | 19 ++++++++++++
 public/_static/img/app-store-badge-dk.svg     | 17 +++++++++++
 ...store-badge.svg => app-store-badge-en.svg} |  0
 public/_static/img/app-store-badge-fi.svg     | 17 +++++++++++
 public/_static/img/app-store-badge-no.svg     | 22 ++++++++++++++
 public/_static/img/app-store-badge-se.svg     | 18 +++++++++++
 public/_static/img/google-play-badge-de.svg   | 24 +++++++++++++++
 public/_static/img/google-play-badge-dk.svg   | 22 ++++++++++++++
 ...lay-badge.svg => google-play-badge-en.svg} |  0
 public/_static/img/google-play-badge-fi.svg   | 22 ++++++++++++++
 public/_static/img/google-play-badge-no.svg   | 27 +++++++++++++++++
 public/_static/img/google-play-badge-se.svg   | 23 ++++++++++++++
 server/routers/contentstack/base/query.ts     | 30 +++++++++++++------
 server/routers/contentstack/base/utils.ts     | 26 ++++++++++++----
 types/components/footer/navigation.ts         | 14 +++++++--
 21 files changed, 293 insertions(+), 25 deletions(-)
 create mode 100644 public/_static/img/app-store-badge-de.svg
 create mode 100644 public/_static/img/app-store-badge-dk.svg
 rename public/_static/img/{app-store-badge.svg => app-store-badge-en.svg} (100%)
 create mode 100644 public/_static/img/app-store-badge-fi.svg
 create mode 100644 public/_static/img/app-store-badge-no.svg
 create mode 100644 public/_static/img/app-store-badge-se.svg
 create mode 100644 public/_static/img/google-play-badge-de.svg
 create mode 100644 public/_static/img/google-play-badge-dk.svg
 rename public/_static/img/{google-play-badge.svg => google-play-badge-en.svg} (100%)
 create mode 100644 public/_static/img/google-play-badge-fi.svg
 create mode 100644 public/_static/img/google-play-badge-no.svg
 create mode 100644 public/_static/img/google-play-badge-se.svg

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index c3497ef21..2588a24fd 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,6 +1,7 @@
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
 
@@ -13,7 +14,8 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
-  console.log("secondaryLinks", secondaryLinks[0].links)
+  const lang = getLang()
+  console.log("hej", JSON.stringify(secondaryLinks, null, 4))
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -30,7 +32,9 @@ export default function FooterSecondaryNav({
               >
                 <Image
                   src={
-                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[
+                      `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
+                    ]
                   }
                   alt={link.href.title}
                   width={125}
@@ -47,7 +51,7 @@ export default function FooterSecondaryNav({
             {link.title}
           </Body>
           <ul className={styles.secondaryNavigationList}>
-            {link.links.map((link) => (
+            {link?.links?.map((link) => (
               <li key={link.id} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index a49148541..e3f6d8238 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -5,6 +5,8 @@ import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
   const { mainLinks, secondaryLinks, appDownloads } = props
+  console.log("mainLinks", mainLinks)
+  console.log("secondaryLinks", secondaryLinks)
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index ebd3fa0a8..129ab1cd5 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -12,7 +12,6 @@ export default async function Footer() {
   if (!footerData) {
     return null
   }
-  console.log("footerData:", footerData)
   return (
     <footer>
       <FooterNavigation {...footerData} />
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
index cea5340f4..6609f66c3 100644
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -1,3 +1,7 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
 fragment MainLinksRef on Footer {
   __typename
   main_links {
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
index d324e40b1..7022084e8 100644
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -1,3 +1,7 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
 fragment SecondaryLinksRef on Footer {
   __typename
   secondary_links {
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
index e6724cd7f..691e83817 100644
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -1,7 +1,3 @@
-#import "../Refs/MyPages/AccountPage.graphql"
-#import "../Refs/ContentPage/ContentPage.graphql"
-#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
-
 fragment SecondaryLinks on Footer {
   secondary_links {
     title
@@ -12,6 +8,18 @@ fragment SecondaryLinks on Footer {
         edges {
           node {
             __typename
+            ... on AccountPage {
+              title
+              url
+            }
+            ... on LoyaltyPage {
+              title
+              url
+            }
+            ... on ContentPage {
+              title
+              url
+            }
           }
         }
       }
diff --git a/public/_static/img/app-store-badge-de.svg b/public/_static/img/app-store-badge-de.svg
new file mode 100644
index 000000000..cbe9e530d
--- /dev/null
+++ b/public/_static/img/app-store-badge-de.svg
@@ -0,0 +1,19 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M48.7998 14.6712H45.6709V9.65479H46.45V13.9548H48.7998V14.6712Z" fill="#26201E"/>
+<path d="M49.5872 13.6007C49.5872 12.9192 50.0946 12.5264 50.9952 12.4705L52.0207 12.4114V12.0847C52.0207 11.6848 51.7563 11.4591 51.2456 11.4591C50.8285 11.4591 50.5395 11.6122 50.4566 11.8798H49.7333C49.8097 11.2296 50.4213 10.8125 51.2801 10.8125C52.2292 10.8125 52.7645 11.285 52.7645 12.0847V14.6713H52.0453V14.1393H51.9862C51.8662 14.3301 51.6977 14.4857 51.4979 14.5901C51.2982 14.6945 51.0743 14.7441 50.8491 14.7337C50.6901 14.7502 50.5295 14.7332 50.3775 14.6839C50.2256 14.6345 50.0856 14.5539 49.9667 14.4471C49.8478 14.3404 49.7526 14.2099 49.6873 14.0641C49.6219 13.9183 49.5878 13.7605 49.5872 13.6007ZM52.0207 13.2772V12.9607L51.0962 13.0198C50.5748 13.0547 50.3384 13.232 50.3384 13.5658C50.3384 13.9065 50.6339 14.1048 51.0404 14.1048C51.1594 14.1168 51.2797 14.1048 51.3941 14.0694C51.5084 14.034 51.6145 13.976 51.706 13.8988C51.7974 13.8216 51.8724 13.7268 51.9265 13.62C51.9805 13.5132 52.0126 13.3966 52.0207 13.2772Z" fill="#26201E"/>
+<path d="M53.7465 12.7768C53.7465 11.5806 54.3614 10.8228 55.3179 10.8228C55.5545 10.8119 55.7893 10.8685 55.9949 10.9861C56.2004 11.1037 56.3683 11.2774 56.4788 11.4869H56.5346V9.40771H57.2818V14.6713H56.5658V14.0732H56.5067C56.3877 14.2812 56.214 14.4528 56.0044 14.5692C55.7949 14.6856 55.5575 14.7425 55.3179 14.7337C54.3548 14.7337 53.7465 13.9759 53.7465 12.7768ZM54.5182 12.7768C54.5182 13.5797 54.8967 14.0629 55.5297 14.0629C56.1594 14.0629 56.5486 13.5728 56.5486 12.7801C56.5486 11.9911 56.1554 11.4939 55.5297 11.4939C54.9008 11.4939 54.5182 11.9804 54.5182 12.7768Z" fill="#26201E"/>
+<path d="M61.7088 13.6492C61.6073 13.9952 61.3873 14.2945 61.0875 14.4947C60.7876 14.6949 60.4269 14.7833 60.0684 14.7444C59.819 14.751 59.5711 14.7032 59.342 14.6044C59.1129 14.5056 58.9081 14.3581 58.7417 14.1722C58.5753 13.9863 58.4514 13.7664 58.3785 13.5278C58.3056 13.2892 58.2855 13.0375 58.3196 12.7904C58.2864 12.5425 58.3068 12.2903 58.3796 12.051C58.4523 11.8117 58.5756 11.5907 58.7411 11.4032C58.9066 11.2157 59.1104 11.0659 59.3389 10.964C59.5673 10.8621 59.815 10.8104 60.0651 10.8126C61.1185 10.8126 61.7539 11.5322 61.7539 12.721V12.9817H59.0807V13.0236C59.069 13.1625 59.0865 13.3023 59.132 13.4341C59.1775 13.5659 59.25 13.6867 59.3449 13.7888C59.4399 13.8909 59.5551 13.9721 59.6832 14.0271C59.8113 14.0821 59.9495 14.1097 60.0889 14.1081C60.2676 14.1296 60.4487 14.0974 60.6091 14.0157C60.7694 13.9339 60.9019 13.8064 60.9896 13.6492L61.7088 13.6492ZM59.0807 12.4291H60.9928C61.0022 12.3021 60.985 12.1745 60.9421 12.0545C60.8993 11.9345 60.8318 11.8248 60.7441 11.7324C60.6563 11.6401 60.5502 11.5671 60.4326 11.5182C60.3149 11.4693 60.1883 11.4455 60.061 11.4484C59.9318 11.4468 59.8035 11.4711 59.6838 11.5198C59.5641 11.5685 59.4554 11.6407 59.364 11.7321C59.2727 11.8235 59.2005 11.9323 59.1519 12.052C59.1032 12.1717 59.079 12.2999 59.0807 12.4291Z" fill="#26201E"/>
+<path d="M62.7571 10.8856H63.4763V11.487H63.5321C63.6268 11.271 63.7866 11.09 63.9891 10.9691C64.1916 10.8482 64.4268 10.7935 64.6618 10.8126C64.8461 10.7987 65.031 10.8265 65.203 10.8938C65.375 10.9612 65.5297 11.0663 65.6555 11.2016C65.7814 11.3368 65.8752 11.4986 65.93 11.675C65.9848 11.8514 65.9992 12.0379 65.9722 12.2206V14.6713H65.2251V12.4082C65.2251 11.7999 64.9607 11.4973 64.4082 11.4973C64.2831 11.4915 64.1582 11.5128 64.0422 11.5597C63.9261 11.6066 63.8216 11.6781 63.7357 11.7692C63.6498 11.8604 63.5847 11.969 63.5447 12.0876C63.5048 12.2063 63.491 12.3322 63.5042 12.4567V14.6714H62.7571L62.7571 10.8856Z" fill="#26201E"/>
+<path d="M69.084 9.76621C69.0782 9.66944 69.1017 9.57317 69.1512 9.48987C69.2008 9.40658 69.2743 9.34008 69.3621 9.29901C69.4499 9.25794 69.548 9.24418 69.6437 9.25951C69.7394 9.27485 69.8283 9.31857 69.8989 9.38502C69.9695 9.45146 70.0185 9.53757 70.0396 9.63219C70.0607 9.72681 70.0529 9.82558 70.0171 9.91571C69.9814 10.0058 69.9195 10.0832 69.8393 10.1377C69.7592 10.1922 69.6645 10.2214 69.5676 10.2215C69.5056 10.2246 69.4437 10.2152 69.3854 10.1938C69.3272 10.1724 69.2739 10.1395 69.2287 10.0969C69.1835 10.0544 69.1474 10.0032 69.1226 9.94636C69.0977 9.88953 69.0846 9.82825 69.084 9.76621ZM69.1956 10.8857H69.9395V14.6714H69.1956V10.8857Z" fill="#26201E"/>
+<path d="M71.145 10.8857H71.8642V11.494H71.9201C72.0101 11.2912 72.157 11.1189 72.343 10.9979C72.5291 10.877 72.7462 10.8126 72.9681 10.8126C73.19 10.8126 73.4071 10.877 73.5932 10.9979C73.7792 11.1189 73.9261 11.2912 74.0161 11.494H74.0752C74.1809 11.2815 74.3458 11.1041 74.5501 10.9832C74.7543 10.8623 74.9892 10.803 75.2263 10.8126C75.3922 10.799 75.5591 10.8224 75.7148 10.8811C75.8706 10.9398 76.0114 11.0323 76.1271 11.152C76.2428 11.2717 76.3305 11.4156 76.3838 11.5732C76.4372 11.7309 76.4549 11.8985 76.4357 12.0638V14.6714H75.6885V12.2588C75.6885 11.7477 75.4447 11.4973 74.9546 11.4973C74.849 11.4928 74.7436 11.5102 74.6451 11.5483C74.5465 11.5865 74.4569 11.6446 74.3819 11.719C74.3068 11.7935 74.248 11.8826 74.2091 11.9809C74.1702 12.0792 74.152 12.1844 74.1557 12.29V14.6714H73.4218V12.1858C73.4265 12.0905 73.4105 11.9954 73.3749 11.9069C73.3393 11.8184 73.2849 11.7387 73.2155 11.6733C73.1462 11.6079 73.0634 11.5582 72.973 11.5279C72.8826 11.4975 72.7867 11.4871 72.6919 11.4973C72.5824 11.4991 72.4743 11.523 72.3742 11.5676C72.2741 11.6121 72.184 11.6764 72.1094 11.7566C72.0347 11.8368 71.977 11.9312 71.9397 12.0342C71.9024 12.1372 71.8862 12.2467 71.8922 12.3561V14.6714H71.1451L71.145 10.8857Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-dk.svg b/public/_static/img/app-store-badge-dk.svg
new file mode 100644
index 000000000..1346da85b
--- /dev/null
+++ b/public/_static/img/app-store-badge-dk.svg
@@ -0,0 +1,17 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M48.3555 15.4178V13.217H45.7791V15.4178H45V10.4014H45.7791V12.5081H48.3555V10.4014H49.1305V15.4178L48.3555 15.4178Z" fill="#26201E"/>
+<path d="M53.6092 14.396C53.5076 14.742 53.2877 15.0413 52.9878 15.2415C52.688 15.4417 52.3272 15.5301 51.9688 15.4913C51.7194 15.4978 51.4715 15.4501 51.2424 15.3513C51.0133 15.2524 50.8085 15.105 50.6421 14.919C50.4757 14.7331 50.3517 14.5132 50.2789 14.2746C50.206 14.036 50.1859 13.7844 50.22 13.5372C50.1868 13.2893 50.2072 13.0371 50.2799 12.7978C50.3527 12.5585 50.4759 12.3376 50.6414 12.15C50.807 11.9625 51.0108 11.8127 51.2393 11.7108C51.4677 11.6089 51.7154 11.5573 51.9655 11.5594C53.0189 11.5594 53.6543 12.279 53.6543 13.4678V13.7285H50.9811V13.7704C50.9694 13.9093 50.9868 14.0492 51.0323 14.1809C51.0778 14.3127 51.1504 14.4335 51.2453 14.5357C51.3402 14.6378 51.4554 14.7189 51.5836 14.7739C51.7117 14.8289 51.8499 14.8565 51.9893 14.8549C52.168 14.8764 52.3491 14.8442 52.5094 14.7625C52.6698 14.6808 52.8023 14.5532 52.8899 14.396L53.6092 14.396ZM50.981 13.176H52.8932C52.9026 13.0489 52.8854 12.9213 52.8425 12.8013C52.7997 12.6813 52.7322 12.5716 52.6444 12.4793C52.5567 12.3869 52.4506 12.3139 52.3329 12.265C52.2153 12.2161 52.0887 12.1924 51.9613 12.1953C51.8321 12.1936 51.7039 12.2179 51.5842 12.2666C51.4645 12.3153 51.3558 12.3875 51.2644 12.4789C51.1731 12.5703 51.1009 12.6791 51.0523 12.7988C51.0036 12.9185 50.9794 13.0468 50.981 13.176Z" fill="#26201E"/>
+<path d="M54.6576 11.6322H55.3768V12.2336H55.4326C55.5274 12.0176 55.6871 11.8365 55.8896 11.7156C56.0921 11.5947 56.3273 11.54 56.5624 11.5591C56.7466 11.5453 56.9315 11.5731 57.1035 11.6404C57.2755 11.7077 57.4302 11.8129 57.556 11.9482C57.6819 12.0834 57.7757 12.2452 57.8305 12.4216C57.8853 12.598 57.8997 12.7845 57.8727 12.9672V15.4179H57.1256V13.1548C57.1256 12.5464 56.8612 12.2439 56.3087 12.2439C56.1836 12.2381 56.0588 12.2593 55.9427 12.3063C55.8266 12.3532 55.7221 12.4247 55.6362 12.5158C55.5504 12.6069 55.4852 12.7156 55.4453 12.8342C55.4053 12.9529 55.3915 13.0787 55.4047 13.2032V15.4179H54.6576V11.6322Z" fill="#26201E"/>
+<path d="M60.0402 10.6897V11.6495H60.8604V12.2788H60.0402V14.2254C60.0402 14.622 60.2036 14.7956 60.5755 14.7956C60.6707 14.7953 60.7659 14.7896 60.8604 14.7784V15.4007C60.7263 15.4247 60.5903 15.4375 60.454 15.4389C59.6231 15.4389 59.2923 15.1466 59.2923 14.4167V12.2787H58.6913V11.6494H59.2923V10.6897H60.0402Z" fill="#26201E"/>
+<path d="M63.8022 10.5128C63.7965 10.416 63.8199 10.3198 63.8695 10.2365C63.9191 10.1532 63.9925 10.0867 64.0803 10.0456C64.1681 10.0045 64.2663 9.99076 64.362 10.0061C64.4577 10.0214 64.5466 10.0652 64.6172 10.1316C64.6878 10.198 64.7368 10.2842 64.7579 10.3788C64.7789 10.4734 64.7711 10.5722 64.7354 10.6623C64.6997 10.7524 64.6378 10.8297 64.5576 10.8843C64.4774 10.9388 64.3828 10.968 64.2858 10.968C64.2239 10.9712 64.1619 10.9618 64.1037 10.9404C64.0454 10.919 63.9921 10.8861 63.947 10.8435C63.9018 10.801 63.8657 10.7498 63.8408 10.6929C63.816 10.6361 63.8028 10.5748 63.8022 10.5128ZM63.9139 11.6322H64.6578V15.418H63.9139L63.9139 11.6322Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge.svg b/public/_static/img/app-store-badge-en.svg
similarity index 100%
rename from public/_static/img/app-store-badge.svg
rename to public/_static/img/app-store-badge-en.svg
diff --git a/public/_static/img/app-store-badge-fi.svg b/public/_static/img/app-store-badge-fi.svg
new file mode 100644
index 000000000..43a0ed481
--- /dev/null
+++ b/public/_static/img/app-store-badge-fi.svg
@@ -0,0 +1,17 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.0552 15.1608H45.6709V9.73486H46.5136V14.386H49.0552V15.1608Z" fill="#26201E"/>
+<path d="M49.9069 14.0028C49.9069 13.2657 50.4557 12.8408 51.4298 12.7804L52.539 12.7165V12.3631C52.539 11.9306 52.2531 11.6864 51.7007 11.6864C51.2496 11.6864 50.937 11.852 50.8473 12.1415H50.0649C50.1475 11.4382 50.8091 10.9871 51.738 10.9871C52.7646 10.9871 53.3436 11.4981 53.3436 12.3631V15.1608H52.5656V14.5854H52.5017C52.3719 14.7918 52.1897 14.9601 51.9736 15.073C51.7575 15.186 51.5153 15.2395 51.2718 15.2283C51.0999 15.2462 50.9261 15.2278 50.7618 15.1744C50.5974 15.1211 50.446 15.0338 50.3174 14.9184C50.1888 14.8029 50.0859 14.6618 50.0151 14.5041C49.9444 14.3464 49.9075 14.1756 49.9069 14.0028ZM52.539 13.6529V13.3106L51.539 13.3745C50.9751 13.4123 50.7194 13.6041 50.7194 13.9651C50.7194 14.3336 51.0391 14.5481 51.4787 14.5481C51.6075 14.5611 51.7376 14.5481 51.8613 14.5098C51.985 14.4716 52.0997 14.4088 52.1986 14.3253C52.2975 14.2418 52.3786 14.1392 52.4371 14.0237C52.4956 13.9082 52.5302 13.7821 52.539 13.6529Z" fill="#26201E"/>
+<path d="M55.7031 10.0466V11.0847H56.5902V11.7654H55.7031V13.8709C55.7031 14.2999 55.8798 14.4877 56.2821 14.4877C56.385 14.4874 56.4879 14.4811 56.5902 14.469V15.1422C56.4451 15.1682 56.2981 15.182 56.1506 15.1835C55.2519 15.1835 54.8941 14.8673 54.8941 14.0779V11.7654H54.244V11.0847H54.8941V10.0466H55.7031Z" fill="#26201E"/>
+<path d="M57.4231 14.0028C57.4231 13.2657 57.9719 12.8408 58.9461 12.7804L60.0552 12.7165V12.3631C60.0552 11.9306 59.7693 11.6864 59.2169 11.6864C58.7658 11.6864 58.4532 11.852 58.3635 12.1415H57.5812C57.6638 11.4382 58.3253 10.9871 59.2542 10.9871C60.2808 10.9871 60.8598 11.4981 60.8598 12.3631V15.1608H60.0819V14.5854H60.0179C59.8882 14.7918 59.7059 14.9601 59.4898 15.073C59.2738 15.186 59.0316 15.2395 58.788 15.2283C58.6161 15.2462 58.4424 15.2278 58.278 15.1744C58.1136 15.1211 57.9623 15.0338 57.8337 14.9184C57.7051 14.8029 57.6021 14.6618 57.5314 14.5041C57.4607 14.3464 57.4238 14.1756 57.4231 14.0028ZM60.0552 13.6529V13.3106L59.0553 13.3745C58.4914 13.4123 58.2356 13.6041 58.2356 13.9651C58.2356 14.3336 58.5553 14.5481 58.9949 14.5481C59.1238 14.5611 59.2539 14.5481 59.3775 14.5098C59.5012 14.4716 59.6159 14.4088 59.7149 14.3253C59.8138 14.2418 59.8949 14.1392 59.9534 14.0237C60.0118 13.9082 60.0465 13.7821 60.0552 13.6529Z" fill="#26201E"/>
+<path d="M61.8917 14.0028C61.8917 13.2657 62.4405 12.8408 63.4147 12.7804L64.5239 12.7165V12.3631C64.5239 11.9306 64.2379 11.6864 63.6856 11.6864C63.2344 11.6864 62.9219 11.852 62.8322 12.1415H62.0498C62.1324 11.4382 62.794 10.9871 63.7229 10.9871C64.7494 10.9871 65.3284 11.4981 65.3284 12.3631V15.1608H64.5505V14.5854H64.4866C64.3568 14.7918 64.1746 14.9601 63.9585 15.073C63.7424 15.186 63.5002 15.2395 63.2566 15.2283C63.0847 15.2462 62.911 15.2278 62.7466 15.1744C62.5823 15.1211 62.4309 15.0338 62.3023 14.9184C62.1737 14.8029 62.0707 14.6618 62 14.5041C61.9293 14.3464 61.8924 14.1756 61.8917 14.0028ZM64.5239 13.6529V13.3106L63.5239 13.3745C62.96 13.4123 62.7043 13.6041 62.7043 13.9651C62.7043 14.3336 63.024 14.5481 63.4636 14.5481C63.5924 14.5611 63.7225 14.5481 63.8462 14.5098C63.9698 14.4716 64.0846 14.4088 64.1835 14.3253C64.2824 14.2418 64.3635 14.1392 64.422 14.0237C64.4805 13.9082 64.5151 13.7821 64.5239 13.6529Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-no.svg b/public/_static/img/app-store-badge-no.svg
new file mode 100644
index 000000000..5986e0d29
--- /dev/null
+++ b/public/_static/img/app-store-badge-no.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.2193 15.4157H46V10.2544H46.8017V14.6787H49.2193V15.4157Z" fill="#26201E"/>
+<path d="M50.0294 14.314C50.0294 13.6129 50.5515 13.2087 51.4781 13.1512L52.5332 13.0904V12.7542C52.5332 12.3428 52.2612 12.1105 51.7358 12.1105C51.3067 12.1105 51.0093 12.2681 50.924 12.5435H50.1798C50.2583 11.8744 50.8877 11.4453 51.7713 11.4453C52.7478 11.4453 53.2985 11.9314 53.2985 12.7542V15.4156H52.5586V14.8682H52.4977C52.3743 15.0645 52.2009 15.2246 51.9954 15.332C51.7898 15.4395 51.5595 15.4904 51.3278 15.4797C51.1643 15.4967 50.999 15.4793 50.8426 15.4285C50.6863 15.3778 50.5423 15.2948 50.42 15.1849C50.2976 15.0751 50.1997 14.9409 50.1324 14.7909C50.0651 14.6409 50.0301 14.4784 50.0294 14.314ZM52.5332 13.9812V13.6556L51.582 13.7164C51.0456 13.7523 50.8023 13.9347 50.8023 14.2781C50.8023 14.6287 51.1064 14.8327 51.5246 14.8327C51.6471 14.8451 51.7709 14.8327 51.8885 14.7963C52.0062 14.7599 52.1153 14.7002 52.2094 14.6208C52.3035 14.5413 52.3807 14.4438 52.4363 14.3339C52.4919 14.224 52.5249 14.1041 52.5332 13.9812Z" fill="#26201E"/>
+<path d="M55.9256 11.4453C56.8016 11.4453 57.3743 11.8529 57.4495 12.5397H56.712C56.6411 12.2537 56.3615 12.0713 55.9256 12.0713C55.4965 12.0713 55.1704 12.2748 55.1704 12.5789C55.1704 12.8116 55.3672 12.9582 55.7896 13.055L56.4366 13.2049C57.1775 13.3768 57.5247 13.6953 57.5247 14.2676C57.5247 15.0008 56.8413 15.4907 55.9112 15.4907C54.9845 15.4907 54.3806 15.0722 54.3121 14.382H55.0817C55.148 14.5463 55.2676 14.6835 55.4212 14.7717C55.5749 14.8598 55.7537 14.8938 55.929 14.8682C56.4079 14.8682 56.7484 14.6536 56.7484 14.3423C56.7484 14.11 56.5659 13.9597 56.1756 13.8667L55.4965 13.7092C54.7556 13.5339 54.4127 13.2015 54.4127 12.622C54.4126 11.9315 55.0454 11.4453 55.9256 11.4453Z" fill="#26201E"/>
+<path d="M59.5723 10.5508V11.5383H60.4162V12.1858H59.5723V14.1886C59.5723 14.5966 59.7405 14.7753 60.1231 14.7753C60.2211 14.775 60.319 14.7691 60.4162 14.7576V15.3979C60.2782 15.4226 60.1383 15.4357 59.9981 15.4371C59.1432 15.4371 58.8028 15.1364 58.8028 14.3854V12.1857H58.1844V11.5382H58.8028V10.5508H59.5723Z" fill="#26201E"/>
+<path d="M63.5435 11.5207H64.2835V12.1394H64.3409C64.4383 11.9172 64.6027 11.7309 64.811 11.6065C65.0194 11.4821 65.2614 11.4258 65.5032 11.4455C65.6928 11.4312 65.8831 11.4598 66.06 11.5291C66.237 11.5984 66.3961 11.7066 66.5256 11.8457C66.6551 11.9849 66.7516 12.1513 66.808 12.3328C66.8644 12.5143 66.8793 12.7062 66.8514 12.8942V15.4157H66.0827V13.0872C66.0827 12.4613 65.8107 12.15 65.2422 12.15C65.1135 12.144 64.9851 12.1659 64.8657 12.2142C64.7463 12.2625 64.6387 12.336 64.5503 12.4298C64.462 12.5235 64.395 12.6353 64.3539 12.7574C64.3128 12.8795 64.2985 13.009 64.3122 13.1371V15.4157H63.5435L63.5435 11.5207Z" fill="#26201E"/>
+<path d="M71.3345 14.3639C71.23 14.7199 71.0038 15.0279 70.6952 15.2339C70.3867 15.4399 70.0155 15.5308 69.6467 15.4908C69.3901 15.4976 69.1351 15.4484 68.8994 15.3468C68.6636 15.2451 68.4529 15.0934 68.2817 14.9021C68.1105 14.7108 67.983 14.4845 67.908 14.239C67.833 13.9935 67.8123 13.7346 67.8474 13.4803C67.8133 13.2253 67.8343 12.9658 67.9091 12.7196C67.9839 12.4733 68.1108 12.246 68.281 12.0531C68.4513 11.8601 68.6611 11.706 68.8961 11.6012C69.1312 11.4963 69.386 11.4432 69.6433 11.4454C70.7271 11.4454 71.3814 12.1858 71.3814 13.4089V13.6772H68.6305V13.7203C68.6184 13.8632 68.6364 14.0071 68.6832 14.1427C68.73 14.2783 68.8047 14.4026 68.9023 14.5076C69 14.6127 69.1185 14.6962 69.2504 14.7527C69.3822 14.8093 69.5244 14.8377 69.6678 14.8361C69.8517 14.8582 70.038 14.8251 70.203 14.741C70.368 14.6569 70.5043 14.5257 70.5945 14.3639L71.3345 14.3639ZM68.6305 13.1087H70.5979C70.6075 12.9779 70.5898 12.8466 70.5457 12.7232C70.5016 12.5997 70.4322 12.4869 70.3419 12.3918C70.2516 12.2968 70.1424 12.2217 70.0214 12.1714C69.9004 12.1211 69.7701 12.0966 69.6391 12.0996C69.5061 12.098 69.3742 12.1229 69.251 12.173C69.1279 12.2232 69.016 12.2974 68.922 12.3915C68.828 12.4855 68.7538 12.5974 68.7037 12.7206C68.6536 12.8438 68.6287 12.9757 68.6305 13.1087Z" fill="#26201E"/>
+<path d="M72.2202 13.4664C72.2202 12.2356 72.8529 11.4559 73.837 11.4559C74.0805 11.4447 74.3221 11.503 74.5336 11.624C74.7451 11.745 74.9178 11.9237 75.0315 12.1393H75.0889V10H75.8576V15.4156H75.121V14.8002H75.0602C74.9377 15.0143 74.759 15.1908 74.5434 15.3106C74.3278 15.4303 74.0835 15.4889 73.837 15.4798C72.8462 15.4798 72.2202 14.7001 72.2202 13.4664ZM73.0143 13.4664C73.0143 14.2925 73.4037 14.7897 74.055 14.7897C74.7029 14.7897 75.1033 14.2854 75.1033 13.4698C75.1033 12.658 74.6987 12.1465 74.055 12.1465C73.4079 12.1465 73.0143 12.647 73.0143 13.4664Z" fill="#26201E"/>
+<path d="M79.5069 12.1858H78.8666V11.5383H79.5069V11.159C79.5069 10.3649 79.9394 10.0359 80.7512 10.0359C80.8902 10.0352 81.0291 10.0473 81.1659 10.0718V10.6868C81.0537 10.6679 80.9401 10.6584 80.8264 10.6585C80.4581 10.6585 80.2646 10.8266 80.2646 11.2093V11.5383H81.1338V12.1858H80.2756V15.4157H79.5069V12.1858Z" fill="#26201E"/>
+<path d="M82.1128 11.5206H82.8528V12.1179H82.9102C82.9931 11.9105 83.1395 11.7348 83.3284 11.6159C83.5174 11.497 83.7392 11.441 83.9619 11.456C84.0771 11.4545 84.192 11.4652 84.3049 11.4881V12.2467C84.1638 12.2166 84.02 12.201 83.8758 12.2003C83.749 12.1889 83.6212 12.2041 83.5007 12.2451C83.3801 12.286 83.2695 12.3517 83.1759 12.4379C83.0822 12.5242 83.0077 12.629 82.957 12.7458C82.9063 12.8626 82.8806 12.9887 82.8815 13.1159V15.4157H82.1128L82.1128 11.5206Z" fill="#26201E"/>
+<path d="M84.9089 14.314C84.9089 13.6129 85.431 13.2087 86.3577 13.1512L87.4127 13.0904V12.7542C87.4127 12.3428 87.1407 12.1105 86.6153 12.1105C86.1862 12.1105 85.8888 12.2681 85.8035 12.5435H85.0593C85.1379 11.8744 85.7672 11.4453 86.6508 11.4453C87.6273 11.4453 88.1781 11.9314 88.1781 12.7542V15.4156H87.4381V14.8682H87.3772C87.2538 15.0645 87.0805 15.2246 86.8749 15.332C86.6694 15.4395 86.439 15.4904 86.2073 15.4797C86.0438 15.4967 85.8785 15.4793 85.7222 15.4285C85.5658 15.3777 85.4218 15.2948 85.2995 15.1849C85.1772 15.0751 85.0792 14.9409 85.0119 14.7909C84.9447 14.6409 84.9096 14.4784 84.9089 14.314ZM87.4127 13.9812V13.6556L86.4616 13.7164C85.9251 13.7523 85.6819 13.9347 85.6819 14.2781C85.6819 14.6287 85.986 14.8327 86.4041 14.8327C86.5267 14.8451 86.6504 14.8327 86.7681 14.7963C86.8857 14.7599 86.9949 14.7002 87.089 14.6208C87.1831 14.5413 87.2602 14.4438 87.3158 14.3339C87.3715 14.224 87.4044 14.1041 87.4127 13.9812Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-se.svg b/public/_static/img/app-store-badge-se.svg
new file mode 100644
index 000000000..d6122c75e
--- /dev/null
+++ b/public/_static/img/app-store-badge-se.svg
@@ -0,0 +1,18 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.0347 14.6847V12.4786H46.452V14.6848H45.6709V9.65601H46.452V11.7679H49.0347V9.65601H49.8116V14.6848L49.0347 14.6847Z" fill="black"/>
+<path d="M50.8758 13.6115C50.8758 12.9283 51.3844 12.5345 52.2873 12.4785L53.3153 12.4193V12.0917C53.3153 11.6909 53.0503 11.4646 52.5383 11.4646C52.1202 11.4646 51.8305 11.6181 51.7474 11.8864H51.0223C51.0988 11.2345 51.712 10.8164 52.5729 10.8164C53.5243 10.8164 54.061 11.2901 54.061 12.0917V14.6847H53.34V14.1514H53.2807C53.1604 14.3427 52.9915 14.4986 52.7913 14.6033C52.591 14.708 52.3665 14.7577 52.1408 14.7472C51.9815 14.7638 51.8205 14.7468 51.6681 14.6973C51.5158 14.6479 51.3755 14.567 51.2563 14.46C51.1371 14.353 51.0417 14.2222 50.9761 14.076C50.9106 13.9299 50.8764 13.7716 50.8758 13.6115ZM51.3639 9.90324C51.3643 9.81143 51.3918 9.72179 51.4431 9.64563C51.4944 9.56946 51.5671 9.51018 51.652 9.47525C51.7369 9.44032 51.8302 9.43131 51.9202 9.44935C52.0103 9.46739 52.0929 9.51168 52.1578 9.57663C52.2227 9.64158 52.2669 9.72429 52.2849 9.81433C52.3029 9.90437 52.2938 9.99771 52.2588 10.0826C52.2238 10.1675 52.1644 10.2401 52.0882 10.2913C52.012 10.3425 51.9223 10.37 51.8305 10.3703C51.769 10.3711 51.7079 10.3596 51.6509 10.3364C51.5939 10.3132 51.5421 10.2788 51.4986 10.2353C51.4551 10.1917 51.4208 10.1399 51.3976 10.0829C51.3745 10.0259 51.363 9.96478 51.3639 9.90324ZM53.3153 13.2872V12.9699L52.3885 13.0292C51.8659 13.0641 51.6289 13.2419 51.6289 13.5765C51.6289 13.918 51.9252 14.1168 52.3326 14.1168C52.452 14.1289 52.5726 14.1168 52.6872 14.0814C52.8018 14.0459 52.9081 13.9877 52.9998 13.9103C53.0915 13.8329 53.1667 13.7379 53.2209 13.6308C53.2751 13.5237 53.3072 13.4069 53.3153 13.2872ZM52.8519 9.90324C52.8513 9.84177 52.8628 9.78078 52.8859 9.7238C52.909 9.66681 52.9431 9.61498 52.9864 9.57128C53.0296 9.52758 53.0811 9.49289 53.1379 9.46921C53.1946 9.44554 53.2555 9.43335 53.3169 9.43335C53.3784 9.43335 53.4393 9.44554 53.496 9.46921C53.5528 9.49289 53.6042 9.52758 53.6475 9.57128C53.6907 9.61498 53.7249 9.66681 53.748 9.7238C53.771 9.78078 53.7826 9.84177 53.782 9.90324C53.782 10.0266 53.733 10.1449 53.6458 10.2321C53.5586 10.3193 53.4403 10.3683 53.3169 10.3683C53.1936 10.3683 53.0753 10.3193 52.9881 10.2321C52.9009 10.1449 52.8519 10.0266 52.8519 9.90324Z" fill="black"/>
+<path d="M55.2338 10.8898H55.9548V11.4996H56.0108C56.101 11.2963 56.2483 11.1236 56.4348 11.0023C56.6213 10.881 56.839 10.8165 57.0614 10.8165C57.2838 10.8165 57.5015 10.881 57.688 11.0023C57.8745 11.1236 58.0218 11.2963 58.112 11.4996H58.1713C58.2772 11.2866 58.4425 11.1087 58.6472 10.9875C58.852 10.8663 59.0874 10.8069 59.3252 10.8165C59.4915 10.8029 59.6587 10.8263 59.8149 10.8852C59.971 10.944 60.1122 11.0368 60.2282 11.1568C60.3441 11.2767 60.432 11.421 60.4855 11.579C60.539 11.7371 60.5568 11.9051 60.5375 12.0708V14.6848H59.7885V12.2663C59.7885 11.754 59.5441 11.5029 59.0528 11.5029C58.9469 11.4984 58.8413 11.5158 58.7425 11.554C58.6437 11.5923 58.5538 11.6505 58.4786 11.7252C58.4034 11.7998 58.3445 11.8892 58.3055 11.9877C58.2664 12.0862 58.2482 12.1917 58.252 12.2976V14.6848H57.5162V12.1931C57.5209 12.0976 57.5049 12.0022 57.4692 11.9135C57.4335 11.8248 57.379 11.7449 57.3094 11.6793C57.2399 11.6137 57.157 11.564 57.0663 11.5335C56.9757 11.5031 56.8796 11.4926 56.7845 11.5029C56.6747 11.5047 56.5664 11.5287 56.466 11.5733C56.3657 11.618 56.2754 11.6824 56.2005 11.7628C56.1257 11.8432 56.0678 11.9379 56.0304 12.0411C55.993 12.1444 55.9769 12.2542 55.9829 12.3638V14.6848H55.2338V10.8898Z" fill="black"/>
+<path d="M62.7095 9.94482V10.907H63.5317V11.5378H62.7095V13.4893C62.7095 13.8868 62.8733 14.0609 63.2461 14.0609C63.3416 14.0605 63.4369 14.0548 63.5317 14.0436V14.6674C63.3972 14.6915 63.2609 14.7043 63.1243 14.7057C62.2914 14.7057 61.9597 14.4127 61.9597 13.681V11.5378H61.3572V10.9069H61.9597V9.94482H62.7095Z" fill="black"/>
+<path d="M64.3037 13.6114C64.3037 12.9283 64.8124 12.5345 65.7152 12.4785L66.7432 12.4193V12.0917C66.7432 11.6909 66.4782 11.4645 65.9663 11.4645C65.5482 11.4645 65.2584 11.618 65.1753 11.8864H64.4502C64.5268 11.2345 65.1399 10.8164 66.0008 10.8164C66.9523 10.8164 67.4889 11.2901 67.4889 12.0917V14.6847H66.7679V14.1514H66.7086C66.5884 14.3427 66.4195 14.4986 66.2192 14.6033C66.0189 14.708 65.7945 14.7577 65.5687 14.7472C65.4094 14.7638 65.2484 14.7468 65.096 14.6973C64.9437 14.6479 64.8034 14.567 64.6842 14.46C64.565 14.353 64.4696 14.2222 64.4041 14.076C64.3385 13.9299 64.3043 13.7716 64.3037 13.6114ZM66.7432 13.2872V12.9699L65.8165 13.0291C65.2938 13.0641 65.0568 13.2419 65.0568 13.5765C65.0568 13.918 65.3531 14.1168 65.7605 14.1168C65.8799 14.1289 66.0005 14.1168 66.1151 14.0813C66.2297 14.0459 66.3361 13.9877 66.4277 13.9103C66.5194 13.8329 66.5946 13.7378 66.6488 13.6308C66.703 13.5237 66.7351 13.4069 66.7432 13.2872Z" fill="black"/>
+<path d="M70.6226 9.76747C70.6168 9.67047 70.6403 9.57396 70.69 9.49046C70.7397 9.40695 70.8134 9.3403 70.9014 9.29912C70.9894 9.25795 71.0878 9.24416 71.1837 9.25953C71.2797 9.2749 71.3688 9.31873 71.4396 9.38534C71.5103 9.45195 71.5595 9.53827 71.5806 9.63313C71.6017 9.72798 71.5939 9.82699 71.5581 9.91734C71.5223 10.0077 71.4602 10.0852 71.3798 10.1399C71.2995 10.1945 71.2046 10.2238 71.1074 10.2238C71.0453 10.227 70.9832 10.2176 70.9248 10.1961C70.8664 10.1747 70.813 10.1417 70.7677 10.099C70.7224 10.0564 70.6862 10.005 70.6613 9.94807C70.6364 9.89109 70.6232 9.82966 70.6226 9.76747ZM70.7337 10.8897H71.4802V14.6847H70.7337V10.8897Z" fill="black"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-de.svg b/public/_static/img/google-play-badge-de.svg
new file mode 100644
index 000000000..b0380fc96
--- /dev/null
+++ b/public/_static/img/google-play-badge-de.svg
@@ -0,0 +1,24 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M47.7998 15.6712H44.6709V10.6548H45.45V14.9548H47.7998V15.6712Z" fill="#26201E"/>
+<path d="M48.5872 14.6007C48.5872 13.9192 49.0946 13.5264 49.9952 13.4705L51.0207 13.4114V13.0847C51.0207 12.6848 50.7563 12.4591 50.2456 12.4591C49.8285 12.4591 49.5395 12.6122 49.4566 12.8798H48.7333C48.8097 12.2296 49.4213 11.8125 50.2801 11.8125C51.2292 11.8125 51.7645 12.285 51.7645 13.0847V15.6713H51.0453V15.1393H50.9862C50.8662 15.3301 50.6977 15.4857 50.4979 15.5901C50.2982 15.6945 50.0743 15.7441 49.8491 15.7337C49.6901 15.7502 49.5295 15.7332 49.3775 15.6839C49.2256 15.6345 49.0856 15.5539 48.9667 15.4471C48.8478 15.3404 48.7526 15.2099 48.6873 15.0641C48.6219 14.9183 48.5878 14.7605 48.5872 14.6007ZM51.0207 14.2772V13.9607L50.0962 14.0198C49.5748 14.0547 49.3384 14.232 49.3384 14.5658C49.3384 14.9065 49.6339 15.1048 50.0404 15.1048C50.1594 15.1168 50.2797 15.1048 50.3941 15.0694C50.5084 15.034 50.6145 14.976 50.706 14.8988C50.7974 14.8216 50.8724 14.7268 50.9265 14.62C50.9805 14.5132 51.0126 14.3966 51.0207 14.2772Z" fill="#26201E"/>
+<path d="M52.7465 13.7768C52.7465 12.5806 53.3614 11.8228 54.3179 11.8228C54.5545 11.8119 54.7893 11.8685 54.9949 11.9861C55.2004 12.1037 55.3683 12.2774 55.4788 12.4869H55.5346V10.4077H56.2818V15.6713H55.5658V15.0732H55.5067C55.3877 15.2812 55.214 15.4528 55.0044 15.5692C54.7949 15.6856 54.5575 15.7425 54.3179 15.7337C53.3548 15.7337 52.7465 14.9759 52.7465 13.7768ZM53.5182 13.7768C53.5182 14.5797 53.8967 15.0629 54.5297 15.0629C55.1594 15.0629 55.5486 14.5728 55.5486 13.7801C55.5486 12.9911 55.1554 12.4939 54.5297 12.4939C53.9008 12.4939 53.5182 12.9804 53.5182 13.7768Z" fill="#26201E"/>
+<path d="M60.7088 14.6492C60.6073 14.9952 60.3873 15.2945 60.0875 15.4947C59.7876 15.6949 59.4269 15.7833 59.0684 15.7444C58.819 15.751 58.5711 15.7032 58.342 15.6044C58.1129 15.5056 57.9081 15.3581 57.7417 15.1722C57.5753 14.9863 57.4514 14.7664 57.3785 14.5278C57.3056 14.2892 57.2855 14.0375 57.3196 13.7904C57.2864 13.5425 57.3068 13.2903 57.3796 13.051C57.4523 12.8117 57.5756 12.5907 57.7411 12.4032C57.9066 12.2157 58.1104 12.0659 58.3389 11.964C58.5673 11.8621 58.815 11.8104 59.0651 11.8126C60.1185 11.8126 60.7539 12.5322 60.7539 13.721V13.9817H58.0807V14.0236C58.069 14.1625 58.0865 14.3023 58.132 14.4341C58.1775 14.5659 58.25 14.6867 58.3449 14.7888C58.4399 14.8909 58.5551 14.9721 58.6832 15.0271C58.8113 15.0821 58.9495 15.1097 59.0889 15.1081C59.2676 15.1296 59.4487 15.0974 59.6091 15.0157C59.7694 14.9339 59.9019 14.8064 59.9896 14.6492L60.7088 14.6492ZM58.0807 13.4291H59.9928C60.0022 13.3021 59.985 13.1745 59.9421 13.0545C59.8993 12.9345 59.8318 12.8248 59.7441 12.7324C59.6563 12.6401 59.5502 12.5671 59.4326 12.5182C59.3149 12.4693 59.1883 12.4455 59.061 12.4484C58.9318 12.4468 58.8035 12.4711 58.6838 12.5198C58.5641 12.5685 58.4554 12.6407 58.364 12.7321C58.2727 12.8235 58.2005 12.9323 58.1519 13.052C58.1032 13.1717 58.079 13.2999 58.0807 13.4291Z" fill="#26201E"/>
+<path d="M61.7571 11.8856H62.4763V12.487H62.5321C62.6268 12.271 62.7866 12.09 62.9891 11.9691C63.1916 11.8482 63.4268 11.7935 63.6618 11.8126C63.8461 11.7987 64.031 11.8265 64.203 11.8938C64.375 11.9612 64.5297 12.0663 64.6555 12.2016C64.7814 12.3368 64.8752 12.4986 64.93 12.675C64.9848 12.8514 64.9992 13.0379 64.9722 13.2206V15.6713H64.2251V13.4082C64.2251 12.7999 63.9607 12.4973 63.4082 12.4973C63.2831 12.4915 63.1582 12.5128 63.0422 12.5597C62.9261 12.6066 62.8216 12.6781 62.7357 12.7692C62.6498 12.8604 62.5847 12.969 62.5447 13.0876C62.5048 13.2063 62.491 13.3322 62.5042 13.4567V15.6714H61.7571L61.7571 11.8856Z" fill="#26201E"/>
+<path d="M68.084 10.7662C68.0782 10.6694 68.1017 10.5732 68.1512 10.4899C68.2008 10.4066 68.2743 10.3401 68.3621 10.299C68.4499 10.2579 68.548 10.2442 68.6437 10.2595C68.7394 10.2748 68.8283 10.3186 68.8989 10.385C68.9695 10.4515 69.0185 10.5376 69.0396 10.6322C69.0607 10.7268 69.0529 10.8256 69.0171 10.9157C68.9814 11.0058 68.9195 11.0832 68.8393 11.1377C68.7592 11.1922 68.6645 11.2214 68.5676 11.2215C68.5056 11.2246 68.4437 11.2152 68.3854 11.1938C68.3272 11.1724 68.2739 11.1395 68.2287 11.0969C68.1835 11.0544 68.1474 11.0032 68.1226 10.9464C68.0977 10.8895 68.0846 10.8282 68.084 10.7662ZM68.1956 11.8857H68.9395V15.6714H68.1956V11.8857Z" fill="#26201E"/>
+<path d="M70.145 11.8857H70.8642V12.494H70.9201C71.0101 12.2912 71.157 12.1189 71.343 11.9979C71.5291 11.877 71.7462 11.8126 71.9681 11.8126C72.19 11.8126 72.4071 11.877 72.5932 11.9979C72.7792 12.1189 72.9261 12.2912 73.0161 12.494H73.0752C73.1809 12.2815 73.3458 12.1041 73.5501 11.9832C73.7543 11.8623 73.9892 11.803 74.2263 11.8126C74.3922 11.799 74.5591 11.8224 74.7148 11.8811C74.8706 11.9398 75.0114 12.0323 75.1271 12.152C75.2428 12.2717 75.3305 12.4156 75.3838 12.5732C75.4372 12.7309 75.4549 12.8985 75.4357 13.0638V15.6714H74.6885V13.2588C74.6885 12.7477 74.4447 12.4973 73.9546 12.4973C73.849 12.4928 73.7436 12.5102 73.6451 12.5483C73.5465 12.5865 73.4569 12.6446 73.3819 12.719C73.3068 12.7935 73.248 12.8826 73.2091 12.9809C73.1702 13.0792 73.152 13.1844 73.1557 13.29V15.6714H72.4218V13.1858C72.4265 13.0905 72.4105 12.9954 72.3749 12.9069C72.3393 12.8184 72.2849 12.7387 72.2155 12.6733C72.1462 12.6079 72.0634 12.5582 71.973 12.5279C71.8826 12.4975 71.7867 12.4871 71.6919 12.4973C71.5824 12.4991 71.4743 12.523 71.3742 12.5676C71.2741 12.6121 71.184 12.6764 71.1094 12.7566C71.0347 12.8368 70.977 12.9312 70.9397 13.0342C70.9024 13.1372 70.8862 13.2467 70.8922 13.3561V15.6714H70.1451L70.145 11.8857Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-dk.svg b/public/_static/img/google-play-badge-dk.svg
new file mode 100644
index 000000000..88a123aee
--- /dev/null
+++ b/public/_static/img/google-play-badge-dk.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.3555 16.4178V14.217H45.7791V16.4178H45V11.4014H45.7791V13.5081H48.3555V11.4014H49.1305V16.4178L48.3555 16.4178Z" fill="#26201E"/>
+<path d="M53.6092 15.396C53.5076 15.742 53.2877 16.0413 52.9878 16.2415C52.688 16.4417 52.3272 16.5301 51.9688 16.4913C51.7194 16.4978 51.4715 16.4501 51.2424 16.3513C51.0133 16.2524 50.8085 16.105 50.6421 15.919C50.4757 15.7331 50.3517 15.5132 50.2789 15.2746C50.206 15.036 50.1859 14.7844 50.22 14.5372C50.1868 14.2893 50.2072 14.0371 50.2799 13.7978C50.3527 13.5585 50.4759 13.3376 50.6414 13.15C50.807 12.9625 51.0108 12.8127 51.2393 12.7108C51.4677 12.6089 51.7154 12.5573 51.9655 12.5594C53.0189 12.5594 53.6543 13.279 53.6543 14.4678V14.7285H50.9811V14.7704C50.9694 14.9093 50.9868 15.0492 51.0323 15.1809C51.0778 15.3127 51.1504 15.4335 51.2453 15.5357C51.3402 15.6378 51.4554 15.7189 51.5836 15.7739C51.7117 15.8289 51.8499 15.8565 51.9893 15.8549C52.168 15.8764 52.3491 15.8442 52.5094 15.7625C52.6698 15.6808 52.8023 15.5532 52.8899 15.396L53.6092 15.396ZM50.981 14.176H52.8932C52.9026 14.0489 52.8854 13.9213 52.8425 13.8013C52.7997 13.6813 52.7322 13.5716 52.6444 13.4793C52.5567 13.3869 52.4506 13.3139 52.3329 13.265C52.2153 13.2161 52.0887 13.1924 51.9613 13.1953C51.8321 13.1936 51.7039 13.2179 51.5842 13.2666C51.4645 13.3153 51.3558 13.3875 51.2644 13.4789C51.1731 13.5703 51.1009 13.6791 51.0523 13.7988C51.0036 13.9185 50.9794 14.0468 50.981 14.176Z" fill="#26201E"/>
+<path d="M54.6576 12.6322H55.3768V13.2336H55.4326C55.5274 13.0176 55.6871 12.8365 55.8896 12.7156C56.0921 12.5947 56.3273 12.54 56.5624 12.5591C56.7466 12.5453 56.9315 12.5731 57.1035 12.6404C57.2755 12.7077 57.4302 12.8129 57.556 12.9482C57.6819 13.0834 57.7757 13.2452 57.8305 13.4216C57.8853 13.598 57.8997 13.7845 57.8727 13.9672V16.4179H57.1256V14.1548C57.1256 13.5464 56.8612 13.2439 56.3087 13.2439C56.1836 13.2381 56.0588 13.2593 55.9427 13.3063C55.8266 13.3532 55.7221 13.4247 55.6362 13.5158C55.5504 13.6069 55.4852 13.7156 55.4453 13.8342C55.4053 13.9529 55.3915 14.0787 55.4047 14.2032V16.4179H54.6576V12.6322Z" fill="#26201E"/>
+<path d="M60.0402 11.6897V12.6495H60.8604V13.2788H60.0402V15.2254C60.0402 15.622 60.2036 15.7956 60.5755 15.7956C60.6707 15.7953 60.7659 15.7896 60.8604 15.7784V16.4007C60.7263 16.4247 60.5903 16.4375 60.454 16.4389C59.6231 16.4389 59.2923 16.1466 59.2923 15.4167V13.2787H58.6913V12.6494H59.2923V11.6897H60.0402Z" fill="#26201E"/>
+<path d="M63.8022 11.5128C63.7965 11.416 63.8199 11.3198 63.8695 11.2365C63.9191 11.1532 63.9925 11.0867 64.0803 11.0456C64.1681 11.0045 64.2663 10.9908 64.362 11.0061C64.4577 11.0214 64.5466 11.0652 64.6172 11.1316C64.6878 11.198 64.7368 11.2842 64.7579 11.3788C64.7789 11.4734 64.7711 11.5722 64.7354 11.6623C64.6997 11.7524 64.6378 11.8297 64.5576 11.8843C64.4774 11.9388 64.3828 11.968 64.2858 11.968C64.2239 11.9712 64.1619 11.9618 64.1037 11.9404C64.0454 11.919 63.9921 11.8861 63.947 11.8435C63.9018 11.801 63.8657 11.7498 63.8408 11.6929C63.816 11.6361 63.8028 11.5748 63.8022 11.5128ZM63.9139 12.6322H64.6578V16.418H63.9139L63.9139 12.6322Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge.svg b/public/_static/img/google-play-badge-en.svg
similarity index 100%
rename from public/_static/img/google-play-badge.svg
rename to public/_static/img/google-play-badge-en.svg
diff --git a/public/_static/img/google-play-badge-fi.svg b/public/_static/img/google-play-badge-fi.svg
new file mode 100644
index 000000000..d06057408
--- /dev/null
+++ b/public/_static/img/google-play-badge-fi.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.0552 16.1608H44.6709V10.7349H45.5136V15.386H48.0552V16.1608Z" fill="#26201E"/>
+<path d="M48.9069 15.0028C48.9069 14.2657 49.4557 13.8408 50.4298 13.7804L51.539 13.7165V13.3631C51.539 12.9306 51.2531 12.6864 50.7007 12.6864C50.2496 12.6864 49.937 12.852 49.8473 13.1415H49.0649C49.1475 12.4382 49.8091 11.9871 50.738 11.9871C51.7646 11.9871 52.3436 12.4981 52.3436 13.3631V16.1608H51.5656V15.5854H51.5017C51.3719 15.7918 51.1897 15.9601 50.9736 16.073C50.7575 16.186 50.5153 16.2395 50.2718 16.2283C50.0999 16.2462 49.9261 16.2278 49.7618 16.1744C49.5974 16.1211 49.446 16.0338 49.3174 15.9184C49.1888 15.8029 49.0859 15.6618 49.0151 15.5041C48.9444 15.3464 48.9075 15.1756 48.9069 15.0028ZM51.539 14.6529V14.3106L50.539 14.3745C49.9751 14.4123 49.7194 14.6041 49.7194 14.9651C49.7194 15.3336 50.0391 15.5481 50.4787 15.5481C50.6075 15.5611 50.7376 15.5481 50.8613 15.5098C50.985 15.4716 51.0997 15.4088 51.1986 15.3253C51.2975 15.2418 51.3786 15.1392 51.4371 15.0237C51.4956 14.9082 51.5302 14.7821 51.539 14.6529Z" fill="#26201E"/>
+<path d="M54.7031 11.0466V12.0847H55.5902V12.7654H54.7031V14.8709C54.7031 15.2999 54.8798 15.4877 55.2821 15.4877C55.385 15.4874 55.4879 15.4811 55.5902 15.469V16.1422C55.4451 16.1682 55.2981 16.182 55.1506 16.1835C54.2519 16.1835 53.8941 15.8673 53.8941 15.0779V12.7654H53.244V12.0847H53.8941V11.0466H54.7031Z" fill="#26201E"/>
+<path d="M56.4231 15.0028C56.4231 14.2657 56.9719 13.8408 57.9461 13.7804L59.0552 13.7165V13.3631C59.0552 12.9306 58.7693 12.6864 58.2169 12.6864C57.7658 12.6864 57.4532 12.852 57.3635 13.1415H56.5812C56.6638 12.4382 57.3253 11.9871 58.2542 11.9871C59.2808 11.9871 59.8598 12.4981 59.8598 13.3631V16.1608H59.0819V15.5854H59.0179C58.8882 15.7918 58.7059 15.9601 58.4898 16.073C58.2738 16.186 58.0316 16.2395 57.788 16.2283C57.6161 16.2462 57.4424 16.2278 57.278 16.1744C57.1136 16.1211 56.9623 16.0338 56.8337 15.9184C56.7051 15.8029 56.6021 15.6618 56.5314 15.5041C56.4607 15.3464 56.4238 15.1756 56.4231 15.0028ZM59.0552 14.6529V14.3106L58.0553 14.3745C57.4914 14.4123 57.2356 14.6041 57.2356 14.9651C57.2356 15.3336 57.5553 15.5481 57.9949 15.5481C58.1238 15.5611 58.2539 15.5481 58.3775 15.5098C58.5012 15.4716 58.6159 15.4088 58.7149 15.3253C58.8138 15.2418 58.8949 15.1392 58.9534 15.0237C59.0118 14.9082 59.0465 14.7821 59.0552 14.6529Z" fill="#26201E"/>
+<path d="M60.8917 15.0028C60.8917 14.2657 61.4405 13.8408 62.4147 13.7804L63.5239 13.7165V13.3631C63.5239 12.9306 63.2379 12.6864 62.6856 12.6864C62.2344 12.6864 61.9219 12.852 61.8322 13.1415H61.0498C61.1324 12.4382 61.794 11.9871 62.7229 11.9871C63.7494 11.9871 64.3284 12.4981 64.3284 13.3631V16.1608H63.5505V15.5854H63.4866C63.3568 15.7918 63.1746 15.9601 62.9585 16.073C62.7424 16.186 62.5002 16.2395 62.2566 16.2283C62.0847 16.2462 61.911 16.2278 61.7466 16.1744C61.5823 16.1211 61.4309 16.0338 61.3023 15.9184C61.1737 15.8029 61.0707 15.6618 61 15.5041C60.9293 15.3464 60.8924 15.1756 60.8917 15.0028ZM63.5239 14.6529V14.3106L62.5239 14.3745C61.96 14.4123 61.7043 14.6041 61.7043 14.9651C61.7043 15.3336 62.024 15.5481 62.4636 15.5481C62.5924 15.5611 62.7225 15.5481 62.8462 15.5098C62.9698 15.4716 63.0846 15.4088 63.1835 15.3253C63.2824 15.2418 63.3635 15.1392 63.422 15.0237C63.4805 14.9082 63.5151 14.7821 63.5239 14.6529Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-no.svg b/public/_static/img/google-play-badge-no.svg
new file mode 100644
index 000000000..64bc35727
--- /dev/null
+++ b/public/_static/img/google-play-badge-no.svg
@@ -0,0 +1,27 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.2192 16.4156H45V11.2544H45.8016V15.6786H48.2192V16.4156Z" fill="#26201E"/>
+<path d="M49.0293 15.314C49.0293 14.6129 49.5513 14.2087 50.478 14.1512L51.5331 14.0904V13.7542C51.5331 13.3428 51.2611 13.1105 50.7356 13.1105C50.3065 13.1105 50.0092 13.2681 49.9239 13.5435H49.1797C49.2582 12.8744 49.8875 12.4453 50.7711 12.4453C51.7476 12.4453 52.2984 12.9314 52.2984 13.7542V16.4155H51.5584V15.8681H51.4976C51.3741 16.0645 51.2008 16.2245 50.9952 16.332C50.7897 16.4394 50.5593 16.4904 50.3276 16.4797C50.1641 16.4967 49.9989 16.4793 49.8425 16.4285C49.6861 16.3777 49.5422 16.2947 49.4198 16.1849C49.2975 16.0751 49.1996 15.9408 49.1323 15.7908C49.065 15.6408 49.0299 15.4784 49.0293 15.314ZM51.5331 14.9812V14.6555L50.5819 14.7163C50.0455 14.7522 49.8022 14.9347 49.8022 15.2781C49.8022 15.6286 50.1063 15.8326 50.5245 15.8326C50.647 15.8451 50.7707 15.8327 50.8884 15.7963C51.006 15.7599 51.1152 15.7002 51.2093 15.6207C51.3034 15.5413 51.3805 15.4437 51.4362 15.3339C51.4918 15.224 51.5247 15.104 51.5331 14.9812Z" fill="#26201E"/>
+<path d="M54.9254 12.4453C55.8014 12.4453 56.3741 12.8529 56.4493 13.5397H55.7119C55.6409 13.2537 55.3613 13.0713 54.9254 13.0713C54.4963 13.0713 54.1703 13.2748 54.1703 13.5789C54.1703 13.8116 54.3671 13.9582 54.7895 14.0549L55.4365 14.2049C56.1773 14.3768 56.5245 14.6952 56.5245 15.2675C56.5245 16.0008 55.8411 16.4907 54.9111 16.4907C53.9844 16.4907 53.3804 16.0721 53.312 15.382H54.0816C54.1479 15.5463 54.2674 15.6835 54.4211 15.7716C54.5747 15.8598 54.7535 15.8938 54.9288 15.8681C55.4078 15.8681 55.7482 15.6536 55.7482 15.3423C55.7482 15.11 55.5657 14.9596 55.1755 14.8667L54.4963 14.7092C53.7555 14.5339 53.4125 14.2015 53.4125 13.622C53.4125 12.9314 54.0452 12.4453 54.9254 12.4453Z" fill="#26201E"/>
+<path d="M58.5722 11.5508V12.5383H59.4161V13.1857H58.5722V15.1886C58.5722 15.5966 58.7403 15.7752 59.123 15.7752C59.2209 15.7749 59.3188 15.769 59.4161 15.7575V16.3978C59.2781 16.4225 59.1382 16.4357 58.9979 16.4371C58.1431 16.4371 57.8027 16.1364 57.8027 15.3854V13.1857H57.1843V12.5382H57.8027V11.5508H58.5722Z" fill="#26201E"/>
+<path d="M62.5433 12.5207H63.2832V13.1394H63.3406C63.4381 12.9172 63.6024 12.7309 63.8108 12.6065C64.0191 12.4821 64.2611 12.4258 64.503 12.4455C64.6925 12.4312 64.8828 12.4598 65.0598 12.5291C65.2367 12.5984 65.3959 12.7066 65.5253 12.8457C65.6548 12.9849 65.7513 13.1513 65.8077 13.3328C65.8641 13.5143 65.879 13.7062 65.8512 13.8942V16.4157H65.0825V14.0872C65.0825 13.4613 64.8105 13.15 64.242 13.15C64.1133 13.144 63.9848 13.1659 63.8654 13.2142C63.746 13.2625 63.6384 13.336 63.5501 13.4298C63.4618 13.5235 63.3947 13.6353 63.3536 13.7574C63.3125 13.8794 63.2983 14.009 63.3119 14.137V16.4157H62.5432L62.5433 12.5207Z" fill="#26201E"/>
+<path d="M70.3342 15.3639C70.2298 15.7199 70.0035 16.0278 69.6949 16.2338C69.3864 16.4398 69.0153 16.5308 68.6464 16.4908C68.3898 16.4975 68.1348 16.4484 67.8991 16.3467C67.6634 16.2451 67.4526 16.0933 67.2814 15.902C67.1102 15.7108 66.9827 15.4845 66.9077 15.239C66.8327 14.9935 66.8121 14.7346 66.8472 14.4803C66.813 14.2252 66.834 13.9658 66.9088 13.7196C66.9837 13.4733 67.1105 13.246 67.2808 13.0531C67.4511 12.8601 67.6608 12.706 67.8959 12.6012C68.1309 12.4963 68.3857 12.4432 68.6431 12.4454C69.7268 12.4454 70.3811 13.1858 70.3811 14.4089V14.6772H67.6302V14.7202C67.6182 14.8632 67.6361 15.007 67.683 15.1426C67.7298 15.2782 67.8044 15.4025 67.9021 15.5076C67.9997 15.6127 68.1183 15.6961 68.2501 15.7527C68.3819 15.8093 68.5241 15.8377 68.6675 15.8361C68.8514 15.8582 69.0377 15.825 69.2027 15.741C69.3677 15.6569 69.504 15.5256 69.5942 15.3639L70.3342 15.3639ZM67.6302 14.1086H69.5976C69.6073 13.9779 69.5895 13.8466 69.5454 13.7232C69.5013 13.5997 69.4319 13.4868 69.3416 13.3918C69.2513 13.2968 69.1422 13.2217 69.0211 13.1714C68.9001 13.1211 68.7699 13.0966 68.6388 13.0996C68.5059 13.098 68.3739 13.1229 68.2508 13.173C68.1276 13.2232 68.0157 13.2974 67.9217 13.3915C67.8278 13.4855 67.7535 13.5974 67.7035 13.7206C67.6534 13.8437 67.6285 13.9757 67.6302 14.1086Z" fill="#26201E"/>
+<path d="M71.2198 14.4663C71.2198 13.2356 71.8526 12.4559 72.8367 12.4559C73.0801 12.4447 73.3217 12.503 73.5332 12.624C73.7447 12.745 73.9174 12.9237 74.0311 13.1392H74.0885V11H74.8572V16.4155H74.1206V15.8001H74.0598C73.9373 16.0142 73.7586 16.1907 73.543 16.3105C73.3274 16.4303 73.0831 16.4888 72.8367 16.4797C71.8458 16.4798 71.2198 15.7001 71.2198 14.4663ZM72.0139 14.4663C72.0139 15.2925 72.4033 15.7896 73.0546 15.7896C73.7025 15.7896 74.1029 15.2853 74.1029 14.4697C74.1029 13.6579 73.6983 13.1465 73.0546 13.1465C72.4075 13.1465 72.0139 13.647 72.0139 14.4663Z" fill="#26201E"/>
+<path d="M78.5064 13.1857H77.8661V12.5383H78.5064V12.159C78.5064 11.3649 78.9389 11.0359 79.7507 11.0359C79.8897 11.0352 80.0286 11.0473 80.1654 11.0718V11.6868C80.0532 11.6679 79.9396 11.6584 79.8258 11.6585C79.4576 11.6585 79.2641 11.8266 79.2641 12.2093V12.5383H80.1333V13.1858H79.2751V16.4156H78.5064V13.1857Z" fill="#26201E"/>
+<path d="M81.1124 12.5206H81.8524V13.1178H81.9099C81.9927 12.9105 82.1391 12.7348 82.3281 12.6159C82.517 12.497 82.7388 12.441 82.9615 12.456C83.0767 12.4545 83.1916 12.4652 83.3045 12.4881V13.2467C83.1634 13.2166 83.0196 13.201 82.8754 13.2002C82.7486 13.1889 82.6208 13.2041 82.5003 13.2451C82.3798 13.286 82.2691 13.3517 82.1755 13.4379C82.0818 13.5242 82.0073 13.629 81.9566 13.7458C81.9059 13.8626 81.8802 13.9886 81.8811 14.1159V16.4157H81.1124L81.1124 12.5206Z" fill="#26201E"/>
+<path d="M83.9084 15.314C83.9084 14.6129 84.4305 14.2087 85.3571 14.1512L86.4122 14.0904V13.7542C86.4122 13.3428 86.1402 13.1105 85.6148 13.1105C85.1857 13.1105 84.8883 13.2681 84.803 13.5435H84.0588C84.1374 12.8744 84.7667 12.4453 85.6503 12.4453C86.6268 12.4453 87.1775 12.9314 87.1775 13.7542V16.4155H86.4375V15.8681H86.3767C86.2533 16.0645 86.0799 16.2245 85.8744 16.332C85.6688 16.4394 85.4385 16.4904 85.2068 16.4797C85.0433 16.4967 84.878 16.4792 84.7217 16.4285C84.5653 16.3777 84.4213 16.2947 84.299 16.1849C84.1767 16.0751 84.0787 15.9408 84.0114 15.7908C83.9442 15.6408 83.9091 15.4784 83.9084 15.314ZM86.4122 14.9812V14.6555L85.4611 14.7163C84.9246 14.7522 84.6814 14.9347 84.6814 15.2781C84.6814 15.6286 84.9855 15.8326 85.4036 15.8326C85.5262 15.845 85.6499 15.8327 85.7676 15.7963C85.8852 15.7599 85.9943 15.7002 86.0884 15.6207C86.1825 15.5413 86.2597 15.4437 86.3153 15.3338C86.3709 15.224 86.4039 15.104 86.4122 14.9812Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-se.svg b/public/_static/img/google-play-badge-se.svg
new file mode 100644
index 000000000..669140670
--- /dev/null
+++ b/public/_static/img/google-play-badge-se.svg
@@ -0,0 +1,23 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M50.0347 15.6847V13.4786H47.452V15.6848H46.6709V10.656H47.452V12.7679H50.0347V10.656H50.8116V15.6848L50.0347 15.6847Z" fill="black"/>
+<path d="M51.8758 14.6115C51.8758 13.9283 52.3844 13.5345 53.2873 13.4785L54.3153 13.4193V13.0917C54.3153 12.6909 54.0503 12.4646 53.5383 12.4646C53.1202 12.4646 52.8305 12.6181 52.7474 12.8864H52.0223C52.0988 12.2345 52.712 11.8164 53.5729 11.8164C54.5243 11.8164 55.061 12.2901 55.061 13.0917V15.6847H54.34V15.1514H54.2807C54.1604 15.3427 53.9915 15.4986 53.7913 15.6033C53.591 15.708 53.3665 15.7577 53.1408 15.7472C52.9815 15.7638 52.8205 15.7468 52.6681 15.6973C52.5158 15.6479 52.3755 15.567 52.2563 15.46C52.1371 15.353 52.0417 15.2222 51.9761 15.076C51.9106 14.9299 51.8764 14.7716 51.8758 14.6115ZM52.3639 10.9032C52.3643 10.8114 52.3918 10.7218 52.4431 10.6456C52.4944 10.5695 52.5671 10.5102 52.652 10.4752C52.7369 10.4403 52.8302 10.4313 52.9202 10.4493C53.0103 10.4674 53.0929 10.5117 53.1578 10.5766C53.2227 10.6416 53.2669 10.7243 53.2849 10.8143C53.3029 10.9044 53.2938 10.9977 53.2588 11.0826C53.2238 11.1675 53.1644 11.2401 53.0882 11.2913C53.012 11.3425 52.9223 11.37 52.8305 11.3703C52.769 11.3711 52.7079 11.3596 52.6509 11.3364C52.5939 11.3132 52.5421 11.2788 52.4986 11.2353C52.4551 11.1917 52.4208 11.1399 52.3976 11.0829C52.3745 11.0259 52.363 10.9648 52.3639 10.9032ZM54.3153 14.2872V13.9699L53.3885 14.0292C52.8659 14.0641 52.6289 14.2419 52.6289 14.5765C52.6289 14.918 52.9252 15.1168 53.3326 15.1168C53.452 15.1289 53.5726 15.1168 53.6872 15.0814C53.8018 15.0459 53.9081 14.9877 53.9998 14.9103C54.0915 14.8329 54.1667 14.7379 54.2209 14.6308C54.2751 14.5237 54.3072 14.4069 54.3153 14.2872ZM53.8519 10.9032C53.8513 10.8418 53.8628 10.7808 53.8859 10.7238C53.909 10.6668 53.9431 10.615 53.9864 10.5713C54.0296 10.5276 54.0811 10.4929 54.1379 10.4692C54.1946 10.4455 54.2555 10.4333 54.3169 10.4333C54.3784 10.4333 54.4393 10.4455 54.496 10.4692C54.5528 10.4929 54.6042 10.5276 54.6475 10.5713C54.6907 10.615 54.7249 10.6668 54.748 10.7238C54.771 10.7808 54.7826 10.8418 54.782 10.9032C54.782 11.0266 54.733 11.1449 54.6458 11.2321C54.5586 11.3193 54.4403 11.3683 54.3169 11.3683C54.1936 11.3683 54.0753 11.3193 53.9881 11.2321C53.9009 11.1449 53.8519 11.0266 53.8519 10.9032Z" fill="black"/>
+<path d="M56.2338 11.8898H56.9548V12.4996H57.0108C57.101 12.2963 57.2483 12.1236 57.4348 12.0023C57.6213 11.881 57.839 11.8165 58.0614 11.8165C58.2838 11.8165 58.5015 11.881 58.688 12.0023C58.8745 12.1236 59.0218 12.2963 59.112 12.4996H59.1713C59.2772 12.2866 59.4425 12.1087 59.6472 11.9875C59.852 11.8663 60.0874 11.8069 60.3252 11.8165C60.4915 11.8029 60.6587 11.8263 60.8149 11.8852C60.971 11.944 61.1122 12.0368 61.2282 12.1568C61.3441 12.2767 61.432 12.421 61.4855 12.579C61.539 12.7371 61.5568 12.9051 61.5375 13.0708V15.6848H60.7885V13.2663C60.7885 12.754 60.5441 12.5029 60.0528 12.5029C59.9469 12.4984 59.8413 12.5158 59.7425 12.554C59.6437 12.5923 59.5538 12.6505 59.4786 12.7252C59.4034 12.7998 59.3445 12.8892 59.3055 12.9877C59.2664 13.0862 59.2482 13.1917 59.252 13.2976V15.6848H58.5162V13.1931C58.5209 13.0976 58.5049 13.0022 58.4692 12.9135C58.4335 12.8248 58.379 12.7449 58.3094 12.6793C58.2399 12.6137 58.157 12.564 58.0663 12.5335C57.9757 12.5031 57.8796 12.4926 57.7845 12.5029C57.6747 12.5047 57.5664 12.5287 57.466 12.5733C57.3657 12.618 57.2754 12.6824 57.2005 12.7628C57.1257 12.8432 57.0678 12.9379 57.0304 13.0411C56.993 13.1444 56.9769 13.2542 56.9829 13.3638V15.6848H56.2338V11.8898Z" fill="black"/>
+<path d="M63.7095 10.9448V11.907H64.5317V12.5378H63.7095V14.4893C63.7095 14.8868 63.8733 15.0609 64.2461 15.0609C64.3416 15.0605 64.4369 15.0548 64.5317 15.0436V15.6674C64.3972 15.6915 64.2609 15.7043 64.1243 15.7057C63.2914 15.7057 62.9597 15.4127 62.9597 14.681V12.5378H62.3572V11.9069H62.9597V10.9448H63.7095Z" fill="black"/>
+<path d="M65.3037 14.6114C65.3037 13.9283 65.8124 13.5345 66.7152 13.4785L67.7432 13.4193V13.0917C67.7432 12.6909 67.4782 12.4645 66.9663 12.4645C66.5482 12.4645 66.2584 12.618 66.1753 12.8864H65.4502C65.5268 12.2345 66.1399 11.8164 67.0008 11.8164C67.9523 11.8164 68.4889 12.2901 68.4889 13.0917V15.6847H67.7679V15.1514H67.7086C67.5884 15.3427 67.4195 15.4986 67.2192 15.6033C67.0189 15.708 66.7945 15.7577 66.5687 15.7472C66.4094 15.7638 66.2484 15.7468 66.096 15.6973C65.9437 15.6479 65.8034 15.567 65.6842 15.46C65.565 15.353 65.4696 15.2222 65.4041 15.076C65.3385 14.9299 65.3043 14.7716 65.3037 14.6114ZM67.7432 14.2872V13.9699L66.8165 14.0291C66.2938 14.0641 66.0568 14.2419 66.0568 14.5765C66.0568 14.918 66.3531 15.1168 66.7605 15.1168C66.8799 15.1289 67.0005 15.1168 67.1151 15.0813C67.2297 15.0459 67.3361 14.9877 67.4277 14.9103C67.5194 14.8329 67.5946 14.7378 67.6488 14.6308C67.703 14.5237 67.7351 14.4069 67.7432 14.2872Z" fill="black"/>
+<path d="M71.6226 10.7675C71.6168 10.6705 71.6403 10.574 71.69 10.4905C71.7397 10.407 71.8134 10.3403 71.9014 10.2991C71.9894 10.2579 72.0878 10.2442 72.1837 10.2595C72.2797 10.2749 72.3688 10.3187 72.4396 10.3853C72.5103 10.452 72.5595 10.5383 72.5806 10.6331C72.6017 10.728 72.5939 10.827 72.5581 10.9173C72.5223 11.0077 72.4602 11.0852 72.3798 11.1399C72.2995 11.1945 72.2046 11.2238 72.1074 11.2238C72.0453 11.227 71.9832 11.2176 71.9248 11.1961C71.8664 11.1747 71.813 11.1417 71.7677 11.099C71.7224 11.0564 71.6862 11.005 71.6613 10.9481C71.6364 10.8911 71.6232 10.8297 71.6226 10.7675ZM71.7337 11.8897H72.4802V15.6847H71.7337V11.8897Z" fill="black"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5916 21.5386H97.2986L99.5544 27.322L99.3343 27.8918C99.0592 28.5756 98.6741 28.775 98.0964 28.775C98.0139 28.775 97.7938 28.775 97.4362 28.7181V29.8007C97.7388 29.8862 98.0689 29.9146 98.3715 29.9146C99.3343 29.9146 99.967 29.4018 100.435 28.2622L103.186 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index a1b750658..b0178d7a6 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -253,6 +253,12 @@ export const baseQueryRouter = router({
         GetCurrentFooterRef,
         {
           locale: input.lang,
+        },
+        {
+          cache: "force-cache",
+          next: {
+            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+          },
         }
       )
       // There's currently no error handling/validation for the responseRef, should it be added?
@@ -265,6 +271,9 @@ export const baseQueryRouter = router({
           },
         })
       )
+      const currentFooterUID =
+        responseRef.data.all_current_footer.items[0].system.uid
+
       const response = await request<CurrentFooterDataRaw>(
         GetCurrentFooter,
         {
@@ -272,7 +281,7 @@ export const baseQueryRouter = router({
         },
         {
           next: {
-            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+            tags: [generateTag(input.lang, currentFooterUID)],
           },
         }
       )
@@ -331,7 +340,7 @@ export const baseQueryRouter = router({
         JSON.stringify({ query: { lang: input.lang } })
       )
       const responseRef = await request<FooterRefDataRaw>(
-        GetCurrentFooterRef,
+        GetFooterRef,
         {
           locale: input.lang,
         },
@@ -342,6 +351,7 @@ export const baseQueryRouter = router({
           },
         }
       )
+      console.log("responseRef", responseRef)
       // There's currently no error handling/validation for the responseRef, should it be added?
       getFooterCounter.add(1, { lang: input.lang })
       console.info(
@@ -352,7 +362,7 @@ export const baseQueryRouter = router({
           },
         })
       )
-      const currentFooterUID = responseRef.data.all_footer.items[0].system.uid
+      const footerUID = responseRef.data.all_footer.items[0].system.uid
       const response = await request<FooterDataRaw>(
         GetFooter,
         {
@@ -361,7 +371,7 @@ export const baseQueryRouter = router({
         {
           cache: "force-cache",
           next: {
-            tags: [generateTag(input.lang, currentFooterUID)],
+            tags: [generateTag(input.lang, footerUID)],
           },
         }
       )
@@ -413,17 +423,19 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
-      console.log(
-        "secondary_links ",
-        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
-      )
+
       const secondaryLinks = validatedFooterData.secondary_links.map(
         (section) => ({
-          ...section,
+          title: section.title,
           links: transformPageConnectionLinks(section.links),
         })
       )
 
+      console.log(
+        "secondaryLinks data",
+        JSON.stringify(secondaryLinks, null, 4)
+      )
+
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index 68d2d5022..2c8a64544 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -1,10 +1,24 @@
 import type { FooterLinkItem } from "./output"
 
 export function transformPageConnectionLinks(links: FooterLinkItem[]) {
-  return links.flatMap((link) =>
-    link.pageConnection?.edges.map((edge) => ({
-      title: edge.node.title,
-      url: edge.node.url,
-    }))
-  )
+  console.log("linksdata", links[0].pageConnection?.edges)
+  if (!links) return []
+  return links.flatMap((link) => {
+    if (link.pageConnection?.edges.length) {
+      return link.pageConnection.edges.map((edge) => ({
+        title: edge.node.title || "",
+        url: edge.node.url || "",
+        openInNewTab: link.open_in_new_tab,
+      }))
+    } else if (link.link) {
+      return [
+        {
+          title: link.link.title,
+          url: link.link.href,
+          openInNewTab: link.open_in_new_tab,
+        },
+      ]
+    }
+    return []
+  })
 }
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 341b4d117..11a6557b0 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -31,6 +31,16 @@ export type FooterSecondaryNavProps = {
 }
 
 export enum AppDownLoadLinks {
-  apple = "/_static/img/app-store-badge.svg",
-  google = "/_static/img/google-play-badge.svg",
+  apple_da = "/_static/img/app-store-badge-da.svg",
+  apple_de = "/_static/img/app-store-badge-de.svg",
+  apple_en = "/_static/img/app-store-badge-en.svg",
+  apple_fi = "/_static/img/app-store-badge-fi.svg",
+  apple_no = "/_static/img/app-store-badge-no.svg",
+  apple_sv = "/_static/img/app-store-badge-sv.svg",
+  google_da = "/_static/img/google-play-badge-da.svg",
+  google_de = "/_static/img/google-play-badge-de.svg",
+  google_en = "/_static/img/google-play-badge-en.svg",
+  google_fi = "/_static/img/google-play-badge-fi.svg",
+  google_no = "/_static/img/google-play-badge-no.svg",
+  google_sv = "/_static/img/google-play-badge-sv.svg",
 }

From 2c37bbad55bbcb89eba0f7d971911e3ac3e54cbb Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 14:20:29 +0200
Subject: [PATCH 44/92] feat(SW-187): removed unused title

---
 components/Footer/Navigation/index.tsx              | 3 +--
 components/Footer/Navigation/navigation.module.css  | 8 +++++++-
 lib/graphql/Fragments/Footer/MainLinks.graphql      | 1 -
 lib/graphql/Fragments/Footer/SecondaryLinks.graphql | 1 -
 server/routers/contentstack/base/output.ts          | 1 -
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index e3f6d8238..1c38f10f5 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -5,8 +5,7 @@ import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
   const { mainLinks, secondaryLinks, appDownloads } = props
-  console.log("mainLinks", mainLinks)
-  console.log("secondaryLinks", secondaryLinks)
+
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index 040577f93..d78408ec4 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -13,9 +13,15 @@
 
 @media screen and (min-width: 767px) {
   .section {
-    padding: var(--Spacing-x9) 0;
+    padding: var(--Spacing-x9) var(--Spacing-x6);
   }
   .maxWidth {
     flex-direction: row;
   }
 }
+
+@media screen and (min-width: 1367px) {
+  .section {
+    padding: var(--Spacing-x9) 0;
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
index 62abc0eb1..6a7c5fba7 100644
--- a/lib/graphql/Fragments/Footer/MainLinks.graphql
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -1,6 +1,5 @@
 fragment MainLinks on Footer {
   main_links {
-    title
     open_in_new_tab
     link {
       href
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
index 691e83817..4d48f5733 100644
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -2,7 +2,6 @@ fragment SecondaryLinks on Footer {
   secondary_links {
     title
     links {
-      title
       open_in_new_tab
       pageConnection {
         edges {
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 7202a04ed..8aaf64ed5 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -282,7 +282,6 @@ const validateInternalLink = z
   .optional()
 
 const validateLinkItem = z.object({
-  title: z.string(),
   open_in_new_tab: z.boolean(),
   link: validateExternalLink,
   pageConnection: validateInternalLink,

From c033f776b630bbeeb2c599d308a36677408716f2 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 09:34:02 +0200
Subject: [PATCH 45/92] feat(SW-187): Added social media data and copyright
 label

---
 components/Footer/Details/index.tsx           | 51 +++++++-------
 .../Footer/Navigation/SecondaryNav/index.tsx  | 69 ++++++++++---------
 components/Footer/Navigation/index.tsx        |  8 ++-
 components/Footer/index.tsx                   | 10 ++-
 i18n/dictionaries/da.json                     |  1 +
 i18n/dictionaries/de.json                     |  1 +
 i18n/dictionaries/en.json                     |  1 +
 i18n/dictionaries/fi.json                     |  1 +
 i18n/dictionaries/no.json                     |  1 +
 i18n/dictionaries/sv.json                     |  1 +
 .../Fragments/Footer/SocialMedia.graphql      | 11 +++
 lib/graphql/Query/Footer.graphql              |  2 +
 server/routers/contentstack/base/output.ts    |  8 +++
 server/routers/contentstack/base/query.ts     |  1 +
 server/routers/contentstack/base/utils.ts     |  2 +
 types/components/footer/appDownloadIcons.ts   | 14 ++++
 types/components/footer/navigation.ts         | 53 +++++++-------
 17 files changed, 144 insertions(+), 91 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/SocialMedia.graphql
 create mode 100644 types/components/footer/appDownloadIcons.ts

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index f420b0f60..70b7cffa2 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -3,12 +3,14 @@ import Image from "@/components/Image"
 import LanguageSwitcher from "@/components/LanguageSwitcher"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
 import { footer } from "../mockedData"
 
 import styles from "./details.module.css"
 
+import type { FooterDetailsProps } from "@/types/components/footer/navigation"
 import type { SocialIconsProps } from "@/types/components/footer/socialIcons"
 import { IconName } from "@/types/components/icon"
 
@@ -17,16 +19,13 @@ function SocialIcon({ iconName }: SocialIconsProps) {
   return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
 }
 
-export default function FooterDetails() {
+export default async function FooterDetails({
+  socialMedia,
+}: FooterDetailsProps) {
   const lang = getLang()
+  const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const {
-    socialMedia,
-    copyrightCompany,
-    copyrightInfo,
-    tertiaryLinks,
-    languageSwitcher,
-  } = footer
+  const { tertiaryLinks, languageSwitcher } = footer
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -43,27 +42,28 @@ export default function FooterDetails() {
           />
         </Link>
         <nav className={styles.socialNav}>
-          {socialMedia.links.map((link) => (
-            <a
-              className={styles.socialLink}
-              color="white"
-              href={link.href}
-              key={link.id}
-              target="_blank"
-              aria-label={link.title}
-            >
-              <SocialIcon iconName={link.title} />
-            </a>
-          ))}
+          {socialMedia?.links.map(
+            (link) =>
+              link.href && (
+                <a
+                  className={styles.socialLink}
+                  color="white"
+                  href={link.href.href}
+                  key={link.href.title}
+                  target="_blank"
+                  aria-label={link.href.title}
+                >
+                  <SocialIcon iconName={link.href.title} />
+                </a>
+              )
+          )}
         </nav>
       </div>
       <div className={styles.bottomContainer}>
         <div className={styles.copyrightContainer}>
           <Footnote textTransform="uppercase">
-            © {currentYear} {copyrightCompany}
-          </Footnote>
-          <Footnote textTransform="uppercase" color="peach50">
-            {copyrightInfo}
+            © {currentYear}{" "}
+            {formatMessage({ id: "Copyright all rights reserved" })}
           </Footnote>
         </div>
         <div className={styles.navigationContainer}>
@@ -81,9 +81,6 @@ export default function FooterDetails() {
               </Footnote>
             ))}
           </nav>
-          {
-            // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
-          }
           <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
       </div>
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 2588a24fd..1524ffbb6 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -5,46 +5,49 @@ import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
 
-import {
-  AppDownLoadLinks,
-  type FooterSecondaryNavProps,
-} from "@/types/components/footer/navigation"
+import { AppDownLoadLinks } from "@/types/components/footer/appDownloadIcons"
+import { type FooterSecondaryNavProps } from "@/types/components/footer/navigation"
 
 export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
   const lang = getLang()
-  console.log("hej", JSON.stringify(secondaryLinks, null, 4))
+
   return (
     <div className={styles.secondaryNavigation}>
-      <nav className={styles.secondaryNavigationGroup}>
-        <Body color="peach80" textTransform="uppercase">
-          {appDownloads.title}
-        </Body>
-        <ul className={styles.secondaryNavigationList}>
-          {appDownloads.links.map((link) => (
-            <li key={link.type} className={styles.appDownloadItem}>
-              <a
-                href={link.href.href}
-                target="_blank"
-                aria-label={link.href.title}
-              >
-                <Image
-                  src={
-                    AppDownLoadLinks[
-                      `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
-                    ]
-                  }
-                  alt={link.href.title}
-                  width={125}
-                  height={40}
-                />
-              </a>
-            </li>
-          ))}
-        </ul>
-      </nav>
+      {appDownloads && (
+        <nav className={styles.secondaryNavigationGroup}>
+          <Body color="peach80" textTransform="uppercase">
+            {appDownloads.title}
+          </Body>
+          <ul className={styles.secondaryNavigationList}>
+            {appDownloads.links.map(
+              (link) =>
+                link.href && (
+                  <li key={link.type} className={styles.appDownloadItem}>
+                    <a
+                      href={link.href.href}
+                      target="_blank"
+                      aria-label={link.href.title}
+                    >
+                      <Image
+                        src={
+                          AppDownLoadLinks[
+                            `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
+                          ]
+                        }
+                        alt={link.href.title}
+                        width={125}
+                        height={40}
+                      />
+                    </a>
+                  </li>
+                )
+            )}
+          </ul>
+        </nav>
+      )}
       {secondaryLinks.map((link) => (
         <nav className={styles.secondaryNavigationGroup} key={link.title}>
           <Body color="peach80" textTransform="uppercase">
@@ -52,7 +55,7 @@ export default function FooterSecondaryNav({
           </Body>
           <ul className={styles.secondaryNavigationList}>
             {link?.links?.map((link) => (
-              <li key={link.id} className={styles.secondaryNavigationItem}>
+              <li key={link.title} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
                     href={link.url}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 1c38f10f5..3dfbbec53 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -3,9 +3,13 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation({ ...props }) {
-  const { mainLinks, secondaryLinks, appDownloads } = props
+import type { FooterNavigationProps } from "@/types/components/footer/navigation"
 
+export default function FooterNavigation({
+  mainLinks,
+  secondaryLinks,
+  appDownloads,
+}: FooterNavigationProps) {
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 129ab1cd5..b571d13fb 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -10,12 +10,16 @@ export default async function Footer() {
     lang: getLang(),
   })
   if (!footerData) {
-    return null
+    return <FooterDetails />
   }
   return (
     <footer>
-      <FooterNavigation {...footerData} />
-      <FooterDetails />
+      <FooterNavigation
+        mainLinks={footerData.mainLinks}
+        secondaryLinks={footerData.secondaryLinks}
+        appDownloads={footerData.appDownloads}
+      />
+      <FooterDetails socialMedia={footerData.socialMedia} />
     </footer>
   )
 }
diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json
index 3d5ddcf19..ab27ac251 100644
--- a/i18n/dictionaries/da.json
+++ b/i18n/dictionaries/da.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Sammenlign alle niveauer",
   "Contact us": "Kontakt os",
   "Continue": "Blive ved",
+  "Copyright all rights reserved": "Scandic AB Alle rettigheder forbeholdes",
   "Could not find requested resource": "Kunne ikke finde den anmodede ressource",
   "Country": "Land",
   "Country code": "Landekode",
diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json
index d365e7945..73adef567 100644
--- a/i18n/dictionaries/de.json
+++ b/i18n/dictionaries/de.json
@@ -41,6 +41,7 @@
   "Compare all levels": "Vergleichen Sie alle Levels",
   "Contact us": "Kontaktieren Sie uns",
   "Continue": "Weitermachen",
+  "Copyright all rights reserved": "Scandic AB Alle Rechte vorbehalten",
   "Could not find requested resource": "Die angeforderte Ressource konnte nicht gefunden werden.",
   "Country": "Land",
   "Country code": "Landesvorwahl",
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
index 4ced7fc92..e7f4087db 100644
--- a/i18n/dictionaries/en.json
+++ b/i18n/dictionaries/en.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Compare all levels",
   "Contact us": "Contact us",
   "Continue": "Continue",
+  "Copyright all rights reserved": "Scandic AB All rights reserved",
   "Could not find requested resource": "Could not find requested resource",
   "Country": "Country",
   "Country code": "Country code",
diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json
index b54da3963..27f9cc141 100644
--- a/i18n/dictionaries/fi.json
+++ b/i18n/dictionaries/fi.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Vertaa kaikkia tasoja",
   "Contact us": "Ota meihin yhteyttä",
   "Continue": "Jatkaa",
+  "Copyright all rights reserved": "Scandic AB Kaikki oikeudet pidätetään",
   "Could not find requested resource": "Pyydettyä resurssia ei löytynyt",
   "Country": "Maa",
   "Country code": "Maatunnus",
diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json
index 57ea705a0..86b5ad5ff 100644
--- a/i18n/dictionaries/no.json
+++ b/i18n/dictionaries/no.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Sammenlign alle nivåer",
   "Contact us": "Kontakt oss",
   "Continue": "Fortsette",
+  "Copyright all rights reserved": "Scandic AB Alle rettigheter forbeholdt",
   "Could not find requested resource": "Kunne ikke finne den forespurte ressursen",
   "Country": "Land",
   "Country code": "Landskode",
diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json
index 9634b8b2d..e55fb9ef2 100644
--- a/i18n/dictionaries/sv.json
+++ b/i18n/dictionaries/sv.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Jämför alla nivåer",
   "Contact us": "Kontakta oss",
   "Continue": "Fortsätt",
+  "Copyright all rights reserved": "Scandic AB Alla rättigheter förbehålls",
   "Could not find requested resource": "Det gick inte att hitta den begärda resursen",
   "Country": "Land",
   "Country code": "Landskod",
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/Footer/SocialMedia.graphql
new file mode 100644
index 000000000..02947ae5d
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SocialMedia.graphql
@@ -0,0 +1,11 @@
+fragment SocialMedia on Footer {
+  social_media {
+    links {
+      href {
+        href
+        title
+      }
+      type
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 1a05f8188..211f0ef20 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -1,6 +1,7 @@
 #import "../Fragments/Footer/AppDownloads.graphql"
 #import "../Fragments/Footer/MainLinks.graphql"
 #import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/SocialMedia.graphql"
 #import "../Fragments/Footer/Refs/MainLinks.graphql"
 #import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
 #import "../Fragments/Refs/System.graphql"
@@ -11,6 +12,7 @@ query GetFooter($locale: String!) {
       ...MainLinks
       ...SecondaryLinks
       ...AppDownloads
+      ...SocialMedia
     }
   }
 }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 8aaf64ed5..6e02b4cbf 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -309,6 +309,14 @@ export const validateFooterConfigSchema = z.object({
             links: z.array(validateLinkItem),
           })
         ),
+        social_media: z.object({
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
       })
     ),
   }),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index b0178d7a6..0d5482492 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -440,6 +440,7 @@ export const baseQueryRouter = router({
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
         secondaryLinks: secondaryLinks,
+        socialMedia: validatedFooterData.social_media,
       }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index 2c8a64544..eaadabc3d 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -9,6 +9,7 @@ export function transformPageConnectionLinks(links: FooterLinkItem[]) {
         title: edge.node.title || "",
         url: edge.node.url || "",
         openInNewTab: link.open_in_new_tab,
+        isExternal: false,
       }))
     } else if (link.link) {
       return [
@@ -16,6 +17,7 @@ export function transformPageConnectionLinks(links: FooterLinkItem[]) {
           title: link.link.title,
           url: link.link.href,
           openInNewTab: link.open_in_new_tab,
+          isExternal: true,
         },
       ]
     }
diff --git a/types/components/footer/appDownloadIcons.ts b/types/components/footer/appDownloadIcons.ts
new file mode 100644
index 000000000..5c05a4ccb
--- /dev/null
+++ b/types/components/footer/appDownloadIcons.ts
@@ -0,0 +1,14 @@
+export enum AppDownLoadLinks {
+  apple_da = "/_static/img/app-store-badge-da.svg",
+  apple_de = "/_static/img/app-store-badge-de.svg",
+  apple_en = "/_static/img/app-store-badge-en.svg",
+  apple_fi = "/_static/img/app-store-badge-fi.svg",
+  apple_no = "/_static/img/app-store-badge-no.svg",
+  apple_sv = "/_static/img/app-store-badge-sv.svg",
+  google_da = "/_static/img/google-play-badge-da.svg",
+  google_de = "/_static/img/google-play-badge-de.svg",
+  google_en = "/_static/img/google-play-badge-en.svg",
+  google_fi = "/_static/img/google-play-badge-fi.svg",
+  google_no = "/_static/img/google-play-badge-no.svg",
+  google_sv = "/_static/img/google-play-badge-sv.svg",
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 11a6557b0..9fa840f74 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -7,40 +7,41 @@ export type FooterMainNavProps = {
 }
 
 export type FooterSecondaryNav = {
-  id: string
   isExternal: boolean
   openInNewTab: boolean
   title: string
   url: string
 }
-export type FooterSecondaryNavProps = {
-  secondaryLinks: {
-    title: string
-    links: FooterSecondaryNav[]
-  }[]
-  appDownloads: {
-    title: string
-    links: {
-      href: {
+type FooterSecondaryNavGroup = {
+  title: string
+  links: FooterSecondaryNav[]
+}
+type FooterLinkWithType = {
+  href?:
+    | {
         href: string
         title: string
       }
-      type: string
-    }[]
-  }
+    | undefined
+  type: string
 }
 
-export enum AppDownLoadLinks {
-  apple_da = "/_static/img/app-store-badge-da.svg",
-  apple_de = "/_static/img/app-store-badge-de.svg",
-  apple_en = "/_static/img/app-store-badge-en.svg",
-  apple_fi = "/_static/img/app-store-badge-fi.svg",
-  apple_no = "/_static/img/app-store-badge-no.svg",
-  apple_sv = "/_static/img/app-store-badge-sv.svg",
-  google_da = "/_static/img/google-play-badge-da.svg",
-  google_de = "/_static/img/google-play-badge-de.svg",
-  google_en = "/_static/img/google-play-badge-en.svg",
-  google_fi = "/_static/img/google-play-badge-fi.svg",
-  google_no = "/_static/img/google-play-badge-no.svg",
-  google_sv = "/_static/img/google-play-badge-sv.svg",
+type FooterAppDownloads = {
+  title: string
+  links: FooterLinkWithType[]
 }
+
+type FooterSocialMedia = {
+  links: FooterLinkWithType[]
+}
+
+export type FooterSecondaryNavProps = {
+  secondaryLinks: FooterSecondaryNavGroup[]
+  appDownloads: FooterAppDownloads
+}
+
+export type FooterDetailsProps = {
+  socialMedia?: FooterSocialMedia
+}
+
+export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps

From 2a59ad431b80856582f86a3c505019d64232f96a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 10:16:55 +0200
Subject: [PATCH 46/92] feat(SW-187): Added tertiary links data

---
 components/Footer/Details/index.tsx           | 30 +++++++++++--------
 components/Footer/index.tsx                   |  5 +++-
 .../Footer/Refs/TertiaryLinks.graphql         | 22 ++++++++++++++
 .../Fragments/Footer/TertiaryLinks.graphql    | 28 +++++++++++++++++
 lib/graphql/Query/Footer.graphql              |  4 +++
 server/routers/contentstack/base/output.ts    |  6 ++++
 server/routers/contentstack/base/query.ts     | 10 ++++---
 server/routers/contentstack/base/utils.ts     |  1 -
 types/components/footer/navigation.ts         | 17 +++++------
 9 files changed, 94 insertions(+), 29 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/TertiaryLinks.graphql

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 70b7cffa2..7f0699439 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -21,11 +21,12 @@ function SocialIcon({ iconName }: SocialIconsProps) {
 
 export default async function FooterDetails({
   socialMedia,
+  tertiaryLinks,
 }: FooterDetailsProps) {
   const lang = getLang()
   const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const { tertiaryLinks, languageSwitcher } = footer
+  const { languageSwitcher } = footer
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -68,18 +69,21 @@ export default async function FooterDetails({
         </div>
         <div className={styles.navigationContainer}>
           <nav className={styles.navigation}>
-            {tertiaryLinks.map((link) => (
-              <Footnote asChild textTransform="uppercase" key={link.id}>
-                <Link
-                  className={styles.link}
-                  color="peach50"
-                  href={link.href}
-                  target="_blank"
-                >
-                  {link.title}
-                </Link>
-              </Footnote>
-            ))}
+            {tertiaryLinks?.map(
+              (link) =>
+                link.url && (
+                  <Footnote asChild textTransform="uppercase" key={link.title}>
+                    <Link
+                      className={styles.link}
+                      color="peach50"
+                      href={link.url}
+                      target="_blank"
+                    >
+                      {link.title}
+                    </Link>
+                  </Footnote>
+                )
+            )}
           </nav>
           <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index b571d13fb..a6f85bb80 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -19,7 +19,10 @@ export default async function Footer() {
         secondaryLinks={footerData.secondaryLinks}
         appDownloads={footerData.appDownloads}
       />
-      <FooterDetails socialMedia={footerData.socialMedia} />
+      <FooterDetails
+        socialMedia={footerData.socialMedia}
+        tertiaryLinks={footerData.tertiaryLinks}
+      />
     </footer>
   )
 }
diff --git a/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
new file mode 100644
index 000000000..d1fd47864
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
@@ -0,0 +1,22 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
+fragment TertiaryLinksRef on Footer {
+  __typename
+  tertiary_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/TertiaryLinks.graphql b/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
new file mode 100644
index 000000000..79e3ccec0
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
@@ -0,0 +1,28 @@
+fragment TertiaryLinks on Footer {
+  tertiary_links {
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 211f0ef20..1551fc19a 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -2,8 +2,10 @@
 #import "../Fragments/Footer/MainLinks.graphql"
 #import "../Fragments/Footer/SecondaryLinks.graphql"
 #import "../Fragments/Footer/SocialMedia.graphql"
+#import "../Fragments/Footer/TertiaryLinks.graphql"
 #import "../Fragments/Footer/Refs/MainLinks.graphql"
 #import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/TertiaryLinks.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetFooter($locale: String!) {
@@ -13,6 +15,7 @@ query GetFooter($locale: String!) {
       ...SecondaryLinks
       ...AppDownloads
       ...SocialMedia
+      ...TertiaryLinks
     }
   }
 }
@@ -22,6 +25,7 @@ query GetFooterRef($locale: String!) {
     items {
       ...MainLinksRef
       ...SecondaryLinksRef
+      ...TertiaryLinksRef
       system {
         ...System
       }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 6e02b4cbf..6edcaae8f 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -317,6 +317,7 @@ export const validateFooterConfigSchema = z.object({
             })
           ),
         }),
+        tertiary_links: z.array(validateLinkItem),
       })
     ),
   }),
@@ -357,6 +358,11 @@ const validateFooterRefConfigSchema = z.object({
             ),
           })
         ),
+        tertiary_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
         system: z.object({
           content_type_uid: z.string(),
           uid: z.string(),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 0d5482492..6ac685d00 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -351,7 +351,7 @@ export const baseQueryRouter = router({
           },
         }
       )
-      console.log("responseRef", responseRef)
+
       // There's currently no error handling/validation for the responseRef, should it be added?
       getFooterCounter.add(1, { lang: input.lang })
       console.info(
@@ -431,9 +431,10 @@ export const baseQueryRouter = router({
         })
       )
 
-      console.log(
-        "secondaryLinks data",
-        JSON.stringify(secondaryLinks, null, 4)
+      console.log("secondaryLinks", JSON.stringify(secondaryLinks))
+
+      const tertiaryLinks = transformPageConnectionLinks(
+        validatedFooterData.tertiary_links
       )
 
       return {
@@ -441,6 +442,7 @@ export const baseQueryRouter = router({
         appDownloads: validatedFooterData.app_downloads,
         secondaryLinks: secondaryLinks,
         socialMedia: validatedFooterData.social_media,
+        tertiaryLinks: tertiaryLinks,
       }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index eaadabc3d..fa095dc79 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -1,7 +1,6 @@
 import type { FooterLinkItem } from "./output"
 
 export function transformPageConnectionLinks(links: FooterLinkItem[]) {
-  console.log("linksdata", links[0].pageConnection?.edges)
   if (!links) return []
   return links.flatMap((link) => {
     if (link.pageConnection?.edges.length) {
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 9fa840f74..4da0f479d 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,20 +1,16 @@
-export type FooterMainNav = {
-  url: string
-  title: string
-}
-export type FooterMainNavProps = {
-  mainLinks: FooterMainNav[]
-}
-
-export type FooterSecondaryNav = {
+export type FooterLink = {
   isExternal: boolean
   openInNewTab: boolean
   title: string
   url: string
 }
+export type FooterMainNavProps = {
+  mainLinks: FooterLink[]
+}
+
 type FooterSecondaryNavGroup = {
   title: string
-  links: FooterSecondaryNav[]
+  links: FooterLink[]
 }
 type FooterLinkWithType = {
   href?:
@@ -42,6 +38,7 @@ export type FooterSecondaryNavProps = {
 
 export type FooterDetailsProps = {
   socialMedia?: FooterSocialMedia
+  tertiaryLinks?: FooterLink[]
 }
 
 export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps

From de94510068e293c61a834435b25ace922175158a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:30:33 +0200
Subject: [PATCH 47/92] feat(SW-187): Fixed LanguageSwitcher for footer

---
 components/Footer/Details/details.module.css  |  1 +
 components/Footer/Details/index.tsx           |  9 +--
 .../Navigation/MainNav/mainnav.module.css     |  2 +-
 .../SecondaryNav/secondarynav.module.css      | 10 ++-
 .../Footer/Navigation/navigation.module.css   |  8 +--
 components/Footer/index.tsx                   |  5 +-
 .../Header/MainMenu/MobileMenu/index.tsx      |  6 +-
 .../LanguageSwitcherContent/index.tsx         |  3 +-
 components/LanguageSwitcher/index.tsx         | 26 +++++--
 .../languageSwitcher.module.css               | 31 +++++++--
 components/LanguageSwitcher/variants.ts       | 20 ++++++
 stores/main-menu.ts                           | 67 ++++++++++++-------
 types/components/footer/navigation.ts         |  3 +
 .../languageSwitcher/languageSwitcher.ts      |  2 +-
 14 files changed, 139 insertions(+), 54 deletions(-)
 create mode 100644 components/LanguageSwitcher/variants.ts

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index 51ee8f102..cf2ad10af 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -65,5 +65,6 @@
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
+    gap: var(--Spacing-x4);
   }
 }
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 7f0699439..093969a6b 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -6,8 +6,6 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
-import { footer } from "../mockedData"
-
 import styles from "./details.module.css"
 
 import type { FooterDetailsProps } from "@/types/components/footer/navigation"
@@ -22,11 +20,12 @@ function SocialIcon({ iconName }: SocialIconsProps) {
 export default async function FooterDetails({
   socialMedia,
   tertiaryLinks,
+  languageUrls,
 }: FooterDetailsProps) {
   const lang = getLang()
   const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const { languageSwitcher } = footer
+
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -85,7 +84,9 @@ export default async function FooterDetails({
                 )
             )}
           </nav>
-          <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
+          {languageUrls && (
+            <LanguageSwitcher type="footer" urls={languageUrls} />
+          )}
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 496fa9618..933c9e774 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 767px) {
+@media screen and (min-width: 1367px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 057c1daa5..bedaf577b 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -27,8 +27,14 @@
 
 @media screen and (min-width: 767px) {
   .secondaryNavigation {
-    margin-top: 0;
-    gap: 80px;
+    margin-top: var(--Spacing-x4);
+    gap: 120px;
     flex-direction: row;
   }
 }
+@media screen and (min-width: 1367px) {
+  .secondaryNavigation {
+    margin-top: 0;
+    gap: 80px;
+  }
+}
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index d78408ec4..db086dcb7 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -13,10 +13,7 @@
 
 @media screen and (min-width: 767px) {
   .section {
-    padding: var(--Spacing-x9) var(--Spacing-x6);
-  }
-  .maxWidth {
-    flex-direction: row;
+    padding: var(--Spacing-x9) var(--Spacing-x5);
   }
 }
 
@@ -24,4 +21,7 @@
   .section {
     padding: var(--Spacing-x9) 0;
   }
+  .maxWidth {
+    flex-direction: row;
+  }
 }
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index a6f85bb80..83c5aa7d7 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -9,7 +9,9 @@ export default async function Footer() {
   const footerData = await serverClient().contentstack.base.footer({
     lang: getLang(),
   })
-  if (!footerData) {
+  const languages = await serverClient().contentstack.languageSwitcher.get()
+
+  if (!footerData || !languages) {
     return <FooterDetails />
   }
   return (
@@ -22,6 +24,7 @@ export default async function Footer() {
       <FooterDetails
         socialMedia={footerData.socialMedia}
         tertiaryLinks={footerData.tertiaryLinks}
+        languageUrls={languages.urls}
       />
     </footer>
   )
diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index 025d7dc98..7aa9e7785 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -24,7 +24,7 @@ export default function MobileMenu({
   const {
     isHamburgerMenuOpen,
     isMyPagesMobileMenuOpen,
-    isLanguageSwitcherOpen,
+    isHeaderLanguageSwitcherOpen,
     toggleHamburgerMenu,
     toggleMyPagesMobileMenu,
     toggleLanguageSwitcher,
@@ -40,8 +40,8 @@ export default function MobileMenu({
     if (isMyPagesMobileMenuOpen) {
       toggleMyPagesMobileMenu()
     } else {
-      if (isLanguageSwitcherOpen) {
-        toggleLanguageSwitcher()
+      if (isHeaderLanguageSwitcherOpen) {
+        toggleLanguageSwitcher("header")
       }
 
       toggleHamburgerMenu()
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index 7a20e3da1..4406c4fd5 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -24,6 +24,7 @@ export default function LanguageSwitcherContent({
   const { toggleLanguageSwitcher } = useDropdownStore()
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
+  const position = type === "footer" ? "footer" : "header"
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
@@ -32,7 +33,7 @@ export default function LanguageSwitcherContent({
           <button
             type="button"
             className={styles.backButton}
-            onClick={toggleLanguageSwitcher}
+            onClick={() => toggleLanguageSwitcher(position)}
           >
             <ChevronLeftIcon color="red" />
             <Subtitle type="one">Main Menu</Subtitle>
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index be8a2bebb..cd74e90bc 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -10,6 +10,7 @@ import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
 
 import LanguageSwitcherContent from "./LanguageSwitcherContent"
+import { languageSwitcherVariants } from "./variants"
 
 import styles from "./languageSwitcher.module.css"
 
@@ -21,16 +22,29 @@ export default function LanguageSwitcher({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { toggleLanguageSwitcher, isLanguageSwitcherOpen } = useDropdownStore()
+  const {
+    toggleLanguageSwitcher,
+    isHeaderLanguageSwitcherOpen,
+    isFooterLanguageSwitcherOpen,
+  } = useDropdownStore()
+
+  const position = type === "footer" ? "footer" : "header"
+  const color = type === "footer" ? "pale" : "burgundy"
+  const isLanguageSwitcherOpen =
+    type === "footer"
+      ? isFooterLanguageSwitcherOpen
+      : isHeaderLanguageSwitcherOpen
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
-      toggleLanguageSwitcher()
+      toggleLanguageSwitcher(position)
     }
   })
 
+  const classNames = languageSwitcherVariants({ color, position })
+
   return (
-    <div className={styles.languageSwitcher}>
+    <div className={classNames}>
       <button
         type="button"
         className={styles.button}
@@ -39,15 +53,15 @@ export default function LanguageSwitcher({
             ? "Close language menu"
             : "Open language menu",
         })}
-        onClick={toggleLanguageSwitcher}
+        onClick={() => toggleLanguageSwitcher(position)}
       >
-        <GlobeIcon width={20} height={20} color="burgundy" />
+        <GlobeIcon width={20} height={20} color={color} />
         <span>{languages[currentLanguage]}</span>
         <ChevronDownIcon
           className={`${styles.chevron} ${isLanguageSwitcherOpen ? styles.isExpanded : ""}`}
           width={20}
           height={20}
-          color="burgundy"
+          color={color}
         />
       </button>
 
diff --git a/components/LanguageSwitcher/languageSwitcher.module.css b/components/LanguageSwitcher/languageSwitcher.module.css
index 89ce55b56..6c85a22aa 100644
--- a/components/LanguageSwitcher/languageSwitcher.module.css
+++ b/components/LanguageSwitcher/languageSwitcher.module.css
@@ -1,6 +1,5 @@
 .button {
   background-color: transparent;
-  color: var(--Base-Text-High-contrast);
   font-family: var(--typography-Caption-Regular-fontFamily);
   font-size: var(--typography-Caption-Regular-fontSize);
   border-width: 0;
@@ -13,6 +12,14 @@
   width: 100%;
 }
 
+.burgundy .button {
+  color: var(--Base-Text-High-contrast);
+}
+
+.pale .button {
+  color: var(--Primary-Dark-On-Surface-Text);
+}
+
 .chevron {
   justify-self: end;
   transition: transform 0.3s;
@@ -45,29 +52,43 @@
 
   .dropdown {
     position: absolute;
-    top: 2.25rem;
     background-color: var(--Base-Surface-Primary-light-Normal);
     border-radius: var(--Corner-radius-Large);
     box-shadow: 0px 0px 14px 6px #0000001a;
     display: none;
     min-width: 12.5rem;
     z-index: 1;
+  }
+  .top .dropdown {
+    top: 2.25rem;
     bottom: auto;
   }
 
-  /* Triangle above dropdown */
+  .top .dropdown::before {
+    top: -1.25rem;
+    transform: rotate(180deg);
+  }
+
+  /* Triangle dropdown */
   .dropdown::before {
     content: "";
     position: absolute;
-    top: -1.25rem;
     right: 2.4rem;
-    transform: rotate(180deg);
     border-width: 0.75rem;
     border-style: solid;
     border-color: var(--Base-Surface-Primary-light-Normal) transparent
       transparent transparent;
   }
 
+  .bottom .dropdown {
+    top: auto;
+    bottom: 2.25rem;
+  }
+
+  .bottom .dropdown::before {
+    top: 100%;
+  }
+
   .button {
     grid-template-columns: repeat(3, max-content);
     font-size: var(--typography-Body-Bold-fontSize);
diff --git a/components/LanguageSwitcher/variants.ts b/components/LanguageSwitcher/variants.ts
new file mode 100644
index 000000000..0fac0e5da
--- /dev/null
+++ b/components/LanguageSwitcher/variants.ts
@@ -0,0 +1,20 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./languageSwitcher.module.css"
+
+export const languageSwitcherVariants = cva(styles.languageSwitcher, {
+  variants: {
+    color: {
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+    },
+    position: {
+      header: styles.top,
+      footer: styles.bottom,
+    },
+    defaultVariants: {
+      color: "burgundy",
+      position: "top",
+    },
+  },
+})
diff --git a/stores/main-menu.ts b/stores/main-menu.ts
index 6818d4cdb..454477f08 100644
--- a/stores/main-menu.ts
+++ b/stores/main-menu.ts
@@ -6,18 +6,20 @@ interface DropdownState {
   isHamburgerMenuOpen: boolean
   isMyPagesMobileMenuOpen: boolean
   isMyPagesMenuOpen: boolean
-  isLanguageSwitcherOpen: boolean
+  isHeaderLanguageSwitcherOpen: boolean
+  isFooterLanguageSwitcherOpen: boolean
   toggleHamburgerMenu: () => void
   toggleMyPagesMobileMenu: () => void
   toggleMyPagesMenu: () => void
-  toggleLanguageSwitcher: () => void
+  toggleLanguageSwitcher: (location: "header" | "footer") => void
 }
 
 const useDropdownStore = create<DropdownState>((set) => ({
   isHamburgerMenuOpen: false,
   isMyPagesMobileMenuOpen: false,
   isMyPagesMenuOpen: false,
-  isLanguageSwitcherOpen: false,
+  isHeaderLanguageSwitcherOpen: false,
+  isFooterLanguageSwitcherOpen: false,
   toggleHamburgerMenu: () =>
     set(
       ({ isHamburgerMenuOpen, isMyPagesMenuOpen, isMyPagesMobileMenuOpen }) => {
@@ -39,7 +41,8 @@ const useDropdownStore = create<DropdownState>((set) => ({
         isMyPagesMenuOpen,
         isMyPagesMobileMenuOpen,
         isHamburgerMenuOpen,
-        isLanguageSwitcherOpen,
+        isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen,
       }) => {
         // Close the other dropdowns if they're open
         if (!isMyPagesMobileMenuOpen) {
@@ -49,8 +52,11 @@ const useDropdownStore = create<DropdownState>((set) => ({
           if (isHamburgerMenuOpen) {
             set({ isHamburgerMenuOpen: false })
           }
-          if (isLanguageSwitcherOpen) {
-            set({ isLanguageSwitcherOpen: false })
+          if (isHeaderLanguageSwitcherOpen) {
+            set({ isHeaderLanguageSwitcherOpen: false })
+          }
+          if (isFooterLanguageSwitcherOpen) {
+            set({ isFooterLanguageSwitcherOpen: false })
           }
         }
         return { isMyPagesMobileMenuOpen: !isMyPagesMobileMenuOpen }
@@ -60,7 +66,8 @@ const useDropdownStore = create<DropdownState>((set) => ({
     set(
       ({
         isHamburgerMenuOpen,
-        isLanguageSwitcherOpen,
+        isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen,
         isMyPagesMenuOpen,
         isMyPagesMobileMenuOpen,
       }) => {
@@ -72,32 +79,40 @@ const useDropdownStore = create<DropdownState>((set) => ({
           if (isMyPagesMobileMenuOpen) {
             set({ isMyPagesMobileMenuOpen: false })
           }
-          if (isLanguageSwitcherOpen) {
-            set({ isLanguageSwitcherOpen: false })
+          if (isHeaderLanguageSwitcherOpen) {
+            set({ isHeaderLanguageSwitcherOpen: false })
+          }
+          if (isFooterLanguageSwitcherOpen) {
+            set({ isFooterLanguageSwitcherOpen: false })
           }
         }
         return { isMyPagesMenuOpen: !isMyPagesMenuOpen }
       }
     ),
-  toggleLanguageSwitcher: () =>
-    set(
-      ({
-        isLanguageSwitcherOpen,
-        isMyPagesMenuOpen,
-        isMyPagesMobileMenuOpen,
-      }) => {
-        // Close the other dropdowns if they're open
-        if (!isLanguageSwitcherOpen) {
-          if (isMyPagesMenuOpen) {
-            set({ isMyPagesMenuOpen: false })
-          }
-          if (isMyPagesMobileMenuOpen) {
-            set({ isMyPagesMobileMenuOpen: false })
-          }
+  toggleLanguageSwitcher: (location: "header" | "footer") =>
+    set((state) => {
+      const isCurrentlyOpen =
+        location === "header"
+          ? state.isHeaderLanguageSwitcherOpen
+          : state.isFooterLanguageSwitcherOpen
+
+      if (!isCurrentlyOpen) {
+        return {
+          isHeaderLanguageSwitcherOpen: location === "header",
+          isFooterLanguageSwitcherOpen: location === "footer",
+          isMyPagesMenuOpen: false,
+          isMyPagesMobileMenuOpen: false,
+          isHamburgerMenuOpen: false,
         }
-        return { isLanguageSwitcherOpen: !isLanguageSwitcherOpen }
       }
-    ),
+
+      return {
+        isHeaderLanguageSwitcherOpen:
+          location === "header" ? false : state.isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen:
+          location === "footer" ? false : state.isFooterLanguageSwitcherOpen,
+      }
+    }),
 }))
 
 export default useDropdownStore
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 4da0f479d..e10b43408 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,3 +1,5 @@
+import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+
 export type FooterLink = {
   isExternal: boolean
   openInNewTab: boolean
@@ -39,6 +41,7 @@ export type FooterSecondaryNavProps = {
 export type FooterDetailsProps = {
   socialMedia?: FooterSocialMedia
   tertiaryLinks?: FooterLink[]
+  languageUrls?: LanguageSwitcherData
 }
 
 export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps
diff --git a/types/components/languageSwitcher/languageSwitcher.ts b/types/components/languageSwitcher/languageSwitcher.ts
index fbadfab5d..d938edc87 100644
--- a/types/components/languageSwitcher/languageSwitcher.ts
+++ b/types/components/languageSwitcher/languageSwitcher.ts
@@ -1,6 +1,6 @@
 import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export interface LanguageSwitcherProps {
-  type: "mobileHeader" | "mobileFooter" | "desktopHeader" | "desktopFooter"
+  type: "mobileHeader" | "desktopHeader" | "footer"
   urls: LanguageSwitcherData
 }

From 208d8e6034b265e40a4457ce5508d6d3957eee25 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:31:06 +0200
Subject: [PATCH 48/92] feat(SW-187): Removed mocked data

---
 components/Footer/mockedData.ts | 191 --------------------------------
 1 file changed, 191 deletions(-)
 delete mode 100644 components/Footer/mockedData.ts

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
deleted file mode 100644
index 2a2a40398..000000000
--- a/components/Footer/mockedData.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-export const footer = {
-  mainLinks: [
-    {
-      title: "Travel guides",
-      href: "/travel-guides",
-      id: "travel-guides",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "New hotels",
-      href: "/new-hotels",
-      id: "new-hotels",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "Accessibililty",
-      href: "/accessibility",
-      id: "accessibility",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "Sustanability",
-      href: "/sustainability",
-      id: "sustainability",
-      openInNewTab: false,
-      isExternal: false,
-    },
-  ],
-  appDownloads: {
-    title: "Scandic App",
-    links: [
-      {
-        title: "App Store",
-        href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
-        id: "apple",
-      },
-      {
-        title: "Google Play",
-        href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
-        id: "google",
-      },
-    ],
-  },
-
-  secondaryLinks: [
-    {
-      title: "Customer service",
-      links: [
-        {
-          title: "Contact us",
-          href: "/contact-us",
-          id: "contact-us",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Frequntly asked questions",
-          href: "/frequently-asked-questions",
-          id: "frequently-asked-questions",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Rates and policys",
-          href: "/rates-and-policies",
-          id: "rates-and-policies",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Terms and conditions",
-          href: "/terms-and-conditions",
-          id: "terms-and-conditions",
-          openInNewTab: false,
-          isExternal: false,
-        },
-      ],
-    },
-    {
-      title: "About Scandic Hotels",
-      links: [
-        {
-          title: "Scandic Group",
-          href: "/scandic-group",
-          id: "scandic-group",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Investors",
-          href: "/investors",
-          id: "investors",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Press",
-          href: "/press",
-          id: "press",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Sponsors",
-          href: "/sponsors",
-          id: "sponsors",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Partners",
-          href: "/partners",
-          id: "partners",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Career",
-          href: "/career",
-          id: "career",
-          openInNewTab: false,
-          isExternal: false,
-        },
-      ],
-    },
-  ],
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-  copyrightCompany: "Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-}

From 205157bb364e69645a64948b0afd16bd3b681074 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:36:54 +0200
Subject: [PATCH 49/92] feat(SW-187): removed log

---
 server/routers/contentstack/base/query.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 6ac685d00..b25656e96 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -431,8 +431,6 @@ export const baseQueryRouter = router({
         })
       )
 
-      console.log("secondaryLinks", JSON.stringify(secondaryLinks))
-
       const tertiaryLinks = transformPageConnectionLinks(
         validatedFooterData.tertiary_links
       )

From 0ceded70492cd58939b4a669a4346474fa6f2d20 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:46:45 +0200
Subject: [PATCH 50/92] feat(SW-187): Import type

---
 types/components/footer/navigation.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index e10b43408..503c8ddb9 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,4 +1,4 @@
-import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export type FooterLink = {
   isExternal: boolean

From 6a379df660c2368eb9ade9a8c26282d10e1cf9d2 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 51/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 0d6a57780..c1bb57e80 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -190,3 +190,67 @@ export const footer = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 26151d94602d489b702993aaeeb55e48ce0542bb Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 11:01:31 +0200
Subject: [PATCH 52/92] feat(SW-185): Fixing comments

---
 components/Footer/mockedData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index c1bb57e80..e79257b2e 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -192,7 +192,7 @@ export const footer = {
 }
 
 export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
+  copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   social: {
     links: [

From 5bb4716e8ad6cfee0a4411fb7e27e0593d1e26fc Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 53/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 5 ++---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..d97a97bb8 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index e79257b2e..6f8443187 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -191,10 +191,9 @@ export const footer = {
   },
 }
 
-export const detailsData = {
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -213,7 +212,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",

From af6dde4a23df3934d7a7eaef13dbc2839bd45565 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 54/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index d97a97bb8..adb2d3163 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 9a90fd891d88959cb4c255edadf1cbda0f083cad Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 55/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../{Footer => CurrentFooter}/AppDownloads.graphql     |  0
 .../Fragments/{Footer => CurrentFooter}/Logo.graphql   |  0
 .../{Footer => CurrentFooter}/Navigation.graphql       |  0
 .../{Footer => CurrentFooter}/SocialMedia.graphql      |  0
 .../{Footer => CurrentFooter}/TripAdvisor.graphql      |  0
 lib/graphql/Query/CurrentFooter.graphql                | 10 +++++-----
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/AppDownloads.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Logo.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Navigation.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SocialMedia.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/TripAdvisor.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/AppDownloads.graphql
rename to lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql
diff --git a/lib/graphql/Fragments/Footer/Logo.graphql b/lib/graphql/Fragments/CurrentFooter/Logo.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Logo.graphql
rename to lib/graphql/Fragments/CurrentFooter/Logo.graphql
diff --git a/lib/graphql/Fragments/Footer/Navigation.graphql b/lib/graphql/Fragments/CurrentFooter/Navigation.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Navigation.graphql
rename to lib/graphql/Fragments/CurrentFooter/Navigation.graphql
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SocialMedia.graphql
rename to lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql
diff --git a/lib/graphql/Fragments/Footer/TripAdvisor.graphql b/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/TripAdvisor.graphql
rename to lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql
diff --git a/lib/graphql/Query/CurrentFooter.graphql b/lib/graphql/Query/CurrentFooter.graphql
index 5ec7f6bc9..325f7c04e 100644
--- a/lib/graphql/Query/CurrentFooter.graphql
+++ b/lib/graphql/Query/CurrentFooter.graphql
@@ -1,8 +1,8 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/Logo.graphql"
-#import "../Fragments/Footer/Navigation.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TripAdvisor.graphql"
+#import "../Fragments/CurrentFooter/AppDownloads.graphql"
+#import "../Fragments/CurrentFooter/Logo.graphql"
+#import "../Fragments/CurrentFooter/Navigation.graphql"
+#import "../Fragments/CurrentFooter/SocialMedia.graphql"
+#import "../Fragments/CurrentFooter/TripAdvisor.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetCurrentFooter($locale: String!) {

From 6f6a0a2e7cf7a55a069ccf291f52bd9f86be10d5 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 56/92] feat(SW-187): Footer data from contentstack

---
 components/Current/Footer/index.tsx           |   2 +-
 .../Footer/Navigation/MainNav/index.tsx       |   4 +-
 components/Footer/Navigation/index.tsx        |   5 +-
 components/Footer/index.tsx                   |  15 ++-
 .../Fragments/Footer/AppDownloads.graphql     |  12 ++
 .../Fragments/Footer/MainLinks.graphql        |  29 +++++
 .../Fragments/Footer/Refs/MainLinks.graphql   |  18 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  20 +++
 .../Fragments/Footer/SecondaryLinks.graphql   |  24 ++++
 lib/graphql/Query/Footer.graphql              |  28 +++++
 server/routers/contentstack/base/output.ts    | 115 +++++++++++++++++-
 server/routers/contentstack/base/query.ts     | 105 +++++++++++++++-
 server/routers/contentstack/base/utils.ts     |  10 ++
 types/components/footer/navigation.ts         |   5 +-
 14 files changed, 370 insertions(+), 22 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Query/Footer.graphql

diff --git a/components/Current/Footer/index.tsx b/components/Current/Footer/index.tsx
index e21afaeb4..83860cae7 100644
--- a/components/Current/Footer/index.tsx
+++ b/components/Current/Footer/index.tsx
@@ -8,7 +8,7 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
+  const footerData = await serverClient().contentstack.base.currentFooter({
     lang: getLang(),
   })
   if (!footerData) {
diff --git a/components/Footer/Navigation/MainNav/index.tsx b/components/Footer/Navigation/MainNav/index.tsx
index 353f1a045..91d674d60 100644
--- a/components/Footer/Navigation/MainNav/index.tsx
+++ b/components/Footer/Navigation/MainNav/index.tsx
@@ -11,11 +11,11 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
-          <li key={link.id} className={styles.mainNavigationItem}>
+          <li key={link.title} className={styles.mainNavigationItem}>
             <Subtitle type="two" asChild>
               <Link
                 color="burgundy"
-                href={link.href}
+                href={link.url}
                 className={styles.mainNavigationLink}
               >
                 {link.title}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 9b5baef2d..0e66fb5dd 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -4,8 +4,9 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks, appDownloads } = footer
+export default function FooterNavigation({ ...props }) {
+  const { mainLinks } = props
+  const { secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 66dded2d5..ebd3fa0a8 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,10 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import { getLang } from "@/i18n/serverContext"
+
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
-export default function Footer() {
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.base.footer({
+    lang: getLang(),
+  })
+  if (!footerData) {
+    return null
+  }
+  console.log("footerData:", footerData)
   return (
     <footer>
-      <FooterNavigation />
+      <FooterNavigation {...footerData} />
       <FooterDetails />
     </footer>
   )
diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
new file mode 100644
index 000000000..1a05f8188
--- /dev/null
+++ b/lib/graphql/Query/Footer.graphql
@@ -0,0 +1,28 @@
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/MainLinks.graphql"
+#import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/MainLinks.graphql"
+#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Refs/System.graphql"
+
+query GetFooter($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinks
+      ...SecondaryLinks
+      ...AppDownloads
+    }
+  }
+}
+
+query GetFooterRef($locale: String!) {
+  all_footer(limit: 1, locale: $locale) {
+    items {
+      ...MainLinksRef
+      ...SecondaryLinksRef
+      system {
+        ...System
+      }
+    }
+  }
+}
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 983a024ed..f4149106f 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -7,6 +7,7 @@ import { removeMultipleSlashes } from "@/utils/url"
 import { imageVaultAssetTransformedSchema } from "../schemas/imageVault"
 
 import { Image } from "@/types/image"
+import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -175,7 +176,7 @@ const validateNavigationItem = z.object({
 
 export type NavigationItem = z.infer<typeof validateNavigationItem>
 
-export const validateFooterConfigSchema = z.object({
+export const validateCurrentFooterConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -242,16 +243,18 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type CurrentFooterDataRaw = z.infer<
+  typeof validateCurrentFooterConfigSchema
+>
 
-export type FooterData = Omit<
-  FooterDataRaw["all_current_footer"]["items"][0],
+export type CurrentFooterData = Omit<
+  CurrentFooterDataRaw["all_current_footer"]["items"][0],
   "logoConnection"
 > & {
   logo: Image
 }
 
-const validateFooterRefConfigSchema = z.object({
+const validateCurrentFooterRefConfigSchema = z.object({
   all_current_footer: z.object({
     items: z.array(
       z.object({
@@ -264,6 +267,108 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
+export type CurrentFooterRefDataRaw = z.infer<
+  typeof validateCurrentFooterRefConfigSchema
+>
+
+const validateExternalLink = z
+  .object({
+    href: z.string(),
+    title: z.string(),
+  })
+  .optional()
+
+const validateInternalLink = z
+  .object({
+    edges: z.array(
+      z.object({
+        node: z.object({
+          title: z.string(),
+          url: z.string(),
+        }),
+      })
+    ),
+  })
+  .optional()
+
+const validateLinkItem = z.object({
+  title: z.string(),
+  open_in_new_tab: z.boolean(),
+  link: validateExternalLink,
+  pageConnection: validateInternalLink,
+})
+
+export type FooterLinkItem = z.infer<typeof validateLinkItem>
+
+export const validateFooterConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(validateLinkItem),
+        app_downloads: z.object({
+          title: z.string(),
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
+        secondary_links: z.array(
+          z.object({
+            title: z.string(),
+            links: z.array(validateLinkItem),
+          })
+        ),
+      })
+    ),
+  }),
+})
+
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+
+const pageConnectionRefs = z.object({
+  edges: z.array(
+    z.object({
+      node: z.object({
+        __typename: z.nativeEnum(PageLinkEnum),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      }),
+    })
+  ),
+})
+
+const validateFooterRefConfigSchema = z.object({
+  all_footer: z.object({
+    items: z.array(
+      z.object({
+        main_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
+        secondary_links: z.array(
+          z.object({
+            links: z.array(
+              z.object({
+                pageConnection: pageConnectionRefs,
+              })
+            ),
+          })
+        ),
+        system: z.object({
+          content_type_uid: z.string(),
+          uid: z.string(),
+        }),
+      })
+    ),
+  }),
+})
+
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
 
 const linkConnectionNodeSchema = z
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index aa530e03c..dc60e54f5 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -9,6 +9,7 @@ import {
   GetCurrentHeader,
   GetCurrentHeaderRef,
 } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { GetFooter, GetFooterRef } from "@/lib/graphql/Query/Footer.graphql"
 import { GetHeader, GetHeaderRef } from "@/lib/graphql/Query/Header.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
@@ -23,6 +24,8 @@ import {
 import { langInput } from "./input"
 import {
   type ContactConfigData,
+  CurrentFooterDataRaw,
+  CurrentFooterRefDataRaw,
   CurrentHeaderData,
   CurrentHeaderDataRaw,
   CurrentHeaderRefDataRaw,
@@ -31,10 +34,11 @@ import {
   getHeaderRefSchema,
   getHeaderSchema,
   validateContactConfigSchema,
+  validateCurrentFooterConfigSchema,
   validateCurrentHeaderConfigSchema,
   validateFooterConfigSchema,
 } from "./output"
-import { getConnections } from "./utils"
+import { getConnections, transformPageConnectionLinks } from "./utils"
 
 import type { HeaderRefResponse, HeaderResponse } from "@/types/header"
 
@@ -396,6 +400,87 @@ export const baseQueryRouter = router({
         logo,
       } as CurrentHeaderData
     }),
+  currentFooter: contentstackBaseProcedure
+    .input(langInput)
+    .query(async ({ input }) => {
+      getFooterRefCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer.ref start",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      const responseRef = await request<CurrentFooterRefDataRaw>(
+        GetCurrentFooterRef,
+        {
+          locale: input.lang,
+        }
+      )
+      // There's currently no error handling/validation for the responseRef, should it be added?
+      getFooterCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer start",
+        JSON.stringify({
+          query: {
+            lang: input.lang,
+          },
+        })
+      )
+      const response = await request<CurrentFooterDataRaw>(
+        GetCurrentFooter,
+        {
+          locale: input.lang,
+        },
+        {
+          next: {
+            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+          },
+        }
+      )
+
+      if (!response.data) {
+        const notFoundError = notFound(response)
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "not_found",
+          error: JSON.stringify({ code: notFoundError.code }),
+        })
+        console.error(
+          "contentstack.footer not found error",
+          JSON.stringify({
+            query: {
+              lang: input.lang,
+            },
+            error: { code: notFoundError.code },
+          })
+        )
+        throw notFoundError
+      }
+
+      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedFooterConfig.success) {
+        getFooterFailCounter.add(1, {
+          lang: input.lang,
+          error_type: "validation_error",
+          error: JSON.stringify(validatedFooterConfig.error),
+        })
+        console.error(
+          "contentstack.footer validation error",
+          JSON.stringify({
+            query: { lang: input.lang },
+            error: validatedFooterConfig.error,
+          })
+        )
+        return null
+      }
+      getFooterSuccessCounter.add(1, { lang: input.lang })
+      console.info(
+        "contentstack.footer success",
+        JSON.stringify({ query: { lang: input.lang } })
+      )
+      return validatedFooterConfig.data.all_current_footer.items[0]
+    }),
   footer: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
@@ -412,7 +497,7 @@ export const baseQueryRouter = router({
         {
           cache: "force-cache",
           next: {
-            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+            tags: [generateRefsResponseTag(input.lang, "footer")],
           },
         }
       )
@@ -426,10 +511,9 @@ export const baseQueryRouter = router({
           },
         })
       )
-      const currentFooterUID =
-        responseRef.data.all_current_footer.items[0].system.uid
+      const currentFooterUID = responseRef.data.all_footer.items[0].system.uid
       const response = await request<FooterDataRaw>(
-        GetCurrentFooter,
+        GetFooter,
         {
           locale: input.lang,
         },
@@ -484,6 +568,15 @@ export const baseQueryRouter = router({
         "contentstack.footer success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+      const mainLinks = transformPageConnectionLinks(
+        validatedFooterData.main_links
+      )
+
+      return {
+        mainLinks: mainLinks,
+        appDownloads: validatedFooterData.app_downloads,
+        secondaryLinks: validatedFooterData.secondary_links,
+      }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index dfdacfb66..52dcc808f 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -1,6 +1,7 @@
 import { HeaderRefResponse } from "@/types/header"
 import { Edges } from "@/types/requests/utils/edges"
 import { NodeRefs } from "@/types/requests/utils/refs"
+import type { FooterLinkItem } from "./output"
 
 export function getConnections(refs: HeaderRefResponse) {
   const connections: Edges<NodeRefs>[] = []
@@ -38,3 +39,12 @@ export function getConnections(refs: HeaderRefResponse) {
 
   return connections
 }
+
+export function transformPageConnectionLinks(links: FooterLinkItem[]) {
+  return links.flatMap((link) =>
+    link.pageConnection?.edges.map((edge) => ({
+      title: edge.node.title,
+      url: edge.node.url,
+    }))
+  )
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 2e828298c..c485431cc 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,9 +1,6 @@
 export type FooterMainNav = {
-  id: string
-  href: string
+  url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From ba4465da59a48fb398b6b79bb1e5b957795a1b3f Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 57/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql | 0
 .../Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql    | 0
 .../{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql         | 0
 .../Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql    | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/MainLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/Refs/SecondaryLinks.graphql (100%)
 rename lib/graphql/Fragments/{Footer => CurrentFooter}/SecondaryLinks.graphql (100%)

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql
similarity index 100%
rename from lib/graphql/Fragments/Footer/SecondaryLinks.graphql
rename to lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql

From 59263dbc662a7c108879f5196d88fde788776ac8 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 58/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/MainLinks.graphql        | 29 +++++++++++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 ++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++
 .../Fragments/Footer/SecondaryLinks.graphql   | 24 +++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}

From d4dd21dda70ba8bd548aa862d2567bc1811f11cf Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 30 Aug 2024 08:48:28 +0200
Subject: [PATCH 59/92] feat(SW-187) Secondary navigation

---
 components/Footer/Details/details.module.css       |  2 +-
 .../Footer/Navigation/MainNav/mainnav.module.css   |  2 +-
 .../Footer/Navigation/SecondaryNav/index.tsx       |  5 +++--
 .../SecondaryNav/secondarynav.module.css           |  2 +-
 components/Footer/Navigation/index.tsx             |  4 +---
 components/Footer/Navigation/navigation.module.css |  2 +-
 server/routers/contentstack/base/output.ts         |  4 ++--
 server/routers/contentstack/base/query.ts          | 12 +++++++++++-
 types/components/footer/navigation.ts              | 14 ++++++++------
 9 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index adbf86603..51ee8f102 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -52,7 +52,7 @@
   gap: var(--Spacing-x1);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .details {
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..496fa9618 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index adb2d3163..f49740a35 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -13,6 +13,7 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
+  console.log("secondaryLinks", secondaryLinks[0].links)
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -25,9 +26,9 @@ export default function FooterSecondaryNav({
               <a href={link.href} target="_blank" aria-label={link.title}>
                 <Image
                   src={
-                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
                   }
-                  alt={link.title}
+                  alt={link.href.title}
                   width={125}
                   height={40}
                 />
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3f47d32c7..057c1daa5 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,7 +25,7 @@
   margin: 0;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: 0;
     gap: 80px;
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 0e66fb5dd..a49148541 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,12 +1,10 @@
-import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
-  const { mainLinks } = props
-  const { secondaryLinks, appDownloads } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = props
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index df5dfbcf5..040577f93 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -11,7 +11,7 @@
   max-width: var(--max-width-content);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .section {
     padding: var(--Spacing-x9) 0;
   }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index f4149106f..a15e607a1 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -283,8 +283,8 @@ const validateInternalLink = z
     edges: z.array(
       z.object({
         node: z.object({
-          title: z.string(),
-          url: z.string(),
+          title: z.string().optional(),
+          url: z.string().optional(),
         }),
       })
     ),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index dc60e54f5..908b25cad 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -572,11 +572,21 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
+      console.log(
+        "secondary_links ",
+        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
+      )
+      const secondaryLinks = validatedFooterData.secondary_links.map(
+        (section) => ({
+          ...section,
+          links: transformPageConnectionLinks(section.links),
+        })
+      )
 
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: validatedFooterData.secondary_links,
+        secondaryLinks: secondaryLinks,
       }
     }),
 })
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index c485431cc..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -8,10 +8,10 @@ export type FooterMainNavProps = {
 
 export type FooterSecondaryNav = {
   id: string
-  href: string
-  title: string
-  openInNewTab: boolean
   isExternal: boolean
+  openInNewTab: boolean
+  title: string
+  url: string
 }
 export type FooterSecondaryNavProps = {
   secondaryLinks: {
@@ -21,9 +21,11 @@ export type FooterSecondaryNavProps = {
   appDownloads: {
     title: string
     links: {
-      title: string
-      href: string
-      id: string
+      href: {
+        href: string
+        title: string
+      }
+      type: string
     }[]
   }
 }

From 7173c9e9ebf6c2bc1123fb4a677a291d0a49b856 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 60/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 6f8443187..3669d00bc 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -253,3 +253,67 @@ export const footer = {
     },
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 33ed06a5f26f0181ffa8027d6ef6ee6904eb431f Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 61/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 4 ++--
 types/components/footer/navigation.ts               | 2 ++
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index f49740a35..d7ff76e14 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 3669d00bc..6e86d2490 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -257,7 +257,7 @@ export const footer = {
 export const detailsData = {
   copyrightCompany: "© 2024 Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -276,7 +276,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 341b4d117..a965c29af 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,6 +1,8 @@
 export type FooterMainNav = {
   url: string
   title: string
+  openInNewTab: boolean
+  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 2e796c9a12f8223dc5ae92a0147405c458a88f49 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 62/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index d7ff76e14..f49740a35 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 65d724787ab507267e9654bc1abc2d3c532b5c5e Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 63/92] feat(SW-187): Footer data from contentstack

---
 types/components/footer/navigation.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index a965c29af..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,8 +1,6 @@
 export type FooterMainNav = {
   url: string
   title: string
-  openInNewTab: boolean
-  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 5ef8c1e3566afeba85522f244ff35c231a3bbd26 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 64/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../Fragments/Footer/AppDownloads.graphql     | 12 -----------
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 -----------------
 .../Footer/Refs/SecondaryLinks.graphql        | 20 -------------------
 3 files changed, 50 deletions(-)
 delete mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
deleted file mode 100644
index f9e2f7d40..000000000
--- a/lib/graphql/Fragments/Footer/AppDownloads.graphql
+++ /dev/null
@@ -1,12 +0,0 @@
-fragment AppDownloads on Footer {
-  app_downloads {
-    title
-    links {
-      type
-      href {
-        href
-        title
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
deleted file mode 100644
index cea5340f4..000000000
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ /dev/null
@@ -1,18 +0,0 @@
-fragment MainLinksRef on Footer {
-  __typename
-  main_links {
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ...LoyaltyPageRef
-          ...ContentPageRef
-          ...AccountPageRef
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
deleted file mode 100644
index d324e40b1..000000000
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ /dev/null
@@ -1,20 +0,0 @@
-fragment SecondaryLinksRef on Footer {
-  __typename
-  secondary_links {
-    links {
-      pageConnection {
-        edges {
-          node {
-            __typename
-            ...LoyaltyPageRef
-            ...ContentPageRef
-            ...AccountPageRef
-          }
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}

From 35793c1dd1b7d3b14b678583c6b3498a3e64d8e8 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 65/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/AppDownloads.graphql     | 12 +++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 +++++++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/AppDownloads.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/AppDownloads.graphql b/lib/graphql/Fragments/Footer/AppDownloads.graphql
new file mode 100644
index 000000000..f9e2f7d40
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/AppDownloads.graphql
@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

From 4b6a4670cab1be10b283e4da3009022c54cce571 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 09:22:37 +0200
Subject: [PATCH 66/92] feat(sw-187): fix merge conflicts

---
 components/Footer/Details/index.tsx           |   4 +-
 .../Footer/Navigation/SecondaryNav/index.tsx  |  12 +-
 components/Footer/mockedData.ts               | 208 ++++--------------
 3 files changed, 50 insertions(+), 174 deletions(-)

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 89a3bb16e..f420b0f60 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -1,6 +1,6 @@
-import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
 import Image from "@/components/Image"
+import LanguageSwitcher from "@/components/LanguageSwitcher"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getLang } from "@/i18n/serverContext"
@@ -84,7 +84,7 @@ export default function FooterDetails() {
           {
             // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
           }
-          <LanguageSwitcher urls={languageSwitcher.urls} />
+          <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index f49740a35..c3497ef21 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -22,8 +22,12 @@ export default function FooterSecondaryNav({
         </Body>
         <ul className={styles.secondaryNavigationList}>
           {appDownloads.links.map((link) => (
-            <li key={link.id} className={styles.appDownloadItem}>
-              <a href={link.href} target="_blank" aria-label={link.title}>
+            <li key={link.type} className={styles.appDownloadItem}>
+              <a
+                href={link.href.href}
+                target="_blank"
+                aria-label={link.href.title}
+              >
                 <Image
                   src={
                     AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
@@ -47,7 +51,7 @@ export default function FooterSecondaryNav({
               <li key={link.id} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
-                    href={link.href}
+                    href={link.url}
                     key={link.title}
                     target={link.openInNewTab ? "_blank" : "_self"}
                     aria-label={link.title}
@@ -55,7 +59,7 @@ export default function FooterSecondaryNav({
                     {link.title}
                   </a>
                 ) : (
-                  <Link href={link.href} key={link.title}>
+                  <Link href={link.url} key={link.title}>
                     {link.title}
                   </Link>
                 )}
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 6e86d2490..2a2a40398 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -127,7 +127,46 @@ export const footer = {
       ],
     },
   ],
-
+  tertiaryLinks: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   socialMedia: {
@@ -149,171 +188,4 @@ export const footer = {
       },
     ],
   },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-}
-
-  copyrightCompany: "Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-}
-
-export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
 }

From 4ecbd049b21c672a1348b1d488ff70fa7f5a9b00 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 21 Aug 2024 14:08:15 +0200
Subject: [PATCH 67/92] feat(SW-185): Footer mobile adjustments

---
 components/Footer/mockedData.ts | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 2a2a40398..e93a70f56 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -189,3 +189,67 @@ export const footer = {
     ],
   },
 }
+
+export const detailsData = {
+  copyrightCompany: "© 2024 Scandic AB",
+  copyrightInfo: "All rights reserved.",
+  social: {
+    links: [
+      {
+        title: "Facebook",
+        href: "https://www.facebook.com/scandichotels/",
+        id: "facebook",
+      },
+      {
+        title: "Instagram",
+        href: "https://www.instagram.com/scandichotels/",
+        id: "instagram",
+      },
+      {
+        title: "Tripadvisor",
+        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
+        id: "tripadvisor",
+      },
+    ],
+  },
+  links: [
+    {
+      title: "Cookies",
+      href: "/cookies",
+      id: "cookies",
+    },
+    {
+      title: "Privacy policy",
+      href: "/privacy",
+      id: "privacy",
+    },
+  ],
+  languageSwitcher: {
+    urls: {
+      da: {
+        url: "https://www.scandichotels.com/da",
+        isExternal: true,
+      },
+      de: {
+        url: "https://www.scandichotels.com/de",
+        isExternal: true,
+      },
+      en: {
+        url: "https://www.scandichotels.com/en",
+        isExternal: true,
+      },
+      fi: {
+        url: "https://www.scandichotels.com/fi",
+        isExternal: true,
+      },
+      no: {
+        url: "https://www.scandichotels.com/no",
+        isExternal: true,
+      },
+      sv: {
+        url: "https://www.scandichotels.com/sv",
+        isExternal: true,
+      },
+    },
+  },
+}

From 369b81ec303499abe15de0066b96b40a226fc6d7 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 11:01:31 +0200
Subject: [PATCH 68/92] feat(SW-185): Fixing comments

---
 components/Footer/mockedData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index e93a70f56..49de2ee4d 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -191,7 +191,7 @@ export const footer = {
 }
 
 export const detailsData = {
-  copyrightCompany: "© 2024 Scandic AB",
+  copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
   social: {
     links: [

From 0a7511e27bfeb94f903d48d6ea64247f49da998a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 69/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 components/Footer/mockedData.ts                     | 5 ++---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index c3497ef21..dc153829f 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index 49de2ee4d..d294b908b 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -190,10 +190,9 @@ export const footer = {
   },
 }
 
-export const detailsData = {
   copyrightCompany: "Scandic AB",
   copyrightInfo: "All rights reserved.",
-  social: {
+  socialMedia: {
     links: [
       {
         title: "Facebook",
@@ -212,7 +211,7 @@ export const detailsData = {
       },
     ],
   },
-  links: [
+  tertiaryLinks: [
     {
       title: "Cookies",
       href: "/cookies",

From 937d3ce383e55bd6ace835f425f376df247fae1e Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 70/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index dc153829f..c3497ef21 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From d4a34362568dda70a0b7418db19717494324ece9 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 26 Aug 2024 13:20:54 +0200
Subject: [PATCH 71/92] feat(SW-187): moved footer fragments to CurrentFooter
 folder

---
 .../Fragments/Footer/MainLinks.graphql        | 29 -------------------
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 ------------
 .../Footer/Refs/SecondaryLinks.graphql        | 20 -------------
 .../Fragments/Footer/SecondaryLinks.graphql   | 24 ---------------
 4 files changed, 91 deletions(-)
 delete mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
deleted file mode 100644
index 62abc0eb1..000000000
--- a/lib/graphql/Fragments/Footer/MainLinks.graphql
+++ /dev/null
@@ -1,29 +0,0 @@
-fragment MainLinks on Footer {
-  main_links {
-    title
-    open_in_new_tab
-    link {
-      href
-      title
-    }
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ... on AccountPage {
-            title
-            url
-          }
-          ... on LoyaltyPage {
-            title
-            url
-          }
-          ... on ContentPage {
-            title
-            url
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
deleted file mode 100644
index cea5340f4..000000000
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ /dev/null
@@ -1,18 +0,0 @@
-fragment MainLinksRef on Footer {
-  __typename
-  main_links {
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ...LoyaltyPageRef
-          ...ContentPageRef
-          ...AccountPageRef
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
deleted file mode 100644
index d324e40b1..000000000
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ /dev/null
@@ -1,20 +0,0 @@
-fragment SecondaryLinksRef on Footer {
-  __typename
-  secondary_links {
-    links {
-      pageConnection {
-        edges {
-          node {
-            __typename
-            ...LoyaltyPageRef
-            ...ContentPageRef
-            ...AccountPageRef
-          }
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
deleted file mode 100644
index e6724cd7f..000000000
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ /dev/null
@@ -1,24 +0,0 @@
-#import "../Refs/MyPages/AccountPage.graphql"
-#import "../Refs/ContentPage/ContentPage.graphql"
-#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
-
-fragment SecondaryLinks on Footer {
-  secondary_links {
-    title
-    links {
-      title
-      open_in_new_tab
-      pageConnection {
-        edges {
-          node {
-            __typename
-          }
-        }
-      }
-      link {
-        href
-        title
-      }
-    }
-  }
-}

From e8cf02d28e1efcc74c24a696685e2ba1b1aa9c53 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 28 Aug 2024 08:30:45 +0200
Subject: [PATCH 72/92] feat(SW-187): Footer data from contentstack

---
 .../Fragments/Footer/MainLinks.graphql        | 29 +++++++++++++++++++
 .../Fragments/Footer/Refs/MainLinks.graphql   | 18 ++++++++++++
 .../Footer/Refs/SecondaryLinks.graphql        | 20 +++++++++++++
 .../Fragments/Footer/SecondaryLinks.graphql   | 24 +++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql

diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
new file mode 100644
index 000000000..62abc0eb1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
new file mode 100644
index 000000000..cea5340f4
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
new file mode 100644
index 000000000..d324e40b1
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
new file mode 100644
index 000000000..e6724cd7f
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}

From f9c090a865549a67947f65810d00388ec5ca582e Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:08:11 +0200
Subject: [PATCH 73/92] feat(SW-185): Refactor mocked data

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 -
 types/components/footer/navigation.ts               | 2 ++
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index c3497ef21..dc153829f 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,4 +1,3 @@
-import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 341b4d117..a965c29af 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,6 +1,8 @@
 export type FooterMainNav = {
   url: string
   title: string
+  openInNewTab: boolean
+  isExternal: boolean
 }
 export type FooterMainNavProps = {
   mainLinks: FooterMainNav[]

From 5e8abe55038b697c6616bcd8df280a3fcfbf0be2 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 22 Aug 2024 16:38:35 +0200
Subject: [PATCH 74/92] feat(SW-185): Fixed app download images

---
 components/Footer/Navigation/SecondaryNav/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index dc153829f..c3497ef21 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,3 +1,4 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 

From 24e2adf9e8ee3d6c2cadf0f88696b783f995a152 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 14:07:57 +0200
Subject: [PATCH 75/92] feat(SW-187): App badges localization

---
 .../Footer/Navigation/SecondaryNav/index.tsx  | 10 +++++--
 components/Footer/Navigation/index.tsx        |  2 ++
 components/Footer/index.tsx                   |  1 -
 .../Fragments/Footer/Refs/MainLinks.graphql   |  4 +++
 .../Footer/Refs/SecondaryLinks.graphql        |  4 +++
 .../Fragments/Footer/SecondaryLinks.graphql   | 16 +++++++---
 public/_static/img/app-store-badge-de.svg     | 19 ++++++++++++
 public/_static/img/app-store-badge-dk.svg     | 17 +++++++++++
 ...store-badge.svg => app-store-badge-en.svg} |  0
 public/_static/img/app-store-badge-fi.svg     | 17 +++++++++++
 public/_static/img/app-store-badge-no.svg     | 22 ++++++++++++++
 public/_static/img/app-store-badge-se.svg     | 18 +++++++++++
 public/_static/img/google-play-badge-de.svg   | 24 +++++++++++++++
 public/_static/img/google-play-badge-dk.svg   | 22 ++++++++++++++
 ...lay-badge.svg => google-play-badge-en.svg} |  0
 public/_static/img/google-play-badge-fi.svg   | 22 ++++++++++++++
 public/_static/img/google-play-badge-no.svg   | 27 +++++++++++++++++
 public/_static/img/google-play-badge-se.svg   | 23 ++++++++++++++
 server/routers/contentstack/base/query.ts     | 30 +++++++++++++------
 server/routers/contentstack/base/utils.ts     | 26 ++++++++++++----
 types/components/footer/navigation.ts         | 14 +++++++--
 21 files changed, 293 insertions(+), 25 deletions(-)
 create mode 100644 public/_static/img/app-store-badge-de.svg
 create mode 100644 public/_static/img/app-store-badge-dk.svg
 rename public/_static/img/{app-store-badge.svg => app-store-badge-en.svg} (100%)
 create mode 100644 public/_static/img/app-store-badge-fi.svg
 create mode 100644 public/_static/img/app-store-badge-no.svg
 create mode 100644 public/_static/img/app-store-badge-se.svg
 create mode 100644 public/_static/img/google-play-badge-de.svg
 create mode 100644 public/_static/img/google-play-badge-dk.svg
 rename public/_static/img/{google-play-badge.svg => google-play-badge-en.svg} (100%)
 create mode 100644 public/_static/img/google-play-badge-fi.svg
 create mode 100644 public/_static/img/google-play-badge-no.svg
 create mode 100644 public/_static/img/google-play-badge-se.svg

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index c3497ef21..2588a24fd 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,6 +1,7 @@
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
 
@@ -13,7 +14,8 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
-  console.log("secondaryLinks", secondaryLinks[0].links)
+  const lang = getLang()
+  console.log("hej", JSON.stringify(secondaryLinks, null, 4))
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -30,7 +32,9 @@ export default function FooterSecondaryNav({
               >
                 <Image
                   src={
-                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[
+                      `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
+                    ]
                   }
                   alt={link.href.title}
                   width={125}
@@ -47,7 +51,7 @@ export default function FooterSecondaryNav({
             {link.title}
           </Body>
           <ul className={styles.secondaryNavigationList}>
-            {link.links.map((link) => (
+            {link?.links?.map((link) => (
               <li key={link.id} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index a49148541..e3f6d8238 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -5,6 +5,8 @@ import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
   const { mainLinks, secondaryLinks, appDownloads } = props
+  console.log("mainLinks", mainLinks)
+  console.log("secondaryLinks", secondaryLinks)
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index ebd3fa0a8..129ab1cd5 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -12,7 +12,6 @@ export default async function Footer() {
   if (!footerData) {
     return null
   }
-  console.log("footerData:", footerData)
   return (
     <footer>
       <FooterNavigation {...footerData} />
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
index cea5340f4..6609f66c3 100644
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
@@ -1,3 +1,7 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
 fragment MainLinksRef on Footer {
   __typename
   main_links {
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
index d324e40b1..7022084e8 100644
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
@@ -1,3 +1,7 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
 fragment SecondaryLinksRef on Footer {
   __typename
   secondary_links {
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
index e6724cd7f..691e83817 100644
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -1,7 +1,3 @@
-#import "../Refs/MyPages/AccountPage.graphql"
-#import "../Refs/ContentPage/ContentPage.graphql"
-#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
-
 fragment SecondaryLinks on Footer {
   secondary_links {
     title
@@ -12,6 +8,18 @@ fragment SecondaryLinks on Footer {
         edges {
           node {
             __typename
+            ... on AccountPage {
+              title
+              url
+            }
+            ... on LoyaltyPage {
+              title
+              url
+            }
+            ... on ContentPage {
+              title
+              url
+            }
           }
         }
       }
diff --git a/public/_static/img/app-store-badge-de.svg b/public/_static/img/app-store-badge-de.svg
new file mode 100644
index 000000000..cbe9e530d
--- /dev/null
+++ b/public/_static/img/app-store-badge-de.svg
@@ -0,0 +1,19 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M48.7998 14.6712H45.6709V9.65479H46.45V13.9548H48.7998V14.6712Z" fill="#26201E"/>
+<path d="M49.5872 13.6007C49.5872 12.9192 50.0946 12.5264 50.9952 12.4705L52.0207 12.4114V12.0847C52.0207 11.6848 51.7563 11.4591 51.2456 11.4591C50.8285 11.4591 50.5395 11.6122 50.4566 11.8798H49.7333C49.8097 11.2296 50.4213 10.8125 51.2801 10.8125C52.2292 10.8125 52.7645 11.285 52.7645 12.0847V14.6713H52.0453V14.1393H51.9862C51.8662 14.3301 51.6977 14.4857 51.4979 14.5901C51.2982 14.6945 51.0743 14.7441 50.8491 14.7337C50.6901 14.7502 50.5295 14.7332 50.3775 14.6839C50.2256 14.6345 50.0856 14.5539 49.9667 14.4471C49.8478 14.3404 49.7526 14.2099 49.6873 14.0641C49.6219 13.9183 49.5878 13.7605 49.5872 13.6007ZM52.0207 13.2772V12.9607L51.0962 13.0198C50.5748 13.0547 50.3384 13.232 50.3384 13.5658C50.3384 13.9065 50.6339 14.1048 51.0404 14.1048C51.1594 14.1168 51.2797 14.1048 51.3941 14.0694C51.5084 14.034 51.6145 13.976 51.706 13.8988C51.7974 13.8216 51.8724 13.7268 51.9265 13.62C51.9805 13.5132 52.0126 13.3966 52.0207 13.2772Z" fill="#26201E"/>
+<path d="M53.7465 12.7768C53.7465 11.5806 54.3614 10.8228 55.3179 10.8228C55.5545 10.8119 55.7893 10.8685 55.9949 10.9861C56.2004 11.1037 56.3683 11.2774 56.4788 11.4869H56.5346V9.40771H57.2818V14.6713H56.5658V14.0732H56.5067C56.3877 14.2812 56.214 14.4528 56.0044 14.5692C55.7949 14.6856 55.5575 14.7425 55.3179 14.7337C54.3548 14.7337 53.7465 13.9759 53.7465 12.7768ZM54.5182 12.7768C54.5182 13.5797 54.8967 14.0629 55.5297 14.0629C56.1594 14.0629 56.5486 13.5728 56.5486 12.7801C56.5486 11.9911 56.1554 11.4939 55.5297 11.4939C54.9008 11.4939 54.5182 11.9804 54.5182 12.7768Z" fill="#26201E"/>
+<path d="M61.7088 13.6492C61.6073 13.9952 61.3873 14.2945 61.0875 14.4947C60.7876 14.6949 60.4269 14.7833 60.0684 14.7444C59.819 14.751 59.5711 14.7032 59.342 14.6044C59.1129 14.5056 58.9081 14.3581 58.7417 14.1722C58.5753 13.9863 58.4514 13.7664 58.3785 13.5278C58.3056 13.2892 58.2855 13.0375 58.3196 12.7904C58.2864 12.5425 58.3068 12.2903 58.3796 12.051C58.4523 11.8117 58.5756 11.5907 58.7411 11.4032C58.9066 11.2157 59.1104 11.0659 59.3389 10.964C59.5673 10.8621 59.815 10.8104 60.0651 10.8126C61.1185 10.8126 61.7539 11.5322 61.7539 12.721V12.9817H59.0807V13.0236C59.069 13.1625 59.0865 13.3023 59.132 13.4341C59.1775 13.5659 59.25 13.6867 59.3449 13.7888C59.4399 13.8909 59.5551 13.9721 59.6832 14.0271C59.8113 14.0821 59.9495 14.1097 60.0889 14.1081C60.2676 14.1296 60.4487 14.0974 60.6091 14.0157C60.7694 13.9339 60.9019 13.8064 60.9896 13.6492L61.7088 13.6492ZM59.0807 12.4291H60.9928C61.0022 12.3021 60.985 12.1745 60.9421 12.0545C60.8993 11.9345 60.8318 11.8248 60.7441 11.7324C60.6563 11.6401 60.5502 11.5671 60.4326 11.5182C60.3149 11.4693 60.1883 11.4455 60.061 11.4484C59.9318 11.4468 59.8035 11.4711 59.6838 11.5198C59.5641 11.5685 59.4554 11.6407 59.364 11.7321C59.2727 11.8235 59.2005 11.9323 59.1519 12.052C59.1032 12.1717 59.079 12.2999 59.0807 12.4291Z" fill="#26201E"/>
+<path d="M62.7571 10.8856H63.4763V11.487H63.5321C63.6268 11.271 63.7866 11.09 63.9891 10.9691C64.1916 10.8482 64.4268 10.7935 64.6618 10.8126C64.8461 10.7987 65.031 10.8265 65.203 10.8938C65.375 10.9612 65.5297 11.0663 65.6555 11.2016C65.7814 11.3368 65.8752 11.4986 65.93 11.675C65.9848 11.8514 65.9992 12.0379 65.9722 12.2206V14.6713H65.2251V12.4082C65.2251 11.7999 64.9607 11.4973 64.4082 11.4973C64.2831 11.4915 64.1582 11.5128 64.0422 11.5597C63.9261 11.6066 63.8216 11.6781 63.7357 11.7692C63.6498 11.8604 63.5847 11.969 63.5447 12.0876C63.5048 12.2063 63.491 12.3322 63.5042 12.4567V14.6714H62.7571L62.7571 10.8856Z" fill="#26201E"/>
+<path d="M69.084 9.76621C69.0782 9.66944 69.1017 9.57317 69.1512 9.48987C69.2008 9.40658 69.2743 9.34008 69.3621 9.29901C69.4499 9.25794 69.548 9.24418 69.6437 9.25951C69.7394 9.27485 69.8283 9.31857 69.8989 9.38502C69.9695 9.45146 70.0185 9.53757 70.0396 9.63219C70.0607 9.72681 70.0529 9.82558 70.0171 9.91571C69.9814 10.0058 69.9195 10.0832 69.8393 10.1377C69.7592 10.1922 69.6645 10.2214 69.5676 10.2215C69.5056 10.2246 69.4437 10.2152 69.3854 10.1938C69.3272 10.1724 69.2739 10.1395 69.2287 10.0969C69.1835 10.0544 69.1474 10.0032 69.1226 9.94636C69.0977 9.88953 69.0846 9.82825 69.084 9.76621ZM69.1956 10.8857H69.9395V14.6714H69.1956V10.8857Z" fill="#26201E"/>
+<path d="M71.145 10.8857H71.8642V11.494H71.9201C72.0101 11.2912 72.157 11.1189 72.343 10.9979C72.5291 10.877 72.7462 10.8126 72.9681 10.8126C73.19 10.8126 73.4071 10.877 73.5932 10.9979C73.7792 11.1189 73.9261 11.2912 74.0161 11.494H74.0752C74.1809 11.2815 74.3458 11.1041 74.5501 10.9832C74.7543 10.8623 74.9892 10.803 75.2263 10.8126C75.3922 10.799 75.5591 10.8224 75.7148 10.8811C75.8706 10.9398 76.0114 11.0323 76.1271 11.152C76.2428 11.2717 76.3305 11.4156 76.3838 11.5732C76.4372 11.7309 76.4549 11.8985 76.4357 12.0638V14.6714H75.6885V12.2588C75.6885 11.7477 75.4447 11.4973 74.9546 11.4973C74.849 11.4928 74.7436 11.5102 74.6451 11.5483C74.5465 11.5865 74.4569 11.6446 74.3819 11.719C74.3068 11.7935 74.248 11.8826 74.2091 11.9809C74.1702 12.0792 74.152 12.1844 74.1557 12.29V14.6714H73.4218V12.1858C73.4265 12.0905 73.4105 11.9954 73.3749 11.9069C73.3393 11.8184 73.2849 11.7387 73.2155 11.6733C73.1462 11.6079 73.0634 11.5582 72.973 11.5279C72.8826 11.4975 72.7867 11.4871 72.6919 11.4973C72.5824 11.4991 72.4743 11.523 72.3742 11.5676C72.2741 11.6121 72.184 11.6764 72.1094 11.7566C72.0347 11.8368 71.977 11.9312 71.9397 12.0342C71.9024 12.1372 71.8862 12.2467 71.8922 12.3561V14.6714H71.1451L71.145 10.8857Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-dk.svg b/public/_static/img/app-store-badge-dk.svg
new file mode 100644
index 000000000..1346da85b
--- /dev/null
+++ b/public/_static/img/app-store-badge-dk.svg
@@ -0,0 +1,17 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M48.3555 15.4178V13.217H45.7791V15.4178H45V10.4014H45.7791V12.5081H48.3555V10.4014H49.1305V15.4178L48.3555 15.4178Z" fill="#26201E"/>
+<path d="M53.6092 14.396C53.5076 14.742 53.2877 15.0413 52.9878 15.2415C52.688 15.4417 52.3272 15.5301 51.9688 15.4913C51.7194 15.4978 51.4715 15.4501 51.2424 15.3513C51.0133 15.2524 50.8085 15.105 50.6421 14.919C50.4757 14.7331 50.3517 14.5132 50.2789 14.2746C50.206 14.036 50.1859 13.7844 50.22 13.5372C50.1868 13.2893 50.2072 13.0371 50.2799 12.7978C50.3527 12.5585 50.4759 12.3376 50.6414 12.15C50.807 11.9625 51.0108 11.8127 51.2393 11.7108C51.4677 11.6089 51.7154 11.5573 51.9655 11.5594C53.0189 11.5594 53.6543 12.279 53.6543 13.4678V13.7285H50.9811V13.7704C50.9694 13.9093 50.9868 14.0492 51.0323 14.1809C51.0778 14.3127 51.1504 14.4335 51.2453 14.5357C51.3402 14.6378 51.4554 14.7189 51.5836 14.7739C51.7117 14.8289 51.8499 14.8565 51.9893 14.8549C52.168 14.8764 52.3491 14.8442 52.5094 14.7625C52.6698 14.6808 52.8023 14.5532 52.8899 14.396L53.6092 14.396ZM50.981 13.176H52.8932C52.9026 13.0489 52.8854 12.9213 52.8425 12.8013C52.7997 12.6813 52.7322 12.5716 52.6444 12.4793C52.5567 12.3869 52.4506 12.3139 52.3329 12.265C52.2153 12.2161 52.0887 12.1924 51.9613 12.1953C51.8321 12.1936 51.7039 12.2179 51.5842 12.2666C51.4645 12.3153 51.3558 12.3875 51.2644 12.4789C51.1731 12.5703 51.1009 12.6791 51.0523 12.7988C51.0036 12.9185 50.9794 13.0468 50.981 13.176Z" fill="#26201E"/>
+<path d="M54.6576 11.6322H55.3768V12.2336H55.4326C55.5274 12.0176 55.6871 11.8365 55.8896 11.7156C56.0921 11.5947 56.3273 11.54 56.5624 11.5591C56.7466 11.5453 56.9315 11.5731 57.1035 11.6404C57.2755 11.7077 57.4302 11.8129 57.556 11.9482C57.6819 12.0834 57.7757 12.2452 57.8305 12.4216C57.8853 12.598 57.8997 12.7845 57.8727 12.9672V15.4179H57.1256V13.1548C57.1256 12.5464 56.8612 12.2439 56.3087 12.2439C56.1836 12.2381 56.0588 12.2593 55.9427 12.3063C55.8266 12.3532 55.7221 12.4247 55.6362 12.5158C55.5504 12.6069 55.4852 12.7156 55.4453 12.8342C55.4053 12.9529 55.3915 13.0787 55.4047 13.2032V15.4179H54.6576V11.6322Z" fill="#26201E"/>
+<path d="M60.0402 10.6897V11.6495H60.8604V12.2788H60.0402V14.2254C60.0402 14.622 60.2036 14.7956 60.5755 14.7956C60.6707 14.7953 60.7659 14.7896 60.8604 14.7784V15.4007C60.7263 15.4247 60.5903 15.4375 60.454 15.4389C59.6231 15.4389 59.2923 15.1466 59.2923 14.4167V12.2787H58.6913V11.6494H59.2923V10.6897H60.0402Z" fill="#26201E"/>
+<path d="M63.8022 10.5128C63.7965 10.416 63.8199 10.3198 63.8695 10.2365C63.9191 10.1532 63.9925 10.0867 64.0803 10.0456C64.1681 10.0045 64.2663 9.99076 64.362 10.0061C64.4577 10.0214 64.5466 10.0652 64.6172 10.1316C64.6878 10.198 64.7368 10.2842 64.7579 10.3788C64.7789 10.4734 64.7711 10.5722 64.7354 10.6623C64.6997 10.7524 64.6378 10.8297 64.5576 10.8843C64.4774 10.9388 64.3828 10.968 64.2858 10.968C64.2239 10.9712 64.1619 10.9618 64.1037 10.9404C64.0454 10.919 63.9921 10.8861 63.947 10.8435C63.9018 10.801 63.8657 10.7498 63.8408 10.6929C63.816 10.6361 63.8028 10.5748 63.8022 10.5128ZM63.9139 11.6322H64.6578V15.418H63.9139L63.9139 11.6322Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge.svg b/public/_static/img/app-store-badge-en.svg
similarity index 100%
rename from public/_static/img/app-store-badge.svg
rename to public/_static/img/app-store-badge-en.svg
diff --git a/public/_static/img/app-store-badge-fi.svg b/public/_static/img/app-store-badge-fi.svg
new file mode 100644
index 000000000..43a0ed481
--- /dev/null
+++ b/public/_static/img/app-store-badge-fi.svg
@@ -0,0 +1,17 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.0552 15.1608H45.6709V9.73486H46.5136V14.386H49.0552V15.1608Z" fill="#26201E"/>
+<path d="M49.9069 14.0028C49.9069 13.2657 50.4557 12.8408 51.4298 12.7804L52.539 12.7165V12.3631C52.539 11.9306 52.2531 11.6864 51.7007 11.6864C51.2496 11.6864 50.937 11.852 50.8473 12.1415H50.0649C50.1475 11.4382 50.8091 10.9871 51.738 10.9871C52.7646 10.9871 53.3436 11.4981 53.3436 12.3631V15.1608H52.5656V14.5854H52.5017C52.3719 14.7918 52.1897 14.9601 51.9736 15.073C51.7575 15.186 51.5153 15.2395 51.2718 15.2283C51.0999 15.2462 50.9261 15.2278 50.7618 15.1744C50.5974 15.1211 50.446 15.0338 50.3174 14.9184C50.1888 14.8029 50.0859 14.6618 50.0151 14.5041C49.9444 14.3464 49.9075 14.1756 49.9069 14.0028ZM52.539 13.6529V13.3106L51.539 13.3745C50.9751 13.4123 50.7194 13.6041 50.7194 13.9651C50.7194 14.3336 51.0391 14.5481 51.4787 14.5481C51.6075 14.5611 51.7376 14.5481 51.8613 14.5098C51.985 14.4716 52.0997 14.4088 52.1986 14.3253C52.2975 14.2418 52.3786 14.1392 52.4371 14.0237C52.4956 13.9082 52.5302 13.7821 52.539 13.6529Z" fill="#26201E"/>
+<path d="M55.7031 10.0466V11.0847H56.5902V11.7654H55.7031V13.8709C55.7031 14.2999 55.8798 14.4877 56.2821 14.4877C56.385 14.4874 56.4879 14.4811 56.5902 14.469V15.1422C56.4451 15.1682 56.2981 15.182 56.1506 15.1835C55.2519 15.1835 54.8941 14.8673 54.8941 14.0779V11.7654H54.244V11.0847H54.8941V10.0466H55.7031Z" fill="#26201E"/>
+<path d="M57.4231 14.0028C57.4231 13.2657 57.9719 12.8408 58.9461 12.7804L60.0552 12.7165V12.3631C60.0552 11.9306 59.7693 11.6864 59.2169 11.6864C58.7658 11.6864 58.4532 11.852 58.3635 12.1415H57.5812C57.6638 11.4382 58.3253 10.9871 59.2542 10.9871C60.2808 10.9871 60.8598 11.4981 60.8598 12.3631V15.1608H60.0819V14.5854H60.0179C59.8882 14.7918 59.7059 14.9601 59.4898 15.073C59.2738 15.186 59.0316 15.2395 58.788 15.2283C58.6161 15.2462 58.4424 15.2278 58.278 15.1744C58.1136 15.1211 57.9623 15.0338 57.8337 14.9184C57.7051 14.8029 57.6021 14.6618 57.5314 14.5041C57.4607 14.3464 57.4238 14.1756 57.4231 14.0028ZM60.0552 13.6529V13.3106L59.0553 13.3745C58.4914 13.4123 58.2356 13.6041 58.2356 13.9651C58.2356 14.3336 58.5553 14.5481 58.9949 14.5481C59.1238 14.5611 59.2539 14.5481 59.3775 14.5098C59.5012 14.4716 59.6159 14.4088 59.7149 14.3253C59.8138 14.2418 59.8949 14.1392 59.9534 14.0237C60.0118 13.9082 60.0465 13.7821 60.0552 13.6529Z" fill="#26201E"/>
+<path d="M61.8917 14.0028C61.8917 13.2657 62.4405 12.8408 63.4147 12.7804L64.5239 12.7165V12.3631C64.5239 11.9306 64.2379 11.6864 63.6856 11.6864C63.2344 11.6864 62.9219 11.852 62.8322 12.1415H62.0498C62.1324 11.4382 62.794 10.9871 63.7229 10.9871C64.7494 10.9871 65.3284 11.4981 65.3284 12.3631V15.1608H64.5505V14.5854H64.4866C64.3568 14.7918 64.1746 14.9601 63.9585 15.073C63.7424 15.186 63.5002 15.2395 63.2566 15.2283C63.0847 15.2462 62.911 15.2278 62.7466 15.1744C62.5823 15.1211 62.4309 15.0338 62.3023 14.9184C62.1737 14.8029 62.0707 14.6618 62 14.5041C61.9293 14.3464 61.8924 14.1756 61.8917 14.0028ZM64.5239 13.6529V13.3106L63.5239 13.3745C62.96 13.4123 62.7043 13.6041 62.7043 13.9651C62.7043 14.3336 63.024 14.5481 63.4636 14.5481C63.5924 14.5611 63.7225 14.5481 63.8462 14.5098C63.9698 14.4716 64.0846 14.4088 64.1835 14.3253C64.2824 14.2418 64.3635 14.1392 64.422 14.0237C64.4805 13.9082 64.5151 13.7821 64.5239 13.6529Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-no.svg b/public/_static/img/app-store-badge-no.svg
new file mode 100644
index 000000000..5986e0d29
--- /dev/null
+++ b/public/_static/img/app-store-badge-no.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.2193 15.4157H46V10.2544H46.8017V14.6787H49.2193V15.4157Z" fill="#26201E"/>
+<path d="M50.0294 14.314C50.0294 13.6129 50.5515 13.2087 51.4781 13.1512L52.5332 13.0904V12.7542C52.5332 12.3428 52.2612 12.1105 51.7358 12.1105C51.3067 12.1105 51.0093 12.2681 50.924 12.5435H50.1798C50.2583 11.8744 50.8877 11.4453 51.7713 11.4453C52.7478 11.4453 53.2985 11.9314 53.2985 12.7542V15.4156H52.5586V14.8682H52.4977C52.3743 15.0645 52.2009 15.2246 51.9954 15.332C51.7898 15.4395 51.5595 15.4904 51.3278 15.4797C51.1643 15.4967 50.999 15.4793 50.8426 15.4285C50.6863 15.3778 50.5423 15.2948 50.42 15.1849C50.2976 15.0751 50.1997 14.9409 50.1324 14.7909C50.0651 14.6409 50.0301 14.4784 50.0294 14.314ZM52.5332 13.9812V13.6556L51.582 13.7164C51.0456 13.7523 50.8023 13.9347 50.8023 14.2781C50.8023 14.6287 51.1064 14.8327 51.5246 14.8327C51.6471 14.8451 51.7709 14.8327 51.8885 14.7963C52.0062 14.7599 52.1153 14.7002 52.2094 14.6208C52.3035 14.5413 52.3807 14.4438 52.4363 14.3339C52.4919 14.224 52.5249 14.1041 52.5332 13.9812Z" fill="#26201E"/>
+<path d="M55.9256 11.4453C56.8016 11.4453 57.3743 11.8529 57.4495 12.5397H56.712C56.6411 12.2537 56.3615 12.0713 55.9256 12.0713C55.4965 12.0713 55.1704 12.2748 55.1704 12.5789C55.1704 12.8116 55.3672 12.9582 55.7896 13.055L56.4366 13.2049C57.1775 13.3768 57.5247 13.6953 57.5247 14.2676C57.5247 15.0008 56.8413 15.4907 55.9112 15.4907C54.9845 15.4907 54.3806 15.0722 54.3121 14.382H55.0817C55.148 14.5463 55.2676 14.6835 55.4212 14.7717C55.5749 14.8598 55.7537 14.8938 55.929 14.8682C56.4079 14.8682 56.7484 14.6536 56.7484 14.3423C56.7484 14.11 56.5659 13.9597 56.1756 13.8667L55.4965 13.7092C54.7556 13.5339 54.4127 13.2015 54.4127 12.622C54.4126 11.9315 55.0454 11.4453 55.9256 11.4453Z" fill="#26201E"/>
+<path d="M59.5723 10.5508V11.5383H60.4162V12.1858H59.5723V14.1886C59.5723 14.5966 59.7405 14.7753 60.1231 14.7753C60.2211 14.775 60.319 14.7691 60.4162 14.7576V15.3979C60.2782 15.4226 60.1383 15.4357 59.9981 15.4371C59.1432 15.4371 58.8028 15.1364 58.8028 14.3854V12.1857H58.1844V11.5382H58.8028V10.5508H59.5723Z" fill="#26201E"/>
+<path d="M63.5435 11.5207H64.2835V12.1394H64.3409C64.4383 11.9172 64.6027 11.7309 64.811 11.6065C65.0194 11.4821 65.2614 11.4258 65.5032 11.4455C65.6928 11.4312 65.8831 11.4598 66.06 11.5291C66.237 11.5984 66.3961 11.7066 66.5256 11.8457C66.6551 11.9849 66.7516 12.1513 66.808 12.3328C66.8644 12.5143 66.8793 12.7062 66.8514 12.8942V15.4157H66.0827V13.0872C66.0827 12.4613 65.8107 12.15 65.2422 12.15C65.1135 12.144 64.9851 12.1659 64.8657 12.2142C64.7463 12.2625 64.6387 12.336 64.5503 12.4298C64.462 12.5235 64.395 12.6353 64.3539 12.7574C64.3128 12.8795 64.2985 13.009 64.3122 13.1371V15.4157H63.5435L63.5435 11.5207Z" fill="#26201E"/>
+<path d="M71.3345 14.3639C71.23 14.7199 71.0038 15.0279 70.6952 15.2339C70.3867 15.4399 70.0155 15.5308 69.6467 15.4908C69.3901 15.4976 69.1351 15.4484 68.8994 15.3468C68.6636 15.2451 68.4529 15.0934 68.2817 14.9021C68.1105 14.7108 67.983 14.4845 67.908 14.239C67.833 13.9935 67.8123 13.7346 67.8474 13.4803C67.8133 13.2253 67.8343 12.9658 67.9091 12.7196C67.9839 12.4733 68.1108 12.246 68.281 12.0531C68.4513 11.8601 68.6611 11.706 68.8961 11.6012C69.1312 11.4963 69.386 11.4432 69.6433 11.4454C70.7271 11.4454 71.3814 12.1858 71.3814 13.4089V13.6772H68.6305V13.7203C68.6184 13.8632 68.6364 14.0071 68.6832 14.1427C68.73 14.2783 68.8047 14.4026 68.9023 14.5076C69 14.6127 69.1185 14.6962 69.2504 14.7527C69.3822 14.8093 69.5244 14.8377 69.6678 14.8361C69.8517 14.8582 70.038 14.8251 70.203 14.741C70.368 14.6569 70.5043 14.5257 70.5945 14.3639L71.3345 14.3639ZM68.6305 13.1087H70.5979C70.6075 12.9779 70.5898 12.8466 70.5457 12.7232C70.5016 12.5997 70.4322 12.4869 70.3419 12.3918C70.2516 12.2968 70.1424 12.2217 70.0214 12.1714C69.9004 12.1211 69.7701 12.0966 69.6391 12.0996C69.5061 12.098 69.3742 12.1229 69.251 12.173C69.1279 12.2232 69.016 12.2974 68.922 12.3915C68.828 12.4855 68.7538 12.5974 68.7037 12.7206C68.6536 12.8438 68.6287 12.9757 68.6305 13.1087Z" fill="#26201E"/>
+<path d="M72.2202 13.4664C72.2202 12.2356 72.8529 11.4559 73.837 11.4559C74.0805 11.4447 74.3221 11.503 74.5336 11.624C74.7451 11.745 74.9178 11.9237 75.0315 12.1393H75.0889V10H75.8576V15.4156H75.121V14.8002H75.0602C74.9377 15.0143 74.759 15.1908 74.5434 15.3106C74.3278 15.4303 74.0835 15.4889 73.837 15.4798C72.8462 15.4798 72.2202 14.7001 72.2202 13.4664ZM73.0143 13.4664C73.0143 14.2925 73.4037 14.7897 74.055 14.7897C74.7029 14.7897 75.1033 14.2854 75.1033 13.4698C75.1033 12.658 74.6987 12.1465 74.055 12.1465C73.4079 12.1465 73.0143 12.647 73.0143 13.4664Z" fill="#26201E"/>
+<path d="M79.5069 12.1858H78.8666V11.5383H79.5069V11.159C79.5069 10.3649 79.9394 10.0359 80.7512 10.0359C80.8902 10.0352 81.0291 10.0473 81.1659 10.0718V10.6868C81.0537 10.6679 80.9401 10.6584 80.8264 10.6585C80.4581 10.6585 80.2646 10.8266 80.2646 11.2093V11.5383H81.1338V12.1858H80.2756V15.4157H79.5069V12.1858Z" fill="#26201E"/>
+<path d="M82.1128 11.5206H82.8528V12.1179H82.9102C82.9931 11.9105 83.1395 11.7348 83.3284 11.6159C83.5174 11.497 83.7392 11.441 83.9619 11.456C84.0771 11.4545 84.192 11.4652 84.3049 11.4881V12.2467C84.1638 12.2166 84.02 12.201 83.8758 12.2003C83.749 12.1889 83.6212 12.2041 83.5007 12.2451C83.3801 12.286 83.2695 12.3517 83.1759 12.4379C83.0822 12.5242 83.0077 12.629 82.957 12.7458C82.9063 12.8626 82.8806 12.9887 82.8815 13.1159V15.4157H82.1128L82.1128 11.5206Z" fill="#26201E"/>
+<path d="M84.9089 14.314C84.9089 13.6129 85.431 13.2087 86.3577 13.1512L87.4127 13.0904V12.7542C87.4127 12.3428 87.1407 12.1105 86.6153 12.1105C86.1862 12.1105 85.8888 12.2681 85.8035 12.5435H85.0593C85.1379 11.8744 85.7672 11.4453 86.6508 11.4453C87.6273 11.4453 88.1781 11.9314 88.1781 12.7542V15.4156H87.4381V14.8682H87.3772C87.2538 15.0645 87.0805 15.2246 86.8749 15.332C86.6694 15.4395 86.439 15.4904 86.2073 15.4797C86.0438 15.4967 85.8785 15.4793 85.7222 15.4285C85.5658 15.3777 85.4218 15.2948 85.2995 15.1849C85.1772 15.0751 85.0792 14.9409 85.0119 14.7909C84.9447 14.6409 84.9096 14.4784 84.9089 14.314ZM87.4127 13.9812V13.6556L86.4616 13.7164C85.9251 13.7523 85.6819 13.9347 85.6819 14.2781C85.6819 14.6287 85.986 14.8327 86.4041 14.8327C86.5267 14.8451 86.6504 14.8327 86.7681 14.7963C86.8857 14.7599 86.9949 14.7002 87.089 14.6208C87.1831 14.5413 87.2602 14.4438 87.3158 14.3339C87.3715 14.224 87.4044 14.1041 87.4127 13.9812Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/app-store-badge-se.svg b/public/_static/img/app-store-badge-se.svg
new file mode 100644
index 000000000..d6122c75e
--- /dev/null
+++ b/public/_static/img/app-store-badge-se.svg
@@ -0,0 +1,18 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M52.5962 27.5215L49.02 18.6611H48.5799L45.0312 27.5215H46.4067L46.9844 26.0685H50.6155L51.1932 27.5215H52.5962ZM47.452 24.872L48.8 21.2537L50.1204 24.872H47.452Z" fill="#26201E"/>
+<path d="M56.8323 20.8833C55.952 20.8833 55.1818 21.2822 54.7416 21.9659V21.0542H53.5312V29.9146H54.8242V26.7522C55.2918 27.379 55.9795 27.6639 56.8323 27.6639C57.6851 27.6639 58.4003 27.3505 58.9505 26.6953C59.5007 26.04 59.7758 25.2423 59.7758 24.2736C59.7758 23.305 59.5007 22.5072 58.9505 21.852C58.4003 21.1967 57.6851 20.8833 56.8323 20.8833ZM56.6122 26.3819C56.1171 26.3819 55.6769 26.2109 55.3193 25.8406C54.9617 25.4702 54.7967 24.9574 54.7967 24.2451C54.7967 22.8491 55.6219 22.1369 56.6122 22.1369C57.1349 22.1369 57.575 22.3363 57.9327 22.7352C58.2903 23.134 58.4553 23.6468 58.4553 24.2736C58.4553 24.9004 58.2903 25.3847 57.9327 25.7836C57.575 26.1824 57.1349 26.3819 56.6122 26.3819Z" fill="#26201E"/>
+<path d="M64.2874 20.8833C63.4071 20.8833 62.6369 21.2822 62.1967 21.9659V21.0542H60.9863V29.9146H62.2792V26.7522C62.7469 27.379 63.4346 27.6639 64.2874 27.6639C65.1402 27.6639 65.8554 27.3505 66.4056 26.6953C66.9557 26.04 67.2308 25.2423 67.2308 24.2736C67.2308 23.305 66.9557 22.5072 66.4056 21.852C65.8554 21.1967 65.1402 20.8833 64.2874 20.8833ZM64.0948 26.3819C63.5997 26.3819 63.1595 26.2109 62.8019 25.8406C62.4443 25.4702 62.2792 24.9574 62.2792 24.2451C62.2792 22.8491 63.1045 22.1369 64.0948 22.1369C64.6175 22.1369 65.0576 22.3363 65.4152 22.7352C65.7729 23.134 65.9379 23.6468 65.9379 24.2736C65.9379 24.9004 65.7729 25.3847 65.4152 25.7836C65.0301 26.1824 64.6175 26.3819 64.0948 26.3819Z" fill="#26201E"/>
+<path d="M74.1922 18.6611C73.4769 18.6611 72.8717 18.8891 72.3766 19.3164C71.8814 19.7438 71.6338 20.3136 71.6338 21.0258C71.6338 22.1369 72.3216 22.8492 73.5044 23.4475L74.3847 23.9033C75.2375 24.3306 75.5676 24.5871 75.5676 25.2138C75.5676 25.9546 75.0174 26.4389 74.1646 26.4389C73.3394 26.4389 72.6517 25.9831 72.0465 25.0429L71.1387 25.7836C71.7714 26.9517 72.8717 27.664 74.1922 27.664C74.9624 27.664 75.6226 27.4361 76.1178 26.9802C76.6404 26.5244 76.888 25.8976 76.888 25.1569C76.888 24.0173 76.2553 23.3335 74.9624 22.6782L74.0546 22.2224C73.2293 21.795 72.9267 21.5671 72.9267 20.9688C72.9267 20.2851 73.4769 19.9147 74.1371 19.9147C74.8248 19.9147 75.4025 20.2851 75.8427 20.9688L76.7505 20.2281C76.2828 19.2879 75.32 18.6611 74.1922 18.6611Z" fill="#26201E"/>
+<path d="M80.9584 26.4102C80.1882 26.4102 79.7755 26.1253 79.7755 25.2991V22.2221H81.5636V21.0256H79.7755V19.3162H78.4826V21.0256H77.4923V22.2221H78.4826V25.3845C78.4826 26.8945 79.3079 27.6353 80.6833 27.6353C80.9859 27.6353 81.3435 27.5783 81.7562 27.4928V26.3247C81.3986 26.3817 81.151 26.4102 80.9584 26.4102Z" fill="#26201E"/>
+<path d="M85.4702 20.8833C84.5899 20.8833 83.8196 21.2252 83.2144 21.852C82.6092 22.5072 82.3066 23.305 82.3066 24.2451C82.3066 25.1853 82.6092 26.0115 83.2144 26.6383C83.8196 27.2936 84.5624 27.6069 85.4702 27.6354C86.3504 27.6354 87.0932 27.2936 87.7259 26.6668C88.3586 26.0115 88.6612 25.2138 88.6612 24.2451C88.6612 23.305 88.3311 22.4787 87.7259 21.852C87.1207 21.2252 86.3504 20.8833 85.4702 20.8833ZM85.4977 22.1654C86.0203 22.1654 86.4605 22.3648 86.8181 22.7921C87.1757 23.191 87.3683 23.6753 87.3683 24.3021C87.3683 24.9004 87.1757 25.3847 86.8181 25.8121C86.4605 26.2109 86.0203 26.4104 85.4977 26.4104C84.9475 26.4104 84.5073 26.2109 84.1772 25.8121C83.8196 25.4132 83.6546 24.9004 83.6546 24.3021C83.6546 23.7038 83.8196 23.191 84.1772 22.7921C84.5073 22.3648 84.9475 22.1654 85.4977 22.1654Z" fill="#26201E"/>
+<path d="M92.8422 20.9688C92.0994 20.9688 91.5217 21.2821 91.0816 21.8804V21.0257H89.8712V27.493H91.1641V24.0457C91.1641 22.9061 91.9069 22.2508 92.9247 22.2508H93.3098V21.0257C93.1998 20.9972 93.0347 20.9688 92.8422 20.9688Z" fill="#26201E"/>
+<path d="M99.6368 23.8462C99.6368 22.9915 99.3618 22.2792 98.8391 21.7094C98.3164 21.1396 97.6562 20.8547 96.8584 20.8547C95.9782 20.8547 95.2354 21.1966 94.6577 21.8519C94.0525 22.5072 93.7775 23.3049 93.7775 24.2451C93.7775 25.2137 94.0801 26.0114 94.6853 26.6667C95.2904 27.322 96.0607 27.6354 96.996 27.6354C97.9038 27.6354 98.7015 27.2935 99.3893 26.5812L98.7841 25.6411C98.2339 26.1539 97.6562 26.4103 97.0235 26.4103C95.9782 26.4103 95.2354 25.7835 95.0704 24.7009H99.5543C99.5818 24.416 99.6368 24.1311 99.6368 23.8462ZM96.8034 22.0513C97.6837 22.0513 98.3439 22.6781 98.3439 23.6468H95.0704C95.2629 22.6781 95.9507 22.0513 96.8034 22.0513Z" fill="#26201E"/>
+<path d="M39.0616 19.4299C39.0341 16.9513 41.1522 15.7547 41.2348 15.6977C40.0519 14.0168 38.1813 13.7889 37.5486 13.7604C36.0081 13.5895 34.4951 14.6721 33.6973 14.6721C32.8996 14.6721 31.6617 13.7889 30.3688 13.8174C28.6907 13.8459 27.0952 14.7861 26.2425 16.2675C24.4544 19.259 25.7748 23.675 27.5079 26.0966C28.3606 27.2932 29.351 28.6037 30.6714 28.5752C31.9643 28.5183 32.4319 27.7775 33.9724 27.7775C35.5129 27.7775 35.9531 28.5752 37.301 28.5467C38.6764 28.5183 39.5567 27.3502 40.382 26.1536C41.3723 24.7861 41.7574 23.447 41.7849 23.3901C41.7299 23.3616 39.0891 22.3929 39.0616 19.4299ZM36.5308 12.1935C37.2185 11.3673 37.6861 10.2277 37.5486 9.05957C36.5583 9.08806 35.2929 9.71484 34.5776 10.5411C33.9449 11.2533 33.3672 12.4499 33.5323 13.561C34.6602 13.6465 35.8155 12.9912 36.5308 12.1935Z" fill="#26201E"/>
+<path d="M49.0347 14.6847V12.4786H46.452V14.6848H45.6709V9.65601H46.452V11.7679H49.0347V9.65601H49.8116V14.6848L49.0347 14.6847Z" fill="black"/>
+<path d="M50.8758 13.6115C50.8758 12.9283 51.3844 12.5345 52.2873 12.4785L53.3153 12.4193V12.0917C53.3153 11.6909 53.0503 11.4646 52.5383 11.4646C52.1202 11.4646 51.8305 11.6181 51.7474 11.8864H51.0223C51.0988 11.2345 51.712 10.8164 52.5729 10.8164C53.5243 10.8164 54.061 11.2901 54.061 12.0917V14.6847H53.34V14.1514H53.2807C53.1604 14.3427 52.9915 14.4986 52.7913 14.6033C52.591 14.708 52.3665 14.7577 52.1408 14.7472C51.9815 14.7638 51.8205 14.7468 51.6681 14.6973C51.5158 14.6479 51.3755 14.567 51.2563 14.46C51.1371 14.353 51.0417 14.2222 50.9761 14.076C50.9106 13.9299 50.8764 13.7716 50.8758 13.6115ZM51.3639 9.90324C51.3643 9.81143 51.3918 9.72179 51.4431 9.64563C51.4944 9.56946 51.5671 9.51018 51.652 9.47525C51.7369 9.44032 51.8302 9.43131 51.9202 9.44935C52.0103 9.46739 52.0929 9.51168 52.1578 9.57663C52.2227 9.64158 52.2669 9.72429 52.2849 9.81433C52.3029 9.90437 52.2938 9.99771 52.2588 10.0826C52.2238 10.1675 52.1644 10.2401 52.0882 10.2913C52.012 10.3425 51.9223 10.37 51.8305 10.3703C51.769 10.3711 51.7079 10.3596 51.6509 10.3364C51.5939 10.3132 51.5421 10.2788 51.4986 10.2353C51.4551 10.1917 51.4208 10.1399 51.3976 10.0829C51.3745 10.0259 51.363 9.96478 51.3639 9.90324ZM53.3153 13.2872V12.9699L52.3885 13.0292C51.8659 13.0641 51.6289 13.2419 51.6289 13.5765C51.6289 13.918 51.9252 14.1168 52.3326 14.1168C52.452 14.1289 52.5726 14.1168 52.6872 14.0814C52.8018 14.0459 52.9081 13.9877 52.9998 13.9103C53.0915 13.8329 53.1667 13.7379 53.2209 13.6308C53.2751 13.5237 53.3072 13.4069 53.3153 13.2872ZM52.8519 9.90324C52.8513 9.84177 52.8628 9.78078 52.8859 9.7238C52.909 9.66681 52.9431 9.61498 52.9864 9.57128C53.0296 9.52758 53.0811 9.49289 53.1379 9.46921C53.1946 9.44554 53.2555 9.43335 53.3169 9.43335C53.3784 9.43335 53.4393 9.44554 53.496 9.46921C53.5528 9.49289 53.6042 9.52758 53.6475 9.57128C53.6907 9.61498 53.7249 9.66681 53.748 9.7238C53.771 9.78078 53.7826 9.84177 53.782 9.90324C53.782 10.0266 53.733 10.1449 53.6458 10.2321C53.5586 10.3193 53.4403 10.3683 53.3169 10.3683C53.1936 10.3683 53.0753 10.3193 52.9881 10.2321C52.9009 10.1449 52.8519 10.0266 52.8519 9.90324Z" fill="black"/>
+<path d="M55.2338 10.8898H55.9548V11.4996H56.0108C56.101 11.2963 56.2483 11.1236 56.4348 11.0023C56.6213 10.881 56.839 10.8165 57.0614 10.8165C57.2838 10.8165 57.5015 10.881 57.688 11.0023C57.8745 11.1236 58.0218 11.2963 58.112 11.4996H58.1713C58.2772 11.2866 58.4425 11.1087 58.6472 10.9875C58.852 10.8663 59.0874 10.8069 59.3252 10.8165C59.4915 10.8029 59.6587 10.8263 59.8149 10.8852C59.971 10.944 60.1122 11.0368 60.2282 11.1568C60.3441 11.2767 60.432 11.421 60.4855 11.579C60.539 11.7371 60.5568 11.9051 60.5375 12.0708V14.6848H59.7885V12.2663C59.7885 11.754 59.5441 11.5029 59.0528 11.5029C58.9469 11.4984 58.8413 11.5158 58.7425 11.554C58.6437 11.5923 58.5538 11.6505 58.4786 11.7252C58.4034 11.7998 58.3445 11.8892 58.3055 11.9877C58.2664 12.0862 58.2482 12.1917 58.252 12.2976V14.6848H57.5162V12.1931C57.5209 12.0976 57.5049 12.0022 57.4692 11.9135C57.4335 11.8248 57.379 11.7449 57.3094 11.6793C57.2399 11.6137 57.157 11.564 57.0663 11.5335C56.9757 11.5031 56.8796 11.4926 56.7845 11.5029C56.6747 11.5047 56.5664 11.5287 56.466 11.5733C56.3657 11.618 56.2754 11.6824 56.2005 11.7628C56.1257 11.8432 56.0678 11.9379 56.0304 12.0411C55.993 12.1444 55.9769 12.2542 55.9829 12.3638V14.6848H55.2338V10.8898Z" fill="black"/>
+<path d="M62.7095 9.94482V10.907H63.5317V11.5378H62.7095V13.4893C62.7095 13.8868 62.8733 14.0609 63.2461 14.0609C63.3416 14.0605 63.4369 14.0548 63.5317 14.0436V14.6674C63.3972 14.6915 63.2609 14.7043 63.1243 14.7057C62.2914 14.7057 61.9597 14.4127 61.9597 13.681V11.5378H61.3572V10.9069H61.9597V9.94482H62.7095Z" fill="black"/>
+<path d="M64.3037 13.6114C64.3037 12.9283 64.8124 12.5345 65.7152 12.4785L66.7432 12.4193V12.0917C66.7432 11.6909 66.4782 11.4645 65.9663 11.4645C65.5482 11.4645 65.2584 11.618 65.1753 11.8864H64.4502C64.5268 11.2345 65.1399 10.8164 66.0008 10.8164C66.9523 10.8164 67.4889 11.2901 67.4889 12.0917V14.6847H66.7679V14.1514H66.7086C66.5884 14.3427 66.4195 14.4986 66.2192 14.6033C66.0189 14.708 65.7945 14.7577 65.5687 14.7472C65.4094 14.7638 65.2484 14.7468 65.096 14.6973C64.9437 14.6479 64.8034 14.567 64.6842 14.46C64.565 14.353 64.4696 14.2222 64.4041 14.076C64.3385 13.9299 64.3043 13.7716 64.3037 13.6114ZM66.7432 13.2872V12.9699L65.8165 13.0291C65.2938 13.0641 65.0568 13.2419 65.0568 13.5765C65.0568 13.918 65.3531 14.1168 65.7605 14.1168C65.8799 14.1289 66.0005 14.1168 66.1151 14.0813C66.2297 14.0459 66.3361 13.9877 66.4277 13.9103C66.5194 13.8329 66.5946 13.7378 66.6488 13.6308C66.703 13.5237 66.7351 13.4069 66.7432 13.2872Z" fill="black"/>
+<path d="M70.6226 9.76747C70.6168 9.67047 70.6403 9.57396 70.69 9.49046C70.7397 9.40695 70.8134 9.3403 70.9014 9.29912C70.9894 9.25795 71.0878 9.24416 71.1837 9.25953C71.2797 9.2749 71.3688 9.31873 71.4396 9.38534C71.5103 9.45195 71.5595 9.53827 71.5806 9.63313C71.6017 9.72798 71.5939 9.82699 71.5581 9.91734C71.5223 10.0077 71.4602 10.0852 71.3798 10.1399C71.2995 10.1945 71.2046 10.2238 71.1074 10.2238C71.0453 10.227 70.9832 10.2176 70.9248 10.1961C70.8664 10.1747 70.813 10.1417 70.7677 10.099C70.7224 10.0564 70.6862 10.005 70.6613 9.94807C70.6364 9.89109 70.6232 9.82966 70.6226 9.76747ZM70.7337 10.8897H71.4802V14.6847H70.7337V10.8897Z" fill="black"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-de.svg b/public/_static/img/google-play-badge-de.svg
new file mode 100644
index 000000000..b0380fc96
--- /dev/null
+++ b/public/_static/img/google-play-badge-de.svg
@@ -0,0 +1,24 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M47.7998 15.6712H44.6709V10.6548H45.45V14.9548H47.7998V15.6712Z" fill="#26201E"/>
+<path d="M48.5872 14.6007C48.5872 13.9192 49.0946 13.5264 49.9952 13.4705L51.0207 13.4114V13.0847C51.0207 12.6848 50.7563 12.4591 50.2456 12.4591C49.8285 12.4591 49.5395 12.6122 49.4566 12.8798H48.7333C48.8097 12.2296 49.4213 11.8125 50.2801 11.8125C51.2292 11.8125 51.7645 12.285 51.7645 13.0847V15.6713H51.0453V15.1393H50.9862C50.8662 15.3301 50.6977 15.4857 50.4979 15.5901C50.2982 15.6945 50.0743 15.7441 49.8491 15.7337C49.6901 15.7502 49.5295 15.7332 49.3775 15.6839C49.2256 15.6345 49.0856 15.5539 48.9667 15.4471C48.8478 15.3404 48.7526 15.2099 48.6873 15.0641C48.6219 14.9183 48.5878 14.7605 48.5872 14.6007ZM51.0207 14.2772V13.9607L50.0962 14.0198C49.5748 14.0547 49.3384 14.232 49.3384 14.5658C49.3384 14.9065 49.6339 15.1048 50.0404 15.1048C50.1594 15.1168 50.2797 15.1048 50.3941 15.0694C50.5084 15.034 50.6145 14.976 50.706 14.8988C50.7974 14.8216 50.8724 14.7268 50.9265 14.62C50.9805 14.5132 51.0126 14.3966 51.0207 14.2772Z" fill="#26201E"/>
+<path d="M52.7465 13.7768C52.7465 12.5806 53.3614 11.8228 54.3179 11.8228C54.5545 11.8119 54.7893 11.8685 54.9949 11.9861C55.2004 12.1037 55.3683 12.2774 55.4788 12.4869H55.5346V10.4077H56.2818V15.6713H55.5658V15.0732H55.5067C55.3877 15.2812 55.214 15.4528 55.0044 15.5692C54.7949 15.6856 54.5575 15.7425 54.3179 15.7337C53.3548 15.7337 52.7465 14.9759 52.7465 13.7768ZM53.5182 13.7768C53.5182 14.5797 53.8967 15.0629 54.5297 15.0629C55.1594 15.0629 55.5486 14.5728 55.5486 13.7801C55.5486 12.9911 55.1554 12.4939 54.5297 12.4939C53.9008 12.4939 53.5182 12.9804 53.5182 13.7768Z" fill="#26201E"/>
+<path d="M60.7088 14.6492C60.6073 14.9952 60.3873 15.2945 60.0875 15.4947C59.7876 15.6949 59.4269 15.7833 59.0684 15.7444C58.819 15.751 58.5711 15.7032 58.342 15.6044C58.1129 15.5056 57.9081 15.3581 57.7417 15.1722C57.5753 14.9863 57.4514 14.7664 57.3785 14.5278C57.3056 14.2892 57.2855 14.0375 57.3196 13.7904C57.2864 13.5425 57.3068 13.2903 57.3796 13.051C57.4523 12.8117 57.5756 12.5907 57.7411 12.4032C57.9066 12.2157 58.1104 12.0659 58.3389 11.964C58.5673 11.8621 58.815 11.8104 59.0651 11.8126C60.1185 11.8126 60.7539 12.5322 60.7539 13.721V13.9817H58.0807V14.0236C58.069 14.1625 58.0865 14.3023 58.132 14.4341C58.1775 14.5659 58.25 14.6867 58.3449 14.7888C58.4399 14.8909 58.5551 14.9721 58.6832 15.0271C58.8113 15.0821 58.9495 15.1097 59.0889 15.1081C59.2676 15.1296 59.4487 15.0974 59.6091 15.0157C59.7694 14.9339 59.9019 14.8064 59.9896 14.6492L60.7088 14.6492ZM58.0807 13.4291H59.9928C60.0022 13.3021 59.985 13.1745 59.9421 13.0545C59.8993 12.9345 59.8318 12.8248 59.7441 12.7324C59.6563 12.6401 59.5502 12.5671 59.4326 12.5182C59.3149 12.4693 59.1883 12.4455 59.061 12.4484C58.9318 12.4468 58.8035 12.4711 58.6838 12.5198C58.5641 12.5685 58.4554 12.6407 58.364 12.7321C58.2727 12.8235 58.2005 12.9323 58.1519 13.052C58.1032 13.1717 58.079 13.2999 58.0807 13.4291Z" fill="#26201E"/>
+<path d="M61.7571 11.8856H62.4763V12.487H62.5321C62.6268 12.271 62.7866 12.09 62.9891 11.9691C63.1916 11.8482 63.4268 11.7935 63.6618 11.8126C63.8461 11.7987 64.031 11.8265 64.203 11.8938C64.375 11.9612 64.5297 12.0663 64.6555 12.2016C64.7814 12.3368 64.8752 12.4986 64.93 12.675C64.9848 12.8514 64.9992 13.0379 64.9722 13.2206V15.6713H64.2251V13.4082C64.2251 12.7999 63.9607 12.4973 63.4082 12.4973C63.2831 12.4915 63.1582 12.5128 63.0422 12.5597C62.9261 12.6066 62.8216 12.6781 62.7357 12.7692C62.6498 12.8604 62.5847 12.969 62.5447 13.0876C62.5048 13.2063 62.491 13.3322 62.5042 13.4567V15.6714H61.7571L61.7571 11.8856Z" fill="#26201E"/>
+<path d="M68.084 10.7662C68.0782 10.6694 68.1017 10.5732 68.1512 10.4899C68.2008 10.4066 68.2743 10.3401 68.3621 10.299C68.4499 10.2579 68.548 10.2442 68.6437 10.2595C68.7394 10.2748 68.8283 10.3186 68.8989 10.385C68.9695 10.4515 69.0185 10.5376 69.0396 10.6322C69.0607 10.7268 69.0529 10.8256 69.0171 10.9157C68.9814 11.0058 68.9195 11.0832 68.8393 11.1377C68.7592 11.1922 68.6645 11.2214 68.5676 11.2215C68.5056 11.2246 68.4437 11.2152 68.3854 11.1938C68.3272 11.1724 68.2739 11.1395 68.2287 11.0969C68.1835 11.0544 68.1474 11.0032 68.1226 10.9464C68.0977 10.8895 68.0846 10.8282 68.084 10.7662ZM68.1956 11.8857H68.9395V15.6714H68.1956V11.8857Z" fill="#26201E"/>
+<path d="M70.145 11.8857H70.8642V12.494H70.9201C71.0101 12.2912 71.157 12.1189 71.343 11.9979C71.5291 11.877 71.7462 11.8126 71.9681 11.8126C72.19 11.8126 72.4071 11.877 72.5932 11.9979C72.7792 12.1189 72.9261 12.2912 73.0161 12.494H73.0752C73.1809 12.2815 73.3458 12.1041 73.5501 11.9832C73.7543 11.8623 73.9892 11.803 74.2263 11.8126C74.3922 11.799 74.5591 11.8224 74.7148 11.8811C74.8706 11.9398 75.0114 12.0323 75.1271 12.152C75.2428 12.2717 75.3305 12.4156 75.3838 12.5732C75.4372 12.7309 75.4549 12.8985 75.4357 13.0638V15.6714H74.6885V13.2588C74.6885 12.7477 74.4447 12.4973 73.9546 12.4973C73.849 12.4928 73.7436 12.5102 73.6451 12.5483C73.5465 12.5865 73.4569 12.6446 73.3819 12.719C73.3068 12.7935 73.248 12.8826 73.2091 12.9809C73.1702 13.0792 73.152 13.1844 73.1557 13.29V15.6714H72.4218V13.1858C72.4265 13.0905 72.4105 12.9954 72.3749 12.9069C72.3393 12.8184 72.2849 12.7387 72.2155 12.6733C72.1462 12.6079 72.0634 12.5582 71.973 12.5279C71.8826 12.4975 71.7867 12.4871 71.6919 12.4973C71.5824 12.4991 71.4743 12.523 71.3742 12.5676C71.2741 12.6121 71.184 12.6764 71.1094 12.7566C71.0347 12.8368 70.977 12.9312 70.9397 13.0342C70.9024 13.1372 70.8862 13.2467 70.8922 13.3561V15.6714H70.1451L70.145 11.8857Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-dk.svg b/public/_static/img/google-play-badge-dk.svg
new file mode 100644
index 000000000..88a123aee
--- /dev/null
+++ b/public/_static/img/google-play-badge-dk.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.3555 16.4178V14.217H45.7791V16.4178H45V11.4014H45.7791V13.5081H48.3555V11.4014H49.1305V16.4178L48.3555 16.4178Z" fill="#26201E"/>
+<path d="M53.6092 15.396C53.5076 15.742 53.2877 16.0413 52.9878 16.2415C52.688 16.4417 52.3272 16.5301 51.9688 16.4913C51.7194 16.4978 51.4715 16.4501 51.2424 16.3513C51.0133 16.2524 50.8085 16.105 50.6421 15.919C50.4757 15.7331 50.3517 15.5132 50.2789 15.2746C50.206 15.036 50.1859 14.7844 50.22 14.5372C50.1868 14.2893 50.2072 14.0371 50.2799 13.7978C50.3527 13.5585 50.4759 13.3376 50.6414 13.15C50.807 12.9625 51.0108 12.8127 51.2393 12.7108C51.4677 12.6089 51.7154 12.5573 51.9655 12.5594C53.0189 12.5594 53.6543 13.279 53.6543 14.4678V14.7285H50.9811V14.7704C50.9694 14.9093 50.9868 15.0492 51.0323 15.1809C51.0778 15.3127 51.1504 15.4335 51.2453 15.5357C51.3402 15.6378 51.4554 15.7189 51.5836 15.7739C51.7117 15.8289 51.8499 15.8565 51.9893 15.8549C52.168 15.8764 52.3491 15.8442 52.5094 15.7625C52.6698 15.6808 52.8023 15.5532 52.8899 15.396L53.6092 15.396ZM50.981 14.176H52.8932C52.9026 14.0489 52.8854 13.9213 52.8425 13.8013C52.7997 13.6813 52.7322 13.5716 52.6444 13.4793C52.5567 13.3869 52.4506 13.3139 52.3329 13.265C52.2153 13.2161 52.0887 13.1924 51.9613 13.1953C51.8321 13.1936 51.7039 13.2179 51.5842 13.2666C51.4645 13.3153 51.3558 13.3875 51.2644 13.4789C51.1731 13.5703 51.1009 13.6791 51.0523 13.7988C51.0036 13.9185 50.9794 14.0468 50.981 14.176Z" fill="#26201E"/>
+<path d="M54.6576 12.6322H55.3768V13.2336H55.4326C55.5274 13.0176 55.6871 12.8365 55.8896 12.7156C56.0921 12.5947 56.3273 12.54 56.5624 12.5591C56.7466 12.5453 56.9315 12.5731 57.1035 12.6404C57.2755 12.7077 57.4302 12.8129 57.556 12.9482C57.6819 13.0834 57.7757 13.2452 57.8305 13.4216C57.8853 13.598 57.8997 13.7845 57.8727 13.9672V16.4179H57.1256V14.1548C57.1256 13.5464 56.8612 13.2439 56.3087 13.2439C56.1836 13.2381 56.0588 13.2593 55.9427 13.3063C55.8266 13.3532 55.7221 13.4247 55.6362 13.5158C55.5504 13.6069 55.4852 13.7156 55.4453 13.8342C55.4053 13.9529 55.3915 14.0787 55.4047 14.2032V16.4179H54.6576V12.6322Z" fill="#26201E"/>
+<path d="M60.0402 11.6897V12.6495H60.8604V13.2788H60.0402V15.2254C60.0402 15.622 60.2036 15.7956 60.5755 15.7956C60.6707 15.7953 60.7659 15.7896 60.8604 15.7784V16.4007C60.7263 16.4247 60.5903 16.4375 60.454 16.4389C59.6231 16.4389 59.2923 16.1466 59.2923 15.4167V13.2787H58.6913V12.6494H59.2923V11.6897H60.0402Z" fill="#26201E"/>
+<path d="M63.8022 11.5128C63.7965 11.416 63.8199 11.3198 63.8695 11.2365C63.9191 11.1532 63.9925 11.0867 64.0803 11.0456C64.1681 11.0045 64.2663 10.9908 64.362 11.0061C64.4577 11.0214 64.5466 11.0652 64.6172 11.1316C64.6878 11.198 64.7368 11.2842 64.7579 11.3788C64.7789 11.4734 64.7711 11.5722 64.7354 11.6623C64.6997 11.7524 64.6378 11.8297 64.5576 11.8843C64.4774 11.9388 64.3828 11.968 64.2858 11.968C64.2239 11.9712 64.1619 11.9618 64.1037 11.9404C64.0454 11.919 63.9921 11.8861 63.947 11.8435C63.9018 11.801 63.8657 11.7498 63.8408 11.6929C63.816 11.6361 63.8028 11.5748 63.8022 11.5128ZM63.9139 12.6322H64.6578V16.418H63.9139L63.9139 12.6322Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge.svg b/public/_static/img/google-play-badge-en.svg
similarity index 100%
rename from public/_static/img/google-play-badge.svg
rename to public/_static/img/google-play-badge-en.svg
diff --git a/public/_static/img/google-play-badge-fi.svg b/public/_static/img/google-play-badge-fi.svg
new file mode 100644
index 000000000..d06057408
--- /dev/null
+++ b/public/_static/img/google-play-badge-fi.svg
@@ -0,0 +1,22 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.0552 16.1608H44.6709V10.7349H45.5136V15.386H48.0552V16.1608Z" fill="#26201E"/>
+<path d="M48.9069 15.0028C48.9069 14.2657 49.4557 13.8408 50.4298 13.7804L51.539 13.7165V13.3631C51.539 12.9306 51.2531 12.6864 50.7007 12.6864C50.2496 12.6864 49.937 12.852 49.8473 13.1415H49.0649C49.1475 12.4382 49.8091 11.9871 50.738 11.9871C51.7646 11.9871 52.3436 12.4981 52.3436 13.3631V16.1608H51.5656V15.5854H51.5017C51.3719 15.7918 51.1897 15.9601 50.9736 16.073C50.7575 16.186 50.5153 16.2395 50.2718 16.2283C50.0999 16.2462 49.9261 16.2278 49.7618 16.1744C49.5974 16.1211 49.446 16.0338 49.3174 15.9184C49.1888 15.8029 49.0859 15.6618 49.0151 15.5041C48.9444 15.3464 48.9075 15.1756 48.9069 15.0028ZM51.539 14.6529V14.3106L50.539 14.3745C49.9751 14.4123 49.7194 14.6041 49.7194 14.9651C49.7194 15.3336 50.0391 15.5481 50.4787 15.5481C50.6075 15.5611 50.7376 15.5481 50.8613 15.5098C50.985 15.4716 51.0997 15.4088 51.1986 15.3253C51.2975 15.2418 51.3786 15.1392 51.4371 15.0237C51.4956 14.9082 51.5302 14.7821 51.539 14.6529Z" fill="#26201E"/>
+<path d="M54.7031 11.0466V12.0847H55.5902V12.7654H54.7031V14.8709C54.7031 15.2999 54.8798 15.4877 55.2821 15.4877C55.385 15.4874 55.4879 15.4811 55.5902 15.469V16.1422C55.4451 16.1682 55.2981 16.182 55.1506 16.1835C54.2519 16.1835 53.8941 15.8673 53.8941 15.0779V12.7654H53.244V12.0847H53.8941V11.0466H54.7031Z" fill="#26201E"/>
+<path d="M56.4231 15.0028C56.4231 14.2657 56.9719 13.8408 57.9461 13.7804L59.0552 13.7165V13.3631C59.0552 12.9306 58.7693 12.6864 58.2169 12.6864C57.7658 12.6864 57.4532 12.852 57.3635 13.1415H56.5812C56.6638 12.4382 57.3253 11.9871 58.2542 11.9871C59.2808 11.9871 59.8598 12.4981 59.8598 13.3631V16.1608H59.0819V15.5854H59.0179C58.8882 15.7918 58.7059 15.9601 58.4898 16.073C58.2738 16.186 58.0316 16.2395 57.788 16.2283C57.6161 16.2462 57.4424 16.2278 57.278 16.1744C57.1136 16.1211 56.9623 16.0338 56.8337 15.9184C56.7051 15.8029 56.6021 15.6618 56.5314 15.5041C56.4607 15.3464 56.4238 15.1756 56.4231 15.0028ZM59.0552 14.6529V14.3106L58.0553 14.3745C57.4914 14.4123 57.2356 14.6041 57.2356 14.9651C57.2356 15.3336 57.5553 15.5481 57.9949 15.5481C58.1238 15.5611 58.2539 15.5481 58.3775 15.5098C58.5012 15.4716 58.6159 15.4088 58.7149 15.3253C58.8138 15.2418 58.8949 15.1392 58.9534 15.0237C59.0118 14.9082 59.0465 14.7821 59.0552 14.6529Z" fill="#26201E"/>
+<path d="M60.8917 15.0028C60.8917 14.2657 61.4405 13.8408 62.4147 13.7804L63.5239 13.7165V13.3631C63.5239 12.9306 63.2379 12.6864 62.6856 12.6864C62.2344 12.6864 61.9219 12.852 61.8322 13.1415H61.0498C61.1324 12.4382 61.794 11.9871 62.7229 11.9871C63.7494 11.9871 64.3284 12.4981 64.3284 13.3631V16.1608H63.5505V15.5854H63.4866C63.3568 15.7918 63.1746 15.9601 62.9585 16.073C62.7424 16.186 62.5002 16.2395 62.2566 16.2283C62.0847 16.2462 61.911 16.2278 61.7466 16.1744C61.5823 16.1211 61.4309 16.0338 61.3023 15.9184C61.1737 15.8029 61.0707 15.6618 61 15.5041C60.9293 15.3464 60.8924 15.1756 60.8917 15.0028ZM63.5239 14.6529V14.3106L62.5239 14.3745C61.96 14.4123 61.7043 14.6041 61.7043 14.9651C61.7043 15.3336 62.024 15.5481 62.4636 15.5481C62.5924 15.5611 62.7225 15.5481 62.8462 15.5098C62.9698 15.4716 63.0846 15.4088 63.1835 15.3253C63.2824 15.2418 63.3635 15.1392 63.422 15.0237C63.4805 14.9082 63.5151 14.7821 63.5239 14.6529Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-no.svg b/public/_static/img/google-play-badge-no.svg
new file mode 100644
index 000000000..64bc35727
--- /dev/null
+++ b/public/_static/img/google-play-badge-no.svg
@@ -0,0 +1,27 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M48.2192 16.4156H45V11.2544H45.8016V15.6786H48.2192V16.4156Z" fill="#26201E"/>
+<path d="M49.0293 15.314C49.0293 14.6129 49.5513 14.2087 50.478 14.1512L51.5331 14.0904V13.7542C51.5331 13.3428 51.2611 13.1105 50.7356 13.1105C50.3065 13.1105 50.0092 13.2681 49.9239 13.5435H49.1797C49.2582 12.8744 49.8875 12.4453 50.7711 12.4453C51.7476 12.4453 52.2984 12.9314 52.2984 13.7542V16.4155H51.5584V15.8681H51.4976C51.3741 16.0645 51.2008 16.2245 50.9952 16.332C50.7897 16.4394 50.5593 16.4904 50.3276 16.4797C50.1641 16.4967 49.9989 16.4793 49.8425 16.4285C49.6861 16.3777 49.5422 16.2947 49.4198 16.1849C49.2975 16.0751 49.1996 15.9408 49.1323 15.7908C49.065 15.6408 49.0299 15.4784 49.0293 15.314ZM51.5331 14.9812V14.6555L50.5819 14.7163C50.0455 14.7522 49.8022 14.9347 49.8022 15.2781C49.8022 15.6286 50.1063 15.8326 50.5245 15.8326C50.647 15.8451 50.7707 15.8327 50.8884 15.7963C51.006 15.7599 51.1152 15.7002 51.2093 15.6207C51.3034 15.5413 51.3805 15.4437 51.4362 15.3339C51.4918 15.224 51.5247 15.104 51.5331 14.9812Z" fill="#26201E"/>
+<path d="M54.9254 12.4453C55.8014 12.4453 56.3741 12.8529 56.4493 13.5397H55.7119C55.6409 13.2537 55.3613 13.0713 54.9254 13.0713C54.4963 13.0713 54.1703 13.2748 54.1703 13.5789C54.1703 13.8116 54.3671 13.9582 54.7895 14.0549L55.4365 14.2049C56.1773 14.3768 56.5245 14.6952 56.5245 15.2675C56.5245 16.0008 55.8411 16.4907 54.9111 16.4907C53.9844 16.4907 53.3804 16.0721 53.312 15.382H54.0816C54.1479 15.5463 54.2674 15.6835 54.4211 15.7716C54.5747 15.8598 54.7535 15.8938 54.9288 15.8681C55.4078 15.8681 55.7482 15.6536 55.7482 15.3423C55.7482 15.11 55.5657 14.9596 55.1755 14.8667L54.4963 14.7092C53.7555 14.5339 53.4125 14.2015 53.4125 13.622C53.4125 12.9314 54.0452 12.4453 54.9254 12.4453Z" fill="#26201E"/>
+<path d="M58.5722 11.5508V12.5383H59.4161V13.1857H58.5722V15.1886C58.5722 15.5966 58.7403 15.7752 59.123 15.7752C59.2209 15.7749 59.3188 15.769 59.4161 15.7575V16.3978C59.2781 16.4225 59.1382 16.4357 58.9979 16.4371C58.1431 16.4371 57.8027 16.1364 57.8027 15.3854V13.1857H57.1843V12.5382H57.8027V11.5508H58.5722Z" fill="#26201E"/>
+<path d="M62.5433 12.5207H63.2832V13.1394H63.3406C63.4381 12.9172 63.6024 12.7309 63.8108 12.6065C64.0191 12.4821 64.2611 12.4258 64.503 12.4455C64.6925 12.4312 64.8828 12.4598 65.0598 12.5291C65.2367 12.5984 65.3959 12.7066 65.5253 12.8457C65.6548 12.9849 65.7513 13.1513 65.8077 13.3328C65.8641 13.5143 65.879 13.7062 65.8512 13.8942V16.4157H65.0825V14.0872C65.0825 13.4613 64.8105 13.15 64.242 13.15C64.1133 13.144 63.9848 13.1659 63.8654 13.2142C63.746 13.2625 63.6384 13.336 63.5501 13.4298C63.4618 13.5235 63.3947 13.6353 63.3536 13.7574C63.3125 13.8794 63.2983 14.009 63.3119 14.137V16.4157H62.5432L62.5433 12.5207Z" fill="#26201E"/>
+<path d="M70.3342 15.3639C70.2298 15.7199 70.0035 16.0278 69.6949 16.2338C69.3864 16.4398 69.0153 16.5308 68.6464 16.4908C68.3898 16.4975 68.1348 16.4484 67.8991 16.3467C67.6634 16.2451 67.4526 16.0933 67.2814 15.902C67.1102 15.7108 66.9827 15.4845 66.9077 15.239C66.8327 14.9935 66.8121 14.7346 66.8472 14.4803C66.813 14.2252 66.834 13.9658 66.9088 13.7196C66.9837 13.4733 67.1105 13.246 67.2808 13.0531C67.4511 12.8601 67.6608 12.706 67.8959 12.6012C68.1309 12.4963 68.3857 12.4432 68.6431 12.4454C69.7268 12.4454 70.3811 13.1858 70.3811 14.4089V14.6772H67.6302V14.7202C67.6182 14.8632 67.6361 15.007 67.683 15.1426C67.7298 15.2782 67.8044 15.4025 67.9021 15.5076C67.9997 15.6127 68.1183 15.6961 68.2501 15.7527C68.3819 15.8093 68.5241 15.8377 68.6675 15.8361C68.8514 15.8582 69.0377 15.825 69.2027 15.741C69.3677 15.6569 69.504 15.5256 69.5942 15.3639L70.3342 15.3639ZM67.6302 14.1086H69.5976C69.6073 13.9779 69.5895 13.8466 69.5454 13.7232C69.5013 13.5997 69.4319 13.4868 69.3416 13.3918C69.2513 13.2968 69.1422 13.2217 69.0211 13.1714C68.9001 13.1211 68.7699 13.0966 68.6388 13.0996C68.5059 13.098 68.3739 13.1229 68.2508 13.173C68.1276 13.2232 68.0157 13.2974 67.9217 13.3915C67.8278 13.4855 67.7535 13.5974 67.7035 13.7206C67.6534 13.8437 67.6285 13.9757 67.6302 14.1086Z" fill="#26201E"/>
+<path d="M71.2198 14.4663C71.2198 13.2356 71.8526 12.4559 72.8367 12.4559C73.0801 12.4447 73.3217 12.503 73.5332 12.624C73.7447 12.745 73.9174 12.9237 74.0311 13.1392H74.0885V11H74.8572V16.4155H74.1206V15.8001H74.0598C73.9373 16.0142 73.7586 16.1907 73.543 16.3105C73.3274 16.4303 73.0831 16.4888 72.8367 16.4797C71.8458 16.4798 71.2198 15.7001 71.2198 14.4663ZM72.0139 14.4663C72.0139 15.2925 72.4033 15.7896 73.0546 15.7896C73.7025 15.7896 74.1029 15.2853 74.1029 14.4697C74.1029 13.6579 73.6983 13.1465 73.0546 13.1465C72.4075 13.1465 72.0139 13.647 72.0139 14.4663Z" fill="#26201E"/>
+<path d="M78.5064 13.1857H77.8661V12.5383H78.5064V12.159C78.5064 11.3649 78.9389 11.0359 79.7507 11.0359C79.8897 11.0352 80.0286 11.0473 80.1654 11.0718V11.6868C80.0532 11.6679 79.9396 11.6584 79.8258 11.6585C79.4576 11.6585 79.2641 11.8266 79.2641 12.2093V12.5383H80.1333V13.1858H79.2751V16.4156H78.5064V13.1857Z" fill="#26201E"/>
+<path d="M81.1124 12.5206H81.8524V13.1178H81.9099C81.9927 12.9105 82.1391 12.7348 82.3281 12.6159C82.517 12.497 82.7388 12.441 82.9615 12.456C83.0767 12.4545 83.1916 12.4652 83.3045 12.4881V13.2467C83.1634 13.2166 83.0196 13.201 82.8754 13.2002C82.7486 13.1889 82.6208 13.2041 82.5003 13.2451C82.3798 13.286 82.2691 13.3517 82.1755 13.4379C82.0818 13.5242 82.0073 13.629 81.9566 13.7458C81.9059 13.8626 81.8802 13.9886 81.8811 14.1159V16.4157H81.1124L81.1124 12.5206Z" fill="#26201E"/>
+<path d="M83.9084 15.314C83.9084 14.6129 84.4305 14.2087 85.3571 14.1512L86.4122 14.0904V13.7542C86.4122 13.3428 86.1402 13.1105 85.6148 13.1105C85.1857 13.1105 84.8883 13.2681 84.803 13.5435H84.0588C84.1374 12.8744 84.7667 12.4453 85.6503 12.4453C86.6268 12.4453 87.1775 12.9314 87.1775 13.7542V16.4155H86.4375V15.8681H86.3767C86.2533 16.0645 86.0799 16.2245 85.8744 16.332C85.6688 16.4394 85.4385 16.4904 85.2068 16.4797C85.0433 16.4967 84.878 16.4792 84.7217 16.4285C84.5653 16.3777 84.4213 16.2947 84.299 16.1849C84.1767 16.0751 84.0787 15.9408 84.0114 15.7908C83.9442 15.6408 83.9091 15.4784 83.9084 15.314ZM86.4122 14.9812V14.6555L85.4611 14.7163C84.9246 14.7522 84.6814 14.9347 84.6814 15.2781C84.6814 15.6286 84.9855 15.8326 85.4036 15.8326C85.5262 15.845 85.6499 15.8327 85.7676 15.7963C85.8852 15.7599 85.9943 15.7002 86.0884 15.6207C86.1825 15.5413 86.2597 15.4437 86.3153 15.3338C86.3709 15.224 86.4039 15.104 86.4122 14.9812Z" fill="#26201E"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5915 21.5386H97.2986L99.5543 27.322L99.3342 27.8918C99.0591 28.5756 98.674 28.775 98.0963 28.775C98.0138 28.775 97.7937 28.775 97.4361 28.7181V29.8007C97.7387 29.8862 98.0688 29.9146 98.3714 29.9146C99.3342 29.9146 99.9669 29.4018 100.435 28.2622L103.185 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/public/_static/img/google-play-badge-se.svg b/public/_static/img/google-play-badge-se.svg
new file mode 100644
index 000000000..669140670
--- /dev/null
+++ b/public/_static/img/google-play-badge-se.svg
@@ -0,0 +1,23 @@
+<svg width="125" height="40" viewBox="0 0 125 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5H105C115.77 0.5 124.5 9.23045 124.5 20C124.5 30.7696 115.77 39.5 105 39.5H20C9.23045 39.5 0.5 30.7696 0.5 20Z" stroke="#26201E"/>
+<path d="M31.8834 19.601L22.5029 10.5127C22.4204 10.7406 22.3379 10.9685 22.3379 11.2819V28.0056C22.3379 28.319 22.4204 28.5469 22.5029 28.7748L31.8834 19.601Z" fill="#26201E"/>
+<path d="M32.9824 19.601L36.1184 22.6209L39.557 20.7406C40.6574 20.1423 40.6574 19.1452 39.557 18.5469L36.0359 16.5811L32.9824 19.601Z" fill="#26201E"/>
+<path d="M32.4332 19.0597L35.3217 16.1822L24.2906 10.1424C23.823 9.91444 23.3553 9.82897 23.0527 9.99991L32.4332 19.0597Z" fill="#26201E"/>
+<path d="M32.4332 20.1138L23.0527 29.2591C23.3553 29.4015 23.823 29.3445 24.3732 29.1166L35.4592 23.0767L32.4332 20.1138Z" fill="#26201E"/>
+<path d="M50.0347 15.6847V13.4786H47.452V15.6848H46.6709V10.656H47.452V12.7679H50.0347V10.656H50.8116V15.6848L50.0347 15.6847Z" fill="black"/>
+<path d="M51.8758 14.6115C51.8758 13.9283 52.3844 13.5345 53.2873 13.4785L54.3153 13.4193V13.0917C54.3153 12.6909 54.0503 12.4646 53.5383 12.4646C53.1202 12.4646 52.8305 12.6181 52.7474 12.8864H52.0223C52.0988 12.2345 52.712 11.8164 53.5729 11.8164C54.5243 11.8164 55.061 12.2901 55.061 13.0917V15.6847H54.34V15.1514H54.2807C54.1604 15.3427 53.9915 15.4986 53.7913 15.6033C53.591 15.708 53.3665 15.7577 53.1408 15.7472C52.9815 15.7638 52.8205 15.7468 52.6681 15.6973C52.5158 15.6479 52.3755 15.567 52.2563 15.46C52.1371 15.353 52.0417 15.2222 51.9761 15.076C51.9106 14.9299 51.8764 14.7716 51.8758 14.6115ZM52.3639 10.9032C52.3643 10.8114 52.3918 10.7218 52.4431 10.6456C52.4944 10.5695 52.5671 10.5102 52.652 10.4752C52.7369 10.4403 52.8302 10.4313 52.9202 10.4493C53.0103 10.4674 53.0929 10.5117 53.1578 10.5766C53.2227 10.6416 53.2669 10.7243 53.2849 10.8143C53.3029 10.9044 53.2938 10.9977 53.2588 11.0826C53.2238 11.1675 53.1644 11.2401 53.0882 11.2913C53.012 11.3425 52.9223 11.37 52.8305 11.3703C52.769 11.3711 52.7079 11.3596 52.6509 11.3364C52.5939 11.3132 52.5421 11.2788 52.4986 11.2353C52.4551 11.1917 52.4208 11.1399 52.3976 11.0829C52.3745 11.0259 52.363 10.9648 52.3639 10.9032ZM54.3153 14.2872V13.9699L53.3885 14.0292C52.8659 14.0641 52.6289 14.2419 52.6289 14.5765C52.6289 14.918 52.9252 15.1168 53.3326 15.1168C53.452 15.1289 53.5726 15.1168 53.6872 15.0814C53.8018 15.0459 53.9081 14.9877 53.9998 14.9103C54.0915 14.8329 54.1667 14.7379 54.2209 14.6308C54.2751 14.5237 54.3072 14.4069 54.3153 14.2872ZM53.8519 10.9032C53.8513 10.8418 53.8628 10.7808 53.8859 10.7238C53.909 10.6668 53.9431 10.615 53.9864 10.5713C54.0296 10.5276 54.0811 10.4929 54.1379 10.4692C54.1946 10.4455 54.2555 10.4333 54.3169 10.4333C54.3784 10.4333 54.4393 10.4455 54.496 10.4692C54.5528 10.4929 54.6042 10.5276 54.6475 10.5713C54.6907 10.615 54.7249 10.6668 54.748 10.7238C54.771 10.7808 54.7826 10.8418 54.782 10.9032C54.782 11.0266 54.733 11.1449 54.6458 11.2321C54.5586 11.3193 54.4403 11.3683 54.3169 11.3683C54.1936 11.3683 54.0753 11.3193 53.9881 11.2321C53.9009 11.1449 53.8519 11.0266 53.8519 10.9032Z" fill="black"/>
+<path d="M56.2338 11.8898H56.9548V12.4996H57.0108C57.101 12.2963 57.2483 12.1236 57.4348 12.0023C57.6213 11.881 57.839 11.8165 58.0614 11.8165C58.2838 11.8165 58.5015 11.881 58.688 12.0023C58.8745 12.1236 59.0218 12.2963 59.112 12.4996H59.1713C59.2772 12.2866 59.4425 12.1087 59.6472 11.9875C59.852 11.8663 60.0874 11.8069 60.3252 11.8165C60.4915 11.8029 60.6587 11.8263 60.8149 11.8852C60.971 11.944 61.1122 12.0368 61.2282 12.1568C61.3441 12.2767 61.432 12.421 61.4855 12.579C61.539 12.7371 61.5568 12.9051 61.5375 13.0708V15.6848H60.7885V13.2663C60.7885 12.754 60.5441 12.5029 60.0528 12.5029C59.9469 12.4984 59.8413 12.5158 59.7425 12.554C59.6437 12.5923 59.5538 12.6505 59.4786 12.7252C59.4034 12.7998 59.3445 12.8892 59.3055 12.9877C59.2664 13.0862 59.2482 13.1917 59.252 13.2976V15.6848H58.5162V13.1931C58.5209 13.0976 58.5049 13.0022 58.4692 12.9135C58.4335 12.8248 58.379 12.7449 58.3094 12.6793C58.2399 12.6137 58.157 12.564 58.0663 12.5335C57.9757 12.5031 57.8796 12.4926 57.7845 12.5029C57.6747 12.5047 57.5664 12.5287 57.466 12.5733C57.3657 12.618 57.2754 12.6824 57.2005 12.7628C57.1257 12.8432 57.0678 12.9379 57.0304 13.0411C56.993 13.1444 56.9769 13.2542 56.9829 13.3638V15.6848H56.2338V11.8898Z" fill="black"/>
+<path d="M63.7095 10.9448V11.907H64.5317V12.5378H63.7095V14.4893C63.7095 14.8868 63.8733 15.0609 64.2461 15.0609C64.3416 15.0605 64.4369 15.0548 64.5317 15.0436V15.6674C64.3972 15.6915 64.2609 15.7043 64.1243 15.7057C63.2914 15.7057 62.9597 15.4127 62.9597 14.681V12.5378H62.3572V11.9069H62.9597V10.9448H63.7095Z" fill="black"/>
+<path d="M65.3037 14.6114C65.3037 13.9283 65.8124 13.5345 66.7152 13.4785L67.7432 13.4193V13.0917C67.7432 12.6909 67.4782 12.4645 66.9663 12.4645C66.5482 12.4645 66.2584 12.618 66.1753 12.8864H65.4502C65.5268 12.2345 66.1399 11.8164 67.0008 11.8164C67.9523 11.8164 68.4889 12.2901 68.4889 13.0917V15.6847H67.7679V15.1514H67.7086C67.5884 15.3427 67.4195 15.4986 67.2192 15.6033C67.0189 15.708 66.7945 15.7577 66.5687 15.7472C66.4094 15.7638 66.2484 15.7468 66.096 15.6973C65.9437 15.6479 65.8034 15.567 65.6842 15.46C65.565 15.353 65.4696 15.2222 65.4041 15.076C65.3385 14.9299 65.3043 14.7716 65.3037 14.6114ZM67.7432 14.2872V13.9699L66.8165 14.0291C66.2938 14.0641 66.0568 14.2419 66.0568 14.5765C66.0568 14.918 66.3531 15.1168 66.7605 15.1168C66.8799 15.1289 67.0005 15.1168 67.1151 15.0813C67.2297 15.0459 67.3361 14.9877 67.4277 14.9103C67.5194 14.8329 67.5946 14.7378 67.6488 14.6308C67.703 14.5237 67.7351 14.4069 67.7432 14.2872Z" fill="black"/>
+<path d="M71.6226 10.7675C71.6168 10.6705 71.6403 10.574 71.69 10.4905C71.7397 10.407 71.8134 10.3403 71.9014 10.2991C71.9894 10.2579 72.0878 10.2442 72.1837 10.2595C72.2797 10.2749 72.3688 10.3187 72.4396 10.3853C72.5103 10.452 72.5595 10.5383 72.5806 10.6331C72.6017 10.728 72.5939 10.827 72.5581 10.9173C72.5223 11.0077 72.4602 11.0852 72.3798 11.1399C72.2995 11.1945 72.2046 11.2238 72.1074 11.2238C72.0453 11.227 71.9832 11.2176 71.9248 11.1961C71.8664 11.1747 71.813 11.1417 71.7677 11.099C71.7224 11.0564 71.6862 11.005 71.6613 10.9481C71.6364 10.8911 71.6232 10.8297 71.6226 10.7675ZM71.7337 11.8897H72.4802V15.6847H71.7337V11.8897Z" fill="black"/>
+<path d="M49.0474 19.3164C47.9195 19.3164 46.9842 19.7153 46.214 20.5415C45.4437 21.3392 45.0586 22.3364 45.0586 23.5329C45.0586 24.7295 45.4437 25.7267 46.214 26.5244C46.9842 27.3221 47.9195 27.721 49.0474 27.721C50.5604 27.721 51.9083 26.8663 52.5685 25.5842V23.305H49.0199V24.4731H51.3581V25.3563C50.8354 26.1825 50.0927 26.5814 49.1024 26.5814C48.2771 26.5814 47.6169 26.2965 47.0942 25.7267C46.5716 25.1569 46.324 24.4161 46.324 23.5329C46.324 22.6782 46.5716 21.966 47.0667 21.3962C47.5619 20.8264 48.2221 20.5415 49.0199 20.5415C49.9552 20.5415 50.7254 20.9688 51.2756 21.8235L52.1559 21.0543C51.4406 19.8862 50.3953 19.3164 49.0474 19.3164Z" fill="#26201E"/>
+<path d="M56.0354 21.396C55.2101 21.396 54.4949 21.7094 53.9172 22.3077C53.3395 22.906 53.0645 23.6752 53.0645 24.5584C53.0645 25.4416 53.3395 26.2108 53.9172 26.8091C54.4949 27.4074 55.1826 27.7208 56.0354 27.7208C56.8607 27.7208 57.5484 27.4074 58.1536 26.8091C58.7313 26.1823 59.0339 25.4416 59.0339 24.5584C59.0339 23.6752 58.7313 22.906 58.1536 22.3077C57.5759 21.7094 56.8607 21.396 56.0354 21.396ZM56.0629 22.5926C56.5581 22.5926 56.9707 22.792 57.3008 23.1624C57.6309 23.5327 57.796 23.9886 57.796 24.5584C57.796 25.0997 57.6309 25.584 57.3008 25.9544C56.9707 26.3248 56.5581 26.4957 56.0629 26.4957C55.5678 26.4957 55.1551 26.3248 54.825 25.9544C54.4949 25.584 54.3299 25.0997 54.3299 24.5584C54.3299 23.9886 54.4949 23.5327 54.825 23.1624C55.1276 22.7635 55.5402 22.5926 56.0629 22.5926Z" fill="#26201E"/>
+<path d="M62.4456 21.396C61.6203 21.396 60.9051 21.7094 60.3274 22.3077C59.7497 22.906 59.4746 23.6752 59.4746 24.5584C59.4746 25.4416 59.7497 26.2108 60.3274 26.8091C60.9051 27.4074 61.5928 27.7208 62.4456 27.7208C63.2708 27.7208 63.9585 27.4074 64.5637 26.8091C65.1414 26.1823 65.444 25.4416 65.444 24.5584C65.444 23.6752 65.1414 22.906 64.5637 22.3077C63.9861 21.7094 63.2708 21.396 62.4456 21.396ZM62.4731 22.5926C62.9682 22.5926 63.3809 22.792 63.711 23.1624C64.0411 23.5327 64.2061 23.9886 64.2061 24.5584C64.2061 25.0997 64.0411 25.584 63.711 25.9544C63.3809 26.3248 62.9682 26.4957 62.4731 26.4957C61.9779 26.4957 61.5653 26.3248 61.2352 25.9544C60.9051 25.584 60.74 25.0997 60.74 24.5584C60.74 23.9886 60.9051 23.5327 61.2352 23.1624C61.5378 22.7635 61.9504 22.5926 62.4731 22.5926Z" fill="#26201E"/>
+<path d="M70.6708 22.3931C70.2307 21.7379 69.5704 21.396 68.6902 21.396C67.8924 21.396 67.2597 21.6809 66.737 22.2507C66.2144 22.8205 65.9668 23.5327 65.9668 24.4444C65.9668 25.3276 66.2419 26.0684 66.737 26.6382C67.2597 27.208 67.8924 27.4929 68.6902 27.4929C69.5154 27.4929 70.1206 27.208 70.5883 26.6382V27.0655C70.5883 28.2051 69.9281 28.8034 68.9102 28.8034C68.25 28.8034 67.5898 28.5185 66.9296 27.9487L66.2694 28.8604C67.0121 29.6296 67.9199 30 68.9653 30C70.6708 30 71.7712 28.9174 71.7712 27.0085V21.5954H70.6708V22.3931ZM68.8827 26.3248C68.3876 26.3248 68.0024 26.1538 67.6448 25.812C67.3147 25.4416 67.1497 24.9857 67.1497 24.4444C67.1497 23.9031 67.3147 23.4473 67.6448 23.0769C67.9749 22.735 68.3876 22.5641 68.8827 22.5641C69.818 22.5641 70.5883 23.1909 70.5883 24.4159C70.5883 25.0427 70.4232 25.4986 70.0931 25.8404C69.7355 26.1538 69.3504 26.3248 68.8827 26.3248Z" fill="#26201E"/>
+<path d="M72.9258 18.3477V27.5784H74.1362V18.3477H72.9258Z" fill="#26201E"/>
+<path d="M80.4625 24.1597C80.4625 23.362 80.215 22.7067 79.7198 22.1654C79.2246 21.6241 78.6194 21.3677 77.8767 21.3677C77.0514 21.3677 76.3637 21.6811 75.8135 22.2794C75.2634 22.8777 74.9883 23.6469 74.9883 24.5301C74.9883 25.4418 75.2634 26.1825 75.8411 26.7808C76.4187 27.3791 77.134 27.6925 78.0142 27.6925C78.867 27.6925 79.6098 27.3791 80.27 26.7238L79.6923 25.8406C79.1971 26.3249 78.647 26.5529 78.0418 26.5529C77.079 26.5529 76.3637 25.9546 76.1987 24.9574H80.38C80.435 24.701 80.4625 24.4161 80.4625 24.1597ZM77.8217 22.5073C78.647 22.5073 79.2521 23.0771 79.2521 23.9888H76.1987C76.3912 23.0771 77.0239 22.5073 77.8217 22.5073Z" fill="#26201E"/>
+<path d="M83.9844 19.4587V27.5784H85.1948V24.4445H86.7353C87.5055 24.4445 88.1107 24.2166 88.6058 23.7607C89.0735 23.3049 89.3211 22.6781 89.3211 21.9374C89.3211 21.1966 89.0735 20.5983 88.6058 20.1425C88.1382 19.6867 87.5055 19.4587 86.7353 19.4587H83.9844ZM86.7353 20.5983C87.588 20.5983 88.0832 21.1397 88.0832 21.9374C88.0832 22.7351 87.588 23.2764 86.7353 23.2764H85.2223V20.5983H86.7353Z" fill="#26201E"/>
+<path d="M90.0078 18.3477V27.5784H91.2182V18.3477H90.0078Z" fill="#26201E"/>
+<path d="M94.5485 21.396C93.5307 21.396 92.733 21.8233 92.1828 22.678L92.8705 23.4473C93.3382 22.849 93.8608 22.5356 94.4385 22.5356C95.2088 22.5356 95.6489 22.9914 95.6489 23.8176V24.2165H94.0534C92.788 24.2165 91.9902 24.9003 91.9902 25.9544C91.9902 27.0085 92.7605 27.6923 93.9434 27.6923C94.7136 27.6923 95.3188 27.4074 95.7314 26.8661V27.5498H96.8593V23.9031C96.8593 22.3077 95.9515 21.396 94.5485 21.396ZM94.1909 26.7236C93.6133 26.7236 93.2006 26.4387 93.2006 25.9259C93.2006 25.4416 93.5307 25.1852 94.1909 25.1852H95.6214V25.2991C95.6489 26.1253 94.9887 26.7236 94.1909 26.7236Z" fill="#26201E"/>
+<path d="M100.215 25.9545L98.5916 21.5386H97.2986L99.5544 27.322L99.3343 27.8918C99.0592 28.5756 98.6741 28.775 98.0964 28.775C98.0139 28.775 97.7938 28.775 97.4362 28.7181V29.8007C97.7388 29.8862 98.0689 29.9146 98.3715 29.9146C99.3343 29.9146 99.967 29.4018 100.435 28.2622L103.186 21.5386H101.893L100.215 25.9545Z" fill="#26201E"/>
+</svg>
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 908b25cad..077052ca8 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -412,6 +412,12 @@ export const baseQueryRouter = router({
         GetCurrentFooterRef,
         {
           locale: input.lang,
+        },
+        {
+          cache: "force-cache",
+          next: {
+            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+          },
         }
       )
       // There's currently no error handling/validation for the responseRef, should it be added?
@@ -424,6 +430,9 @@ export const baseQueryRouter = router({
           },
         })
       )
+      const currentFooterUID =
+        responseRef.data.all_current_footer.items[0].system.uid
+
       const response = await request<CurrentFooterDataRaw>(
         GetCurrentFooter,
         {
@@ -431,7 +440,7 @@ export const baseQueryRouter = router({
         },
         {
           next: {
-            tags: [generateRefsResponseTag(input.lang, "current_footer")],
+            tags: [generateTag(input.lang, currentFooterUID)],
           },
         }
       )
@@ -490,7 +499,7 @@ export const baseQueryRouter = router({
         JSON.stringify({ query: { lang: input.lang } })
       )
       const responseRef = await request<FooterRefDataRaw>(
-        GetCurrentFooterRef,
+        GetFooterRef,
         {
           locale: input.lang,
         },
@@ -501,6 +510,7 @@ export const baseQueryRouter = router({
           },
         }
       )
+      console.log("responseRef", responseRef)
       // There's currently no error handling/validation for the responseRef, should it be added?
       getFooterCounter.add(1, { lang: input.lang })
       console.info(
@@ -511,7 +521,7 @@ export const baseQueryRouter = router({
           },
         })
       )
-      const currentFooterUID = responseRef.data.all_footer.items[0].system.uid
+      const footerUID = responseRef.data.all_footer.items[0].system.uid
       const response = await request<FooterDataRaw>(
         GetFooter,
         {
@@ -520,7 +530,7 @@ export const baseQueryRouter = router({
         {
           cache: "force-cache",
           next: {
-            tags: [generateTag(input.lang, currentFooterUID)],
+            tags: [generateTag(input.lang, footerUID)],
           },
         }
       )
@@ -572,17 +582,19 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
-      console.log(
-        "secondary_links ",
-        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
-      )
+
       const secondaryLinks = validatedFooterData.secondary_links.map(
         (section) => ({
-          ...section,
+          title: section.title,
           links: transformPageConnectionLinks(section.links),
         })
       )
 
+      console.log(
+        "secondaryLinks data",
+        JSON.stringify(secondaryLinks, null, 4)
+      )
+
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index 52dcc808f..c70c54781 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -41,10 +41,24 @@ export function getConnections(refs: HeaderRefResponse) {
 }
 
 export function transformPageConnectionLinks(links: FooterLinkItem[]) {
-  return links.flatMap((link) =>
-    link.pageConnection?.edges.map((edge) => ({
-      title: edge.node.title,
-      url: edge.node.url,
-    }))
-  )
+  console.log("linksdata", links[0].pageConnection?.edges)
+  if (!links) return []
+  return links.flatMap((link) => {
+    if (link.pageConnection?.edges.length) {
+      return link.pageConnection.edges.map((edge) => ({
+        title: edge.node.title || "",
+        url: edge.node.url || "",
+        openInNewTab: link.open_in_new_tab,
+      }))
+    } else if (link.link) {
+      return [
+        {
+          title: link.link.title,
+          url: link.link.href,
+          openInNewTab: link.open_in_new_tab,
+        },
+      ]
+    }
+    return []
+  })
 }
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index a965c29af..f83663f59 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -33,6 +33,16 @@ export type FooterSecondaryNavProps = {
 }
 
 export enum AppDownLoadLinks {
-  apple = "/_static/img/app-store-badge.svg",
-  google = "/_static/img/google-play-badge.svg",
+  apple_da = "/_static/img/app-store-badge-da.svg",
+  apple_de = "/_static/img/app-store-badge-de.svg",
+  apple_en = "/_static/img/app-store-badge-en.svg",
+  apple_fi = "/_static/img/app-store-badge-fi.svg",
+  apple_no = "/_static/img/app-store-badge-no.svg",
+  apple_sv = "/_static/img/app-store-badge-sv.svg",
+  google_da = "/_static/img/google-play-badge-da.svg",
+  google_de = "/_static/img/google-play-badge-de.svg",
+  google_en = "/_static/img/google-play-badge-en.svg",
+  google_fi = "/_static/img/google-play-badge-fi.svg",
+  google_no = "/_static/img/google-play-badge-no.svg",
+  google_sv = "/_static/img/google-play-badge-sv.svg",
 }

From 89e5d7515c53ae5988c0d5c6403a00bd11300137 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 4 Sep 2024 14:20:29 +0200
Subject: [PATCH 76/92] feat(SW-187): removed unused title

---
 components/Footer/Navigation/index.tsx              | 3 +--
 components/Footer/Navigation/navigation.module.css  | 8 +++++++-
 lib/graphql/Fragments/Footer/MainLinks.graphql      | 1 -
 lib/graphql/Fragments/Footer/SecondaryLinks.graphql | 1 -
 server/routers/contentstack/base/output.ts          | 1 -
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index e3f6d8238..1c38f10f5 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -5,8 +5,7 @@ import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
   const { mainLinks, secondaryLinks, appDownloads } = props
-  console.log("mainLinks", mainLinks)
-  console.log("secondaryLinks", secondaryLinks)
+
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index 040577f93..d78408ec4 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -13,9 +13,15 @@
 
 @media screen and (min-width: 767px) {
   .section {
-    padding: var(--Spacing-x9) 0;
+    padding: var(--Spacing-x9) var(--Spacing-x6);
   }
   .maxWidth {
     flex-direction: row;
   }
 }
+
+@media screen and (min-width: 1367px) {
+  .section {
+    padding: var(--Spacing-x9) 0;
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
index 62abc0eb1..6a7c5fba7 100644
--- a/lib/graphql/Fragments/Footer/MainLinks.graphql
+++ b/lib/graphql/Fragments/Footer/MainLinks.graphql
@@ -1,6 +1,5 @@
 fragment MainLinks on Footer {
   main_links {
-    title
     open_in_new_tab
     link {
       href
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
index 691e83817..4d48f5733 100644
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
@@ -2,7 +2,6 @@ fragment SecondaryLinks on Footer {
   secondary_links {
     title
     links {
-      title
       open_in_new_tab
       pageConnection {
         edges {
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index a15e607a1..d98346668 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -292,7 +292,6 @@ const validateInternalLink = z
   .optional()
 
 const validateLinkItem = z.object({
-  title: z.string(),
   open_in_new_tab: z.boolean(),
   link: validateExternalLink,
   pageConnection: validateInternalLink,

From 144ab30bc6f288fe970f2280e234873eabccb4f8 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 09:34:02 +0200
Subject: [PATCH 77/92] feat(SW-187): Added social media data and copyright
 label

---
 components/Footer/Details/index.tsx           | 51 +++++++-------
 .../Footer/Navigation/SecondaryNav/index.tsx  | 69 ++++++++++---------
 components/Footer/Navigation/index.tsx        |  8 ++-
 components/Footer/index.tsx                   | 10 ++-
 i18n/dictionaries/da.json                     |  1 +
 i18n/dictionaries/de.json                     |  1 +
 i18n/dictionaries/en.json                     |  1 +
 i18n/dictionaries/fi.json                     |  1 +
 i18n/dictionaries/no.json                     |  1 +
 i18n/dictionaries/sv.json                     |  1 +
 .../Fragments/Footer/SocialMedia.graphql      | 11 +++
 lib/graphql/Query/Footer.graphql              |  2 +
 server/routers/contentstack/base/output.ts    |  8 +++
 server/routers/contentstack/base/query.ts     |  1 +
 server/routers/contentstack/base/utils.ts     |  2 +
 types/components/footer/appDownloadIcons.ts   | 14 ++++
 types/components/footer/navigation.ts         | 53 +++++++-------
 17 files changed, 144 insertions(+), 91 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/SocialMedia.graphql
 create mode 100644 types/components/footer/appDownloadIcons.ts

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index f420b0f60..70b7cffa2 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -3,12 +3,14 @@ import Image from "@/components/Image"
 import LanguageSwitcher from "@/components/LanguageSwitcher"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
 import { footer } from "../mockedData"
 
 import styles from "./details.module.css"
 
+import type { FooterDetailsProps } from "@/types/components/footer/navigation"
 import type { SocialIconsProps } from "@/types/components/footer/socialIcons"
 import { IconName } from "@/types/components/icon"
 
@@ -17,16 +19,13 @@ function SocialIcon({ iconName }: SocialIconsProps) {
   return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
 }
 
-export default function FooterDetails() {
+export default async function FooterDetails({
+  socialMedia,
+}: FooterDetailsProps) {
   const lang = getLang()
+  const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const {
-    socialMedia,
-    copyrightCompany,
-    copyrightInfo,
-    tertiaryLinks,
-    languageSwitcher,
-  } = footer
+  const { tertiaryLinks, languageSwitcher } = footer
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -43,27 +42,28 @@ export default function FooterDetails() {
           />
         </Link>
         <nav className={styles.socialNav}>
-          {socialMedia.links.map((link) => (
-            <a
-              className={styles.socialLink}
-              color="white"
-              href={link.href}
-              key={link.id}
-              target="_blank"
-              aria-label={link.title}
-            >
-              <SocialIcon iconName={link.title} />
-            </a>
-          ))}
+          {socialMedia?.links.map(
+            (link) =>
+              link.href && (
+                <a
+                  className={styles.socialLink}
+                  color="white"
+                  href={link.href.href}
+                  key={link.href.title}
+                  target="_blank"
+                  aria-label={link.href.title}
+                >
+                  <SocialIcon iconName={link.href.title} />
+                </a>
+              )
+          )}
         </nav>
       </div>
       <div className={styles.bottomContainer}>
         <div className={styles.copyrightContainer}>
           <Footnote textTransform="uppercase">
-            © {currentYear} {copyrightCompany}
-          </Footnote>
-          <Footnote textTransform="uppercase" color="peach50">
-            {copyrightInfo}
+            © {currentYear}{" "}
+            {formatMessage({ id: "Copyright all rights reserved" })}
           </Footnote>
         </div>
         <div className={styles.navigationContainer}>
@@ -81,9 +81,6 @@ export default function FooterDetails() {
               </Footnote>
             ))}
           </nav>
-          {
-            // This will be changed to the new LangueSwitcher that is done in the header branch, when implementing contentstack
-          }
           <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
       </div>
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 2588a24fd..1524ffbb6 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -5,46 +5,49 @@ import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
 
-import {
-  AppDownLoadLinks,
-  type FooterSecondaryNavProps,
-} from "@/types/components/footer/navigation"
+import { AppDownLoadLinks } from "@/types/components/footer/appDownloadIcons"
+import { type FooterSecondaryNavProps } from "@/types/components/footer/navigation"
 
 export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
   const lang = getLang()
-  console.log("hej", JSON.stringify(secondaryLinks, null, 4))
+
   return (
     <div className={styles.secondaryNavigation}>
-      <nav className={styles.secondaryNavigationGroup}>
-        <Body color="peach80" textTransform="uppercase">
-          {appDownloads.title}
-        </Body>
-        <ul className={styles.secondaryNavigationList}>
-          {appDownloads.links.map((link) => (
-            <li key={link.type} className={styles.appDownloadItem}>
-              <a
-                href={link.href.href}
-                target="_blank"
-                aria-label={link.href.title}
-              >
-                <Image
-                  src={
-                    AppDownLoadLinks[
-                      `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
-                    ]
-                  }
-                  alt={link.href.title}
-                  width={125}
-                  height={40}
-                />
-              </a>
-            </li>
-          ))}
-        </ul>
-      </nav>
+      {appDownloads && (
+        <nav className={styles.secondaryNavigationGroup}>
+          <Body color="peach80" textTransform="uppercase">
+            {appDownloads.title}
+          </Body>
+          <ul className={styles.secondaryNavigationList}>
+            {appDownloads.links.map(
+              (link) =>
+                link.href && (
+                  <li key={link.type} className={styles.appDownloadItem}>
+                    <a
+                      href={link.href.href}
+                      target="_blank"
+                      aria-label={link.href.title}
+                    >
+                      <Image
+                        src={
+                          AppDownLoadLinks[
+                            `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
+                          ]
+                        }
+                        alt={link.href.title}
+                        width={125}
+                        height={40}
+                      />
+                    </a>
+                  </li>
+                )
+            )}
+          </ul>
+        </nav>
+      )}
       {secondaryLinks.map((link) => (
         <nav className={styles.secondaryNavigationGroup} key={link.title}>
           <Body color="peach80" textTransform="uppercase">
@@ -52,7 +55,7 @@ export default function FooterSecondaryNav({
           </Body>
           <ul className={styles.secondaryNavigationList}>
             {link?.links?.map((link) => (
-              <li key={link.id} className={styles.secondaryNavigationItem}>
+              <li key={link.title} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a
                     href={link.url}
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 1c38f10f5..3dfbbec53 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -3,9 +3,13 @@ import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
-export default function FooterNavigation({ ...props }) {
-  const { mainLinks, secondaryLinks, appDownloads } = props
+import type { FooterNavigationProps } from "@/types/components/footer/navigation"
 
+export default function FooterNavigation({
+  mainLinks,
+  secondaryLinks,
+  appDownloads,
+}: FooterNavigationProps) {
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 129ab1cd5..b571d13fb 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -10,12 +10,16 @@ export default async function Footer() {
     lang: getLang(),
   })
   if (!footerData) {
-    return null
+    return <FooterDetails />
   }
   return (
     <footer>
-      <FooterNavigation {...footerData} />
-      <FooterDetails />
+      <FooterNavigation
+        mainLinks={footerData.mainLinks}
+        secondaryLinks={footerData.secondaryLinks}
+        appDownloads={footerData.appDownloads}
+      />
+      <FooterDetails socialMedia={footerData.socialMedia} />
     </footer>
   )
 }
diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json
index 2713a42c8..75dee4409 100644
--- a/i18n/dictionaries/da.json
+++ b/i18n/dictionaries/da.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Sammenlign alle niveauer",
   "Contact us": "Kontakt os",
   "Continue": "Blive ved",
+  "Copyright all rights reserved": "Scandic AB Alle rettigheder forbeholdes",
   "Could not find requested resource": "Kunne ikke finde den anmodede ressource",
   "Country": "Land",
   "Country code": "Landekode",
diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json
index 12d595791..8d9bb8b55 100644
--- a/i18n/dictionaries/de.json
+++ b/i18n/dictionaries/de.json
@@ -41,6 +41,7 @@
   "Compare all levels": "Vergleichen Sie alle Levels",
   "Contact us": "Kontaktieren Sie uns",
   "Continue": "Weitermachen",
+  "Copyright all rights reserved": "Scandic AB Alle Rechte vorbehalten",
   "Could not find requested resource": "Die angeforderte Ressource konnte nicht gefunden werden.",
   "Country": "Land",
   "Country code": "Landesvorwahl",
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
index 4cd5cfe93..005de13b0 100644
--- a/i18n/dictionaries/en.json
+++ b/i18n/dictionaries/en.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Compare all levels",
   "Contact us": "Contact us",
   "Continue": "Continue",
+  "Copyright all rights reserved": "Scandic AB All rights reserved",
   "Could not find requested resource": "Could not find requested resource",
   "Country": "Country",
   "Country code": "Country code",
diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json
index 1ca7e2bd7..cd4018c30 100644
--- a/i18n/dictionaries/fi.json
+++ b/i18n/dictionaries/fi.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Vertaa kaikkia tasoja",
   "Contact us": "Ota meihin yhteyttä",
   "Continue": "Jatkaa",
+  "Copyright all rights reserved": "Scandic AB Kaikki oikeudet pidätetään",
   "Could not find requested resource": "Pyydettyä resurssia ei löytynyt",
   "Country": "Maa",
   "Country code": "Maatunnus",
diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json
index cfffcf867..ed3004bd4 100644
--- a/i18n/dictionaries/no.json
+++ b/i18n/dictionaries/no.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Sammenlign alle nivåer",
   "Contact us": "Kontakt oss",
   "Continue": "Fortsette",
+  "Copyright all rights reserved": "Scandic AB Alle rettigheter forbeholdt",
   "Could not find requested resource": "Kunne ikke finne den forespurte ressursen",
   "Country": "Land",
   "Country code": "Landskode",
diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json
index 4b267b143..1f231c836 100644
--- a/i18n/dictionaries/sv.json
+++ b/i18n/dictionaries/sv.json
@@ -42,6 +42,7 @@
   "Compare all levels": "Jämför alla nivåer",
   "Contact us": "Kontakta oss",
   "Continue": "Fortsätt",
+  "Copyright all rights reserved": "Scandic AB Alla rättigheter förbehålls",
   "Could not find requested resource": "Det gick inte att hitta den begärda resursen",
   "Country": "Land",
   "Country code": "Landskod",
diff --git a/lib/graphql/Fragments/Footer/SocialMedia.graphql b/lib/graphql/Fragments/Footer/SocialMedia.graphql
new file mode 100644
index 000000000..02947ae5d
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/SocialMedia.graphql
@@ -0,0 +1,11 @@
+fragment SocialMedia on Footer {
+  social_media {
+    links {
+      href {
+        href
+        title
+      }
+      type
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 1a05f8188..211f0ef20 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -1,6 +1,7 @@
 #import "../Fragments/Footer/AppDownloads.graphql"
 #import "../Fragments/Footer/MainLinks.graphql"
 #import "../Fragments/Footer/SecondaryLinks.graphql"
+#import "../Fragments/Footer/SocialMedia.graphql"
 #import "../Fragments/Footer/Refs/MainLinks.graphql"
 #import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
 #import "../Fragments/Refs/System.graphql"
@@ -11,6 +12,7 @@ query GetFooter($locale: String!) {
       ...MainLinks
       ...SecondaryLinks
       ...AppDownloads
+      ...SocialMedia
     }
   }
 }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index d98346668..43521c2af 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -319,6 +319,14 @@ export const validateFooterConfigSchema = z.object({
             links: z.array(validateLinkItem),
           })
         ),
+        social_media: z.object({
+          links: z.array(
+            z.object({
+              type: z.string(),
+              href: validateExternalLink,
+            })
+          ),
+        }),
       })
     ),
   }),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 077052ca8..8baa52535 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -599,6 +599,7 @@ export const baseQueryRouter = router({
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
         secondaryLinks: secondaryLinks,
+        socialMedia: validatedFooterData.social_media,
       }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index c70c54781..bb73a6f10 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -49,6 +49,7 @@ export function transformPageConnectionLinks(links: FooterLinkItem[]) {
         title: edge.node.title || "",
         url: edge.node.url || "",
         openInNewTab: link.open_in_new_tab,
+        isExternal: false,
       }))
     } else if (link.link) {
       return [
@@ -56,6 +57,7 @@ export function transformPageConnectionLinks(links: FooterLinkItem[]) {
           title: link.link.title,
           url: link.link.href,
           openInNewTab: link.open_in_new_tab,
+          isExternal: true,
         },
       ]
     }
diff --git a/types/components/footer/appDownloadIcons.ts b/types/components/footer/appDownloadIcons.ts
new file mode 100644
index 000000000..5c05a4ccb
--- /dev/null
+++ b/types/components/footer/appDownloadIcons.ts
@@ -0,0 +1,14 @@
+export enum AppDownLoadLinks {
+  apple_da = "/_static/img/app-store-badge-da.svg",
+  apple_de = "/_static/img/app-store-badge-de.svg",
+  apple_en = "/_static/img/app-store-badge-en.svg",
+  apple_fi = "/_static/img/app-store-badge-fi.svg",
+  apple_no = "/_static/img/app-store-badge-no.svg",
+  apple_sv = "/_static/img/app-store-badge-sv.svg",
+  google_da = "/_static/img/google-play-badge-da.svg",
+  google_de = "/_static/img/google-play-badge-de.svg",
+  google_en = "/_static/img/google-play-badge-en.svg",
+  google_fi = "/_static/img/google-play-badge-fi.svg",
+  google_no = "/_static/img/google-play-badge-no.svg",
+  google_sv = "/_static/img/google-play-badge-sv.svg",
+}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index f83663f59..bda1362d5 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -9,40 +9,41 @@ export type FooterMainNavProps = {
 }
 
 export type FooterSecondaryNav = {
-  id: string
   isExternal: boolean
   openInNewTab: boolean
   title: string
   url: string
 }
-export type FooterSecondaryNavProps = {
-  secondaryLinks: {
-    title: string
-    links: FooterSecondaryNav[]
-  }[]
-  appDownloads: {
-    title: string
-    links: {
-      href: {
+type FooterSecondaryNavGroup = {
+  title: string
+  links: FooterSecondaryNav[]
+}
+type FooterLinkWithType = {
+  href?:
+    | {
         href: string
         title: string
       }
-      type: string
-    }[]
-  }
+    | undefined
+  type: string
 }
 
-export enum AppDownLoadLinks {
-  apple_da = "/_static/img/app-store-badge-da.svg",
-  apple_de = "/_static/img/app-store-badge-de.svg",
-  apple_en = "/_static/img/app-store-badge-en.svg",
-  apple_fi = "/_static/img/app-store-badge-fi.svg",
-  apple_no = "/_static/img/app-store-badge-no.svg",
-  apple_sv = "/_static/img/app-store-badge-sv.svg",
-  google_da = "/_static/img/google-play-badge-da.svg",
-  google_de = "/_static/img/google-play-badge-de.svg",
-  google_en = "/_static/img/google-play-badge-en.svg",
-  google_fi = "/_static/img/google-play-badge-fi.svg",
-  google_no = "/_static/img/google-play-badge-no.svg",
-  google_sv = "/_static/img/google-play-badge-sv.svg",
+type FooterAppDownloads = {
+  title: string
+  links: FooterLinkWithType[]
 }
+
+type FooterSocialMedia = {
+  links: FooterLinkWithType[]
+}
+
+export type FooterSecondaryNavProps = {
+  secondaryLinks: FooterSecondaryNavGroup[]
+  appDownloads: FooterAppDownloads
+}
+
+export type FooterDetailsProps = {
+  socialMedia?: FooterSocialMedia
+}
+
+export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps

From 05ee4d171799a0eff1fe227e77808be63695e3f4 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 10:16:55 +0200
Subject: [PATCH 78/92] feat(SW-187): Added tertiary links data

---
 components/Footer/Details/index.tsx           | 30 +++++++++++--------
 components/Footer/index.tsx                   |  5 +++-
 .../Footer/Refs/TertiaryLinks.graphql         | 22 ++++++++++++++
 .../Fragments/Footer/TertiaryLinks.graphql    | 28 +++++++++++++++++
 lib/graphql/Query/Footer.graphql              |  4 +++
 server/routers/contentstack/base/output.ts    |  6 ++++
 server/routers/contentstack/base/query.ts     | 10 ++++---
 server/routers/contentstack/base/utils.ts     |  1 -
 types/components/footer/navigation.ts         |  7 ++++-
 9 files changed, 93 insertions(+), 20 deletions(-)
 create mode 100644 lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
 create mode 100644 lib/graphql/Fragments/Footer/TertiaryLinks.graphql

diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 70b7cffa2..7f0699439 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -21,11 +21,12 @@ function SocialIcon({ iconName }: SocialIconsProps) {
 
 export default async function FooterDetails({
   socialMedia,
+  tertiaryLinks,
 }: FooterDetailsProps) {
   const lang = getLang()
   const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const { tertiaryLinks, languageSwitcher } = footer
+  const { languageSwitcher } = footer
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -68,18 +69,21 @@ export default async function FooterDetails({
         </div>
         <div className={styles.navigationContainer}>
           <nav className={styles.navigation}>
-            {tertiaryLinks.map((link) => (
-              <Footnote asChild textTransform="uppercase" key={link.id}>
-                <Link
-                  className={styles.link}
-                  color="peach50"
-                  href={link.href}
-                  target="_blank"
-                >
-                  {link.title}
-                </Link>
-              </Footnote>
-            ))}
+            {tertiaryLinks?.map(
+              (link) =>
+                link.url && (
+                  <Footnote asChild textTransform="uppercase" key={link.title}>
+                    <Link
+                      className={styles.link}
+                      color="peach50"
+                      href={link.url}
+                      target="_blank"
+                    >
+                      {link.title}
+                    </Link>
+                  </Footnote>
+                )
+            )}
           </nav>
           <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
         </div>
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index b571d13fb..a6f85bb80 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -19,7 +19,10 @@ export default async function Footer() {
         secondaryLinks={footerData.secondaryLinks}
         appDownloads={footerData.appDownloads}
       />
-      <FooterDetails socialMedia={footerData.socialMedia} />
+      <FooterDetails
+        socialMedia={footerData.socialMedia}
+        tertiaryLinks={footerData.tertiaryLinks}
+      />
     </footer>
   )
 }
diff --git a/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
new file mode 100644
index 000000000..d1fd47864
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql
@@ -0,0 +1,22 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
+fragment TertiaryLinksRef on Footer {
+  __typename
+  tertiary_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
diff --git a/lib/graphql/Fragments/Footer/TertiaryLinks.graphql b/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
new file mode 100644
index 000000000..79e3ccec0
--- /dev/null
+++ b/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
@@ -0,0 +1,28 @@
+fragment TertiaryLinks on Footer {
+  tertiary_links {
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 211f0ef20..1551fc19a 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -2,8 +2,10 @@
 #import "../Fragments/Footer/MainLinks.graphql"
 #import "../Fragments/Footer/SecondaryLinks.graphql"
 #import "../Fragments/Footer/SocialMedia.graphql"
+#import "../Fragments/Footer/TertiaryLinks.graphql"
 #import "../Fragments/Footer/Refs/MainLinks.graphql"
 #import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
+#import "../Fragments/Footer/Refs/TertiaryLinks.graphql"
 #import "../Fragments/Refs/System.graphql"
 
 query GetFooter($locale: String!) {
@@ -13,6 +15,7 @@ query GetFooter($locale: String!) {
       ...SecondaryLinks
       ...AppDownloads
       ...SocialMedia
+      ...TertiaryLinks
     }
   }
 }
@@ -22,6 +25,7 @@ query GetFooterRef($locale: String!) {
     items {
       ...MainLinksRef
       ...SecondaryLinksRef
+      ...TertiaryLinksRef
       system {
         ...System
       }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 43521c2af..a9ab60805 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -327,6 +327,7 @@ export const validateFooterConfigSchema = z.object({
             })
           ),
         }),
+        tertiary_links: z.array(validateLinkItem),
       })
     ),
   }),
@@ -367,6 +368,11 @@ const validateFooterRefConfigSchema = z.object({
             ),
           })
         ),
+        tertiary_links: z.array(
+          z.object({
+            pageConnection: pageConnectionRefs,
+          })
+        ),
         system: z.object({
           content_type_uid: z.string(),
           uid: z.string(),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 8baa52535..18746ed05 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -510,7 +510,7 @@ export const baseQueryRouter = router({
           },
         }
       )
-      console.log("responseRef", responseRef)
+
       // There's currently no error handling/validation for the responseRef, should it be added?
       getFooterCounter.add(1, { lang: input.lang })
       console.info(
@@ -590,9 +590,10 @@ export const baseQueryRouter = router({
         })
       )
 
-      console.log(
-        "secondaryLinks data",
-        JSON.stringify(secondaryLinks, null, 4)
+      console.log("secondaryLinks", JSON.stringify(secondaryLinks))
+
+      const tertiaryLinks = transformPageConnectionLinks(
+        validatedFooterData.tertiary_links
       )
 
       return {
@@ -600,6 +601,7 @@ export const baseQueryRouter = router({
         appDownloads: validatedFooterData.app_downloads,
         secondaryLinks: secondaryLinks,
         socialMedia: validatedFooterData.social_media,
+        tertiaryLinks: tertiaryLinks,
       }
     }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index bb73a6f10..2493da1f4 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -41,7 +41,6 @@ export function getConnections(refs: HeaderRefResponse) {
 }
 
 export function transformPageConnectionLinks(links: FooterLinkItem[]) {
-  console.log("linksdata", links[0].pageConnection?.edges)
   if (!links) return []
   return links.flatMap((link) => {
     if (link.pageConnection?.edges.length) {
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index bda1362d5..cab2d4c7b 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -14,9 +14,13 @@ export type FooterSecondaryNav = {
   title: string
   url: string
 }
+export type FooterMainNavProps = {
+  mainLinks: FooterLink[]
+}
+
 type FooterSecondaryNavGroup = {
   title: string
-  links: FooterSecondaryNav[]
+  links: FooterLink[]
 }
 type FooterLinkWithType = {
   href?:
@@ -44,6 +48,7 @@ export type FooterSecondaryNavProps = {
 
 export type FooterDetailsProps = {
   socialMedia?: FooterSocialMedia
+  tertiaryLinks?: FooterLink[]
 }
 
 export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps

From 6d55ee7595bc52eb3dd4086feede66bf1f179f56 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:30:33 +0200
Subject: [PATCH 79/92] feat(SW-187): Fixed LanguageSwitcher for footer

---
 components/Footer/Details/details.module.css  |  1 +
 components/Footer/Details/index.tsx           |  9 +--
 .../Navigation/MainNav/mainnav.module.css     |  2 +-
 .../SecondaryNav/secondarynav.module.css      | 10 ++-
 .../Footer/Navigation/navigation.module.css   |  8 +--
 components/Footer/index.tsx                   |  5 +-
 .../Header/MainMenu/MobileMenu/index.tsx      |  6 +-
 .../LanguageSwitcherContent/index.tsx         |  3 +-
 components/LanguageSwitcher/index.tsx         | 26 +++++--
 .../languageSwitcher.module.css               | 31 +++++++--
 components/LanguageSwitcher/variants.ts       | 20 ++++++
 stores/main-menu.ts                           | 67 ++++++++++++-------
 .../languageSwitcher/languageSwitcher.ts      |  2 +-
 13 files changed, 136 insertions(+), 54 deletions(-)
 create mode 100644 components/LanguageSwitcher/variants.ts

diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index 51ee8f102..cf2ad10af 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -65,5 +65,6 @@
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
+    gap: var(--Spacing-x4);
   }
 }
diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx
index 7f0699439..093969a6b 100644
--- a/components/Footer/Details/index.tsx
+++ b/components/Footer/Details/index.tsx
@@ -6,8 +6,6 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
-import { footer } from "../mockedData"
-
 import styles from "./details.module.css"
 
 import type { FooterDetailsProps } from "@/types/components/footer/navigation"
@@ -22,11 +20,12 @@ function SocialIcon({ iconName }: SocialIconsProps) {
 export default async function FooterDetails({
   socialMedia,
   tertiaryLinks,
+  languageUrls,
 }: FooterDetailsProps) {
   const lang = getLang()
   const { formatMessage } = await getIntl()
   const currentYear = new Date().getFullYear()
-  const { languageSwitcher } = footer
+
   return (
     <section className={styles.details}>
       <div className={styles.topContainer}>
@@ -85,7 +84,9 @@ export default async function FooterDetails({
                 )
             )}
           </nav>
-          <LanguageSwitcher type="desktopFooter" urls={languageSwitcher.urls} />
+          {languageUrls && (
+            <LanguageSwitcher type="footer" urls={languageUrls} />
+          )}
         </div>
       </div>
     </section>
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 496fa9618..933c9e774 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 767px) {
+@media screen and (min-width: 1367px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 057c1daa5..bedaf577b 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -27,8 +27,14 @@
 
 @media screen and (min-width: 767px) {
   .secondaryNavigation {
-    margin-top: 0;
-    gap: 80px;
+    margin-top: var(--Spacing-x4);
+    gap: 120px;
     flex-direction: row;
   }
 }
+@media screen and (min-width: 1367px) {
+  .secondaryNavigation {
+    margin-top: 0;
+    gap: 80px;
+  }
+}
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index d78408ec4..db086dcb7 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -13,10 +13,7 @@
 
 @media screen and (min-width: 767px) {
   .section {
-    padding: var(--Spacing-x9) var(--Spacing-x6);
-  }
-  .maxWidth {
-    flex-direction: row;
+    padding: var(--Spacing-x9) var(--Spacing-x5);
   }
 }
 
@@ -24,4 +21,7 @@
   .section {
     padding: var(--Spacing-x9) 0;
   }
+  .maxWidth {
+    flex-direction: row;
+  }
 }
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index a6f85bb80..83c5aa7d7 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -9,7 +9,9 @@ export default async function Footer() {
   const footerData = await serverClient().contentstack.base.footer({
     lang: getLang(),
   })
-  if (!footerData) {
+  const languages = await serverClient().contentstack.languageSwitcher.get()
+
+  if (!footerData || !languages) {
     return <FooterDetails />
   }
   return (
@@ -22,6 +24,7 @@ export default async function Footer() {
       <FooterDetails
         socialMedia={footerData.socialMedia}
         tertiaryLinks={footerData.tertiaryLinks}
+        languageUrls={languages.urls}
       />
     </footer>
   )
diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index 3cd25096e..5450f8f21 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -25,7 +25,7 @@ export default function MobileMenu({
   const {
     isHamburgerMenuOpen,
     isMyPagesMobileMenuOpen,
-    isLanguageSwitcherOpen,
+    isHeaderLanguageSwitcherOpen,
     toggleHamburgerMenu,
     toggleMyPagesMobileMenu,
     toggleLanguageSwitcher,
@@ -41,8 +41,8 @@ export default function MobileMenu({
     if (isMyPagesMobileMenuOpen) {
       toggleMyPagesMobileMenu()
     } else {
-      if (isLanguageSwitcherOpen) {
-        toggleLanguageSwitcher()
+      if (isHeaderLanguageSwitcherOpen) {
+        toggleLanguageSwitcher("header")
       }
 
       toggleHamburgerMenu()
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index 7a20e3da1..4406c4fd5 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -24,6 +24,7 @@ export default function LanguageSwitcherContent({
   const { toggleLanguageSwitcher } = useDropdownStore()
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
+  const position = type === "footer" ? "footer" : "header"
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
@@ -32,7 +33,7 @@ export default function LanguageSwitcherContent({
           <button
             type="button"
             className={styles.backButton}
-            onClick={toggleLanguageSwitcher}
+            onClick={() => toggleLanguageSwitcher(position)}
           >
             <ChevronLeftIcon color="red" />
             <Subtitle type="one">Main Menu</Subtitle>
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index be8a2bebb..cd74e90bc 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -10,6 +10,7 @@ import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
 
 import LanguageSwitcherContent from "./LanguageSwitcherContent"
+import { languageSwitcherVariants } from "./variants"
 
 import styles from "./languageSwitcher.module.css"
 
@@ -21,16 +22,29 @@ export default function LanguageSwitcher({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { toggleLanguageSwitcher, isLanguageSwitcherOpen } = useDropdownStore()
+  const {
+    toggleLanguageSwitcher,
+    isHeaderLanguageSwitcherOpen,
+    isFooterLanguageSwitcherOpen,
+  } = useDropdownStore()
+
+  const position = type === "footer" ? "footer" : "header"
+  const color = type === "footer" ? "pale" : "burgundy"
+  const isLanguageSwitcherOpen =
+    type === "footer"
+      ? isFooterLanguageSwitcherOpen
+      : isHeaderLanguageSwitcherOpen
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
-      toggleLanguageSwitcher()
+      toggleLanguageSwitcher(position)
     }
   })
 
+  const classNames = languageSwitcherVariants({ color, position })
+
   return (
-    <div className={styles.languageSwitcher}>
+    <div className={classNames}>
       <button
         type="button"
         className={styles.button}
@@ -39,15 +53,15 @@ export default function LanguageSwitcher({
             ? "Close language menu"
             : "Open language menu",
         })}
-        onClick={toggleLanguageSwitcher}
+        onClick={() => toggleLanguageSwitcher(position)}
       >
-        <GlobeIcon width={20} height={20} color="burgundy" />
+        <GlobeIcon width={20} height={20} color={color} />
         <span>{languages[currentLanguage]}</span>
         <ChevronDownIcon
           className={`${styles.chevron} ${isLanguageSwitcherOpen ? styles.isExpanded : ""}`}
           width={20}
           height={20}
-          color="burgundy"
+          color={color}
         />
       </button>
 
diff --git a/components/LanguageSwitcher/languageSwitcher.module.css b/components/LanguageSwitcher/languageSwitcher.module.css
index 89ce55b56..6c85a22aa 100644
--- a/components/LanguageSwitcher/languageSwitcher.module.css
+++ b/components/LanguageSwitcher/languageSwitcher.module.css
@@ -1,6 +1,5 @@
 .button {
   background-color: transparent;
-  color: var(--Base-Text-High-contrast);
   font-family: var(--typography-Caption-Regular-fontFamily);
   font-size: var(--typography-Caption-Regular-fontSize);
   border-width: 0;
@@ -13,6 +12,14 @@
   width: 100%;
 }
 
+.burgundy .button {
+  color: var(--Base-Text-High-contrast);
+}
+
+.pale .button {
+  color: var(--Primary-Dark-On-Surface-Text);
+}
+
 .chevron {
   justify-self: end;
   transition: transform 0.3s;
@@ -45,29 +52,43 @@
 
   .dropdown {
     position: absolute;
-    top: 2.25rem;
     background-color: var(--Base-Surface-Primary-light-Normal);
     border-radius: var(--Corner-radius-Large);
     box-shadow: 0px 0px 14px 6px #0000001a;
     display: none;
     min-width: 12.5rem;
     z-index: 1;
+  }
+  .top .dropdown {
+    top: 2.25rem;
     bottom: auto;
   }
 
-  /* Triangle above dropdown */
+  .top .dropdown::before {
+    top: -1.25rem;
+    transform: rotate(180deg);
+  }
+
+  /* Triangle dropdown */
   .dropdown::before {
     content: "";
     position: absolute;
-    top: -1.25rem;
     right: 2.4rem;
-    transform: rotate(180deg);
     border-width: 0.75rem;
     border-style: solid;
     border-color: var(--Base-Surface-Primary-light-Normal) transparent
       transparent transparent;
   }
 
+  .bottom .dropdown {
+    top: auto;
+    bottom: 2.25rem;
+  }
+
+  .bottom .dropdown::before {
+    top: 100%;
+  }
+
   .button {
     grid-template-columns: repeat(3, max-content);
     font-size: var(--typography-Body-Bold-fontSize);
diff --git a/components/LanguageSwitcher/variants.ts b/components/LanguageSwitcher/variants.ts
new file mode 100644
index 000000000..0fac0e5da
--- /dev/null
+++ b/components/LanguageSwitcher/variants.ts
@@ -0,0 +1,20 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./languageSwitcher.module.css"
+
+export const languageSwitcherVariants = cva(styles.languageSwitcher, {
+  variants: {
+    color: {
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+    },
+    position: {
+      header: styles.top,
+      footer: styles.bottom,
+    },
+    defaultVariants: {
+      color: "burgundy",
+      position: "top",
+    },
+  },
+})
diff --git a/stores/main-menu.ts b/stores/main-menu.ts
index 6818d4cdb..454477f08 100644
--- a/stores/main-menu.ts
+++ b/stores/main-menu.ts
@@ -6,18 +6,20 @@ interface DropdownState {
   isHamburgerMenuOpen: boolean
   isMyPagesMobileMenuOpen: boolean
   isMyPagesMenuOpen: boolean
-  isLanguageSwitcherOpen: boolean
+  isHeaderLanguageSwitcherOpen: boolean
+  isFooterLanguageSwitcherOpen: boolean
   toggleHamburgerMenu: () => void
   toggleMyPagesMobileMenu: () => void
   toggleMyPagesMenu: () => void
-  toggleLanguageSwitcher: () => void
+  toggleLanguageSwitcher: (location: "header" | "footer") => void
 }
 
 const useDropdownStore = create<DropdownState>((set) => ({
   isHamburgerMenuOpen: false,
   isMyPagesMobileMenuOpen: false,
   isMyPagesMenuOpen: false,
-  isLanguageSwitcherOpen: false,
+  isHeaderLanguageSwitcherOpen: false,
+  isFooterLanguageSwitcherOpen: false,
   toggleHamburgerMenu: () =>
     set(
       ({ isHamburgerMenuOpen, isMyPagesMenuOpen, isMyPagesMobileMenuOpen }) => {
@@ -39,7 +41,8 @@ const useDropdownStore = create<DropdownState>((set) => ({
         isMyPagesMenuOpen,
         isMyPagesMobileMenuOpen,
         isHamburgerMenuOpen,
-        isLanguageSwitcherOpen,
+        isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen,
       }) => {
         // Close the other dropdowns if they're open
         if (!isMyPagesMobileMenuOpen) {
@@ -49,8 +52,11 @@ const useDropdownStore = create<DropdownState>((set) => ({
           if (isHamburgerMenuOpen) {
             set({ isHamburgerMenuOpen: false })
           }
-          if (isLanguageSwitcherOpen) {
-            set({ isLanguageSwitcherOpen: false })
+          if (isHeaderLanguageSwitcherOpen) {
+            set({ isHeaderLanguageSwitcherOpen: false })
+          }
+          if (isFooterLanguageSwitcherOpen) {
+            set({ isFooterLanguageSwitcherOpen: false })
           }
         }
         return { isMyPagesMobileMenuOpen: !isMyPagesMobileMenuOpen }
@@ -60,7 +66,8 @@ const useDropdownStore = create<DropdownState>((set) => ({
     set(
       ({
         isHamburgerMenuOpen,
-        isLanguageSwitcherOpen,
+        isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen,
         isMyPagesMenuOpen,
         isMyPagesMobileMenuOpen,
       }) => {
@@ -72,32 +79,40 @@ const useDropdownStore = create<DropdownState>((set) => ({
           if (isMyPagesMobileMenuOpen) {
             set({ isMyPagesMobileMenuOpen: false })
           }
-          if (isLanguageSwitcherOpen) {
-            set({ isLanguageSwitcherOpen: false })
+          if (isHeaderLanguageSwitcherOpen) {
+            set({ isHeaderLanguageSwitcherOpen: false })
+          }
+          if (isFooterLanguageSwitcherOpen) {
+            set({ isFooterLanguageSwitcherOpen: false })
           }
         }
         return { isMyPagesMenuOpen: !isMyPagesMenuOpen }
       }
     ),
-  toggleLanguageSwitcher: () =>
-    set(
-      ({
-        isLanguageSwitcherOpen,
-        isMyPagesMenuOpen,
-        isMyPagesMobileMenuOpen,
-      }) => {
-        // Close the other dropdowns if they're open
-        if (!isLanguageSwitcherOpen) {
-          if (isMyPagesMenuOpen) {
-            set({ isMyPagesMenuOpen: false })
-          }
-          if (isMyPagesMobileMenuOpen) {
-            set({ isMyPagesMobileMenuOpen: false })
-          }
+  toggleLanguageSwitcher: (location: "header" | "footer") =>
+    set((state) => {
+      const isCurrentlyOpen =
+        location === "header"
+          ? state.isHeaderLanguageSwitcherOpen
+          : state.isFooterLanguageSwitcherOpen
+
+      if (!isCurrentlyOpen) {
+        return {
+          isHeaderLanguageSwitcherOpen: location === "header",
+          isFooterLanguageSwitcherOpen: location === "footer",
+          isMyPagesMenuOpen: false,
+          isMyPagesMobileMenuOpen: false,
+          isHamburgerMenuOpen: false,
         }
-        return { isLanguageSwitcherOpen: !isLanguageSwitcherOpen }
       }
-    ),
+
+      return {
+        isHeaderLanguageSwitcherOpen:
+          location === "header" ? false : state.isHeaderLanguageSwitcherOpen,
+        isFooterLanguageSwitcherOpen:
+          location === "footer" ? false : state.isFooterLanguageSwitcherOpen,
+      }
+    }),
 }))
 
 export default useDropdownStore
diff --git a/types/components/languageSwitcher/languageSwitcher.ts b/types/components/languageSwitcher/languageSwitcher.ts
index fbadfab5d..d938edc87 100644
--- a/types/components/languageSwitcher/languageSwitcher.ts
+++ b/types/components/languageSwitcher/languageSwitcher.ts
@@ -1,6 +1,6 @@
 import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export interface LanguageSwitcherProps {
-  type: "mobileHeader" | "mobileFooter" | "desktopHeader" | "desktopFooter"
+  type: "mobileHeader" | "desktopHeader" | "footer"
   urls: LanguageSwitcherData
 }

From 5a6d068c75edcecba6e3697ad4a86e3b3c3abcb3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Thu, 5 Sep 2024 14:36:54 +0200
Subject: [PATCH 80/92] feat(SW-187): removed log

---
 server/routers/contentstack/base/query.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 18746ed05..a3affedfc 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -590,8 +590,6 @@ export const baseQueryRouter = router({
         })
       )
 
-      console.log("secondaryLinks", JSON.stringify(secondaryLinks))
-
       const tertiaryLinks = transformPageConnectionLinks(
         validatedFooterData.tertiary_links
       )

From aa63c4bc45ac2023315b0b6d78f5ff7e4e2a944a Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 6 Sep 2024 14:05:41 +0200
Subject: [PATCH 81/92] feat(SW-187): fix merge

---
 components/Footer/mockedData.ts       | 254 --------------------------
 types/components/footer/navigation.ts |  13 +-
 2 files changed, 3 insertions(+), 264 deletions(-)
 delete mode 100644 components/Footer/mockedData.ts

diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
deleted file mode 100644
index d294b908b..000000000
--- a/components/Footer/mockedData.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-export const footer = {
-  mainLinks: [
-    {
-      title: "Travel guides",
-      href: "/travel-guides",
-      id: "travel-guides",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "New hotels",
-      href: "/new-hotels",
-      id: "new-hotels",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "Accessibililty",
-      href: "/accessibility",
-      id: "accessibility",
-      openInNewTab: false,
-      isExternal: false,
-    },
-    {
-      title: "Sustanability",
-      href: "/sustainability",
-      id: "sustainability",
-      openInNewTab: false,
-      isExternal: false,
-    },
-  ],
-  appDownloads: {
-    title: "Scandic App",
-    links: [
-      {
-        title: "App Store",
-        href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
-        id: "apple",
-      },
-      {
-        title: "Google Play",
-        href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
-        id: "google",
-      },
-    ],
-  },
-
-  secondaryLinks: [
-    {
-      title: "Customer service",
-      links: [
-        {
-          title: "Contact us",
-          href: "/contact-us",
-          id: "contact-us",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Frequntly asked questions",
-          href: "/frequently-asked-questions",
-          id: "frequently-asked-questions",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Rates and policys",
-          href: "/rates-and-policies",
-          id: "rates-and-policies",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Terms and conditions",
-          href: "/terms-and-conditions",
-          id: "terms-and-conditions",
-          openInNewTab: false,
-          isExternal: false,
-        },
-      ],
-    },
-    {
-      title: "About Scandic Hotels",
-      links: [
-        {
-          title: "Scandic Group",
-          href: "/scandic-group",
-          id: "scandic-group",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Investors",
-          href: "/investors",
-          id: "investors",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Press",
-          href: "/press",
-          id: "press",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Sponsors",
-          href: "/sponsors",
-          id: "sponsors",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Partners",
-          href: "/partners",
-          id: "partners",
-          openInNewTab: false,
-          isExternal: false,
-        },
-        {
-          title: "Career",
-          href: "/career",
-          id: "career",
-          openInNewTab: false,
-          isExternal: false,
-        },
-      ],
-    },
-  ],
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-  copyrightCompany: "Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-}
-
-  copyrightCompany: "Scandic AB",
-  copyrightInfo: "All rights reserved.",
-  socialMedia: {
-    links: [
-      {
-        title: "Facebook",
-        href: "https://www.facebook.com/scandichotels/",
-        id: "facebook",
-      },
-      {
-        title: "Instagram",
-        href: "https://www.instagram.com/scandichotels/",
-        id: "instagram",
-      },
-      {
-        title: "Tripadvisor",
-        href: "https://www.tripadvisor.com/Hotel_Review-g297628-d1020208712-Reviews-Scandic_Hotels-Stockholm_Sweden.html",
-        id: "tripadvisor",
-      },
-    ],
-  },
-  tertiaryLinks: [
-    {
-      title: "Cookies",
-      href: "/cookies",
-      id: "cookies",
-    },
-    {
-      title: "Privacy policy",
-      href: "/privacy",
-      id: "privacy",
-    },
-  ],
-  languageSwitcher: {
-    urls: {
-      da: {
-        url: "https://www.scandichotels.com/da",
-        isExternal: true,
-      },
-      de: {
-        url: "https://www.scandichotels.com/de",
-        isExternal: true,
-      },
-      en: {
-        url: "https://www.scandichotels.com/en",
-        isExternal: true,
-      },
-      fi: {
-        url: "https://www.scandichotels.com/fi",
-        isExternal: true,
-      },
-      no: {
-        url: "https://www.scandichotels.com/no",
-        isExternal: true,
-      },
-      sv: {
-        url: "https://www.scandichotels.com/sv",
-        isExternal: true,
-      },
-    },
-  },
-}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index cab2d4c7b..503c8ddb9 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,14 +1,6 @@
-export type FooterMainNav = {
-  url: string
-  title: string
-  openInNewTab: boolean
-  isExternal: boolean
-}
-export type FooterMainNavProps = {
-  mainLinks: FooterMainNav[]
-}
+import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
-export type FooterSecondaryNav = {
+export type FooterLink = {
   isExternal: boolean
   openInNewTab: boolean
   title: string
@@ -49,6 +41,7 @@ export type FooterSecondaryNavProps = {
 export type FooterDetailsProps = {
   socialMedia?: FooterSocialMedia
   tertiaryLinks?: FooterLink[]
+  languageUrls?: LanguageSwitcherData
 }
 
 export type FooterNavigationProps = FooterMainNavProps & FooterSecondaryNavProps

From f2068ac3256d6ffc9a5e3dc78457bbaf0a69908f Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 10:22:17 +0200
Subject: [PATCH 82/92] feat(SW-187): refactor footer query

---
 components/Footer/index.tsx                |   6 +-
 server/routers/contentstack/base/output.ts |  11 +-
 server/routers/contentstack/base/query.ts  | 314 +++++++++++++--------
 server/routers/contentstack/base/utils.ts  |  34 ++-
 types/components/footer/footer.ts          |  12 +
 5 files changed, 244 insertions(+), 133 deletions(-)
 create mode 100644 types/components/footer/footer.ts

diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 83c5aa7d7..ee11328ba 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,15 +1,11 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import { getLang } from "@/i18n/serverContext"
-
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
 export default async function Footer() {
-  const footerData = await serverClient().contentstack.base.footer({
-    lang: getLang(),
-  })
   const languages = await serverClient().contentstack.languageSwitcher.get()
+  const footerData = await serverClient().contentstack.base.footer()
 
   if (!footerData || !languages) {
     return <FooterDetails />
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index a9ab60805..37c1a3ea1 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -291,14 +291,12 @@ const validateInternalLink = z
   })
   .optional()
 
-const validateLinkItem = z.object({
+export const validateLinkItem = z.object({
   open_in_new_tab: z.boolean(),
   link: validateExternalLink,
   pageConnection: validateInternalLink,
 })
 
-export type FooterLinkItem = z.infer<typeof validateLinkItem>
-
 export const validateFooterConfigSchema = z.object({
   all_footer: z.object({
     items: z.array(
@@ -333,9 +331,6 @@ export const validateFooterConfigSchema = z.object({
   }),
 })
 
-export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
-export type FooterData = FooterDataRaw["all_footer"]["items"][0]
-
 const pageConnectionRefs = z.object({
   edges: z.array(
     z.object({
@@ -350,7 +345,7 @@ const pageConnectionRefs = z.object({
   ),
 })
 
-const validateFooterRefConfigSchema = z.object({
+export const validateFooterRefConfigSchema = z.object({
   all_footer: z.object({
     items: z.array(
       z.object({
@@ -382,8 +377,6 @@ const validateFooterRefConfigSchema = z.object({
   }),
 })
 
-export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
-
 const linkConnectionNodeSchema = z
   .object({
     edges: z
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index a3affedfc..30a262a42 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -29,17 +29,24 @@ import {
   CurrentHeaderData,
   CurrentHeaderDataRaw,
   CurrentHeaderRefDataRaw,
-  FooterDataRaw,
-  FooterRefDataRaw,
   getHeaderRefSchema,
   getHeaderSchema,
   validateContactConfigSchema,
   validateCurrentFooterConfigSchema,
   validateCurrentHeaderConfigSchema,
   validateFooterConfigSchema,
+  validateFooterRefConfigSchema,
 } from "./output"
-import { getConnections, transformPageConnectionLinks } from "./utils"
+import {
+  getConnections,
+  getFooterConnections,
+  transformPageConnectionLinks,
+} from "./utils"
 
+import type {
+  FooterDataRaw,
+  FooterRefDataRaw,
+} from "@/types/components/footer/footer"
 import type { HeaderRefResponse, HeaderResponse } from "@/types/header"
 
 const meter = metrics.getMeter("trpc.contentstack.base")
@@ -90,6 +97,27 @@ const getHeaderSuccessCounter = meter.createCounter(
 const getHeaderFailCounter = meter.createCounter(
   "trpc.contentstack.header.get-fail"
 )
+
+// OpenTelemetry metrics: CurrentHeader
+const getCurrentFooterRefCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.ref.get"
+)
+const getCurrentFooterRefSuccessCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.ref.get-success"
+)
+const getCurrentFooterRefFailCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.ref.get-fail"
+)
+const getCurrentFooterCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.get"
+)
+const getCurrentFooterSuccessCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.get-success"
+)
+const getCurrentFooterFailCounter = meter.createCounter(
+  "trpc.contentstack.currentFooter.get-fail"
+)
+
 // OpenTelemetry metrics: Footer
 const getFooterRefCounter = meter.createCounter(
   "trpc.contentstack.footer.ref.get"
@@ -403,9 +431,9 @@ export const baseQueryRouter = router({
   currentFooter: contentstackBaseProcedure
     .input(langInput)
     .query(async ({ input }) => {
-      getFooterRefCounter.add(1, { lang: input.lang })
+      getCurrentFooterRefCounter.add(1, { lang: input.lang })
       console.info(
-        "contentstack.footer.ref start",
+        "contentstack.currentFooter.ref start",
         JSON.stringify({ query: { lang: input.lang } })
       )
       const responseRef = await request<CurrentFooterRefDataRaw>(
@@ -421,9 +449,9 @@ export const baseQueryRouter = router({
         }
       )
       // There's currently no error handling/validation for the responseRef, should it be added?
-      getFooterCounter.add(1, { lang: input.lang })
+      getCurrentFooterCounter.add(1, { lang: input.lang })
       console.info(
-        "contentstack.footer start",
+        "contentstack.currentFooter start",
         JSON.stringify({
           query: {
             lang: input.lang,
@@ -447,13 +475,13 @@ export const baseQueryRouter = router({
 
       if (!response.data) {
         const notFoundError = notFound(response)
-        getFooterFailCounter.add(1, {
+        getCurrentFooterFailCounter.add(1, {
           lang: input.lang,
           error_type: "not_found",
           error: JSON.stringify({ code: notFoundError.code }),
         })
         console.error(
-          "contentstack.footer not found error",
+          "contentstack.currentFooter not found error",
           JSON.stringify({
             query: {
               lang: input.lang,
@@ -464,142 +492,194 @@ export const baseQueryRouter = router({
         throw notFoundError
       }
 
-      const validatedFooterConfig = validateCurrentFooterConfigSchema.safeParse(
-        response.data
-      )
+      const validatedCurrentFooterConfig =
+        validateCurrentFooterConfigSchema.safeParse(response.data)
 
-      if (!validatedFooterConfig.success) {
+      if (!validatedCurrentFooterConfig.success) {
         getFooterFailCounter.add(1, {
           lang: input.lang,
           error_type: "validation_error",
-          error: JSON.stringify(validatedFooterConfig.error),
+          error: JSON.stringify(validatedCurrentFooterConfig.error),
         })
         console.error(
-          "contentstack.footer validation error",
+          "contentstack.currentFooter validation error",
           JSON.stringify({
             query: { lang: input.lang },
-            error: validatedFooterConfig.error,
+            error: validatedCurrentFooterConfig.error,
           })
         )
         return null
       }
-      getFooterSuccessCounter.add(1, { lang: input.lang })
+      getCurrentFooterSuccessCounter.add(1, { lang: input.lang })
       console.info(
-        "contentstack.footer success",
+        "contentstack.currentFooter success",
         JSON.stringify({ query: { lang: input.lang } })
       )
-      return validatedFooterConfig.data.all_current_footer.items[0]
+      return validatedCurrentFooterConfig.data.all_current_footer.items[0]
     }),
-  footer: contentstackBaseProcedure
-    .input(langInput)
-    .query(async ({ input }) => {
-      getFooterRefCounter.add(1, { lang: input.lang })
-      console.info(
-        "contentstack.footer.ref start",
-        JSON.stringify({ query: { lang: input.lang } })
-      )
-      const responseRef = await request<FooterRefDataRaw>(
-        GetFooterRef,
-        {
-          locale: input.lang,
+  footer: contentstackBaseProcedure.query(async ({ ctx }) => {
+    const { lang } = ctx
+    getFooterRefCounter.add(1, { lang })
+    console.info(
+      "contentstack.footer.ref start",
+      JSON.stringify({ query: { lang } })
+    )
+    const responseRef = await request<FooterRefDataRaw>(
+      GetFooterRef,
+      {
+        locale: lang,
+      },
+      {
+        cache: "force-cache",
+        next: {
+          tags: [generateRefsResponseTag(lang, "footer")],
         },
-        {
-          cache: "force-cache",
-          next: {
-            tags: [generateRefsResponseTag(input.lang, "footer")],
-          },
-        }
-      )
+      }
+    )
 
-      // There's currently no error handling/validation for the responseRef, should it be added?
-      getFooterCounter.add(1, { lang: input.lang })
-      console.info(
-        "contentstack.footer start",
+    if (!responseRef.data) {
+      const notFoundError = notFound(responseRef)
+      getFooterRefFailCounter.add(1, {
+        lang,
+        error_type: "not_found",
+        error: JSON.stringify({ code: notFoundError.code }),
+      })
+      console.error(
+        "contentstack.footer.refs not found error",
         JSON.stringify({
           query: {
-            lang: input.lang,
+            lang,
           },
+          error: { code: notFoundError.code },
         })
       )
-      const footerUID = responseRef.data.all_footer.items[0].system.uid
-      const response = await request<FooterDataRaw>(
-        GetFooter,
-        {
-          locale: input.lang,
+      throw notFoundError
+    }
+
+    const validatedFooterRefs = validateFooterRefConfigSchema.safeParse(
+      responseRef.data
+    )
+
+    if (!validatedFooterRefs.success) {
+      getFooterRefFailCounter.add(1, {
+        lang,
+        error_type: "validation_error",
+        error: JSON.stringify(validatedFooterRefs.error),
+      })
+      console.error(
+        "contentstack.footer.refs validation error",
+        JSON.stringify({
+          query: {
+            lang,
+          },
+          error: validatedFooterRefs.error,
+        })
+      )
+      return null
+    }
+
+    getFooterRefSuccessCounter.add(1, { lang })
+    console.info(
+      "contentstack.footer.refs success",
+      JSON.stringify({ query: { lang } })
+    )
+
+    const connections = getFooterConnections(validatedFooterRefs.data)
+    const footerUID = responseRef.data.all_footer.items[0].system.uid
+
+    // There's currently no error handling/validation for the responseRef, should it be added?
+    getFooterCounter.add(1, { lang: lang })
+    console.info(
+      "contentstack.footer start",
+      JSON.stringify({
+        query: {
+          lang,
         },
-        {
-          cache: "force-cache",
-          next: {
-            tags: [generateTag(input.lang, footerUID)],
+      })
+    )
+    const tags = [
+      generateTags(lang, connections),
+      generateTag(lang, footerUID),
+    ].flat()
+
+    const response = await request<FooterDataRaw>(
+      GetFooter,
+      {
+        locale: lang,
+      },
+      {
+        cache: "force-cache",
+        next: {
+          tags,
+        },
+      }
+    )
+
+    if (!response.data) {
+      const notFoundError = notFound(response)
+      getFooterFailCounter.add(1, {
+        lang,
+        error_type: "not_found",
+        error: JSON.stringify({ code: notFoundError.code }),
+      })
+      console.error(
+        "contentstack.footer not found error",
+        JSON.stringify({
+          query: {
+            lang,
           },
-        }
-      )
-
-      if (!response.data) {
-        const notFoundError = notFound(response)
-        getFooterFailCounter.add(1, {
-          lang: input.lang,
-          error_type: "not_found",
-          error: JSON.stringify({ code: notFoundError.code }),
-        })
-        console.error(
-          "contentstack.footer not found error",
-          JSON.stringify({
-            query: {
-              lang: input.lang,
-            },
-            error: { code: notFoundError.code },
-          })
-        )
-        throw notFoundError
-      }
-
-      const validatedFooterConfig = validateFooterConfigSchema.safeParse(
-        response.data
-      )
-
-      if (!validatedFooterConfig.success) {
-        getFooterFailCounter.add(1, {
-          lang: input.lang,
-          error_type: "validation_error",
-          error: JSON.stringify(validatedFooterConfig.error),
-        })
-        console.error(
-          "contentstack.footer validation error",
-          JSON.stringify({
-            query: { lang: input.lang },
-            error: validatedFooterConfig.error,
-          })
-        )
-        return null
-      }
-      getFooterSuccessCounter.add(1, { lang: input.lang })
-      console.info(
-        "contentstack.footer success",
-        JSON.stringify({ query: { lang: input.lang } })
-      )
-      const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
-      const mainLinks = transformPageConnectionLinks(
-        validatedFooterData.main_links
-      )
-
-      const secondaryLinks = validatedFooterData.secondary_links.map(
-        (section) => ({
-          title: section.title,
-          links: transformPageConnectionLinks(section.links),
+          error: { code: notFoundError.code },
         })
       )
+      throw notFoundError
+    }
 
-      const tertiaryLinks = transformPageConnectionLinks(
-        validatedFooterData.tertiary_links
+    const validatedFooterConfig = validateFooterConfigSchema.safeParse(
+      response.data
+    )
+
+    if (!validatedFooterConfig.success) {
+      getFooterFailCounter.add(1, {
+        lang,
+        error_type: "validation_error",
+        error: JSON.stringify(validatedFooterConfig.error),
+      })
+      console.error(
+        "contentstack.footer validation error",
+        JSON.stringify({
+          query: { lang: lang },
+          error: validatedFooterConfig.error,
+        })
       )
+      return null
+    }
+    getFooterSuccessCounter.add(1, { lang })
+    console.info(
+      "contentstack.footer success",
+      JSON.stringify({ query: { lang } })
+    )
+    const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
+    const mainLinks = transformPageConnectionLinks(
+      validatedFooterData.main_links
+    )
 
-      return {
-        mainLinks: mainLinks,
-        appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: secondaryLinks,
-        socialMedia: validatedFooterData.social_media,
-        tertiaryLinks: tertiaryLinks,
-      }
-    }),
+    const secondaryLinks = validatedFooterData.secondary_links.map(
+      (section) => ({
+        title: section.title,
+        links: transformPageConnectionLinks(section.links),
+      })
+    )
+
+    const tertiaryLinks = transformPageConnectionLinks(
+      validatedFooterData.tertiary_links
+    )
+
+    return {
+      mainLinks: mainLinks,
+      appDownloads: validatedFooterData.app_downloads,
+      secondaryLinks: secondaryLinks,
+      socialMedia: validatedFooterData.social_media,
+      tertiaryLinks: tertiaryLinks,
+    }
+  }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index 2493da1f4..83347bdb6 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -1,7 +1,10 @@
-import { HeaderRefResponse } from "@/types/header"
+import type {
+  FooterLinkItem,
+  FooterRefDataRaw,
+} from "@/types/components/footer/footer"
+import type { HeaderRefResponse } from "@/types/header"
 import { Edges } from "@/types/requests/utils/edges"
 import { NodeRefs } from "@/types/requests/utils/refs"
-import type { FooterLinkItem } from "./output"
 
 export function getConnections(refs: HeaderRefResponse) {
   const connections: Edges<NodeRefs>[] = []
@@ -40,6 +43,33 @@ export function getConnections(refs: HeaderRefResponse) {
   return connections
 }
 
+export function getFooterConnections(refs: FooterRefDataRaw) {
+  const connections: Edges<NodeRefs>[] = []
+  const footerData = refs.all_footer.items[0]
+  const mainLinks = footerData.main_links
+  const secondaryLinks = footerData.secondary_links
+  const tertiaryLinks = footerData.tertiary_links
+  if (mainLinks) {
+    mainLinks.forEach(({ pageConnection }) => {
+      connections.push(pageConnection)
+    })
+  }
+  secondaryLinks?.forEach(({ links }) => {
+    if (links) {
+      links.forEach(({ pageConnection }) => {
+        connections.push(pageConnection)
+      })
+    }
+  })
+  if (tertiaryLinks) {
+    tertiaryLinks.forEach(({ pageConnection }) => {
+      connections.push(pageConnection)
+    })
+  }
+
+  return connections
+}
+
 export function transformPageConnectionLinks(links: FooterLinkItem[]) {
   if (!links) return []
   return links.flatMap((link) => {
diff --git a/types/components/footer/footer.ts b/types/components/footer/footer.ts
new file mode 100644
index 000000000..8df0eaf8a
--- /dev/null
+++ b/types/components/footer/footer.ts
@@ -0,0 +1,12 @@
+import { z } from "zod"
+
+import {
+  validateFooterConfigSchema,
+  validateFooterRefConfigSchema,
+  validateLinkItem,
+} from "@/server/routers/contentstack/base/output"
+
+export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
+export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
+export type FooterData = FooterDataRaw["all_footer"]["items"][0]
+export type FooterLinkItem = z.infer<typeof validateLinkItem>

From 093ea1a99aacc70a31a404689018a88b8ad38175 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 10:24:13 +0200
Subject: [PATCH 83/92] feat(SW-187): moved store badges to new folder

---
 .../{ => store-badges}/app-store-badge-de.svg |  0
 .../{ => store-badges}/app-store-badge-dk.svg |  0
 .../{ => store-badges}/app-store-badge-en.svg |  0
 .../{ => store-badges}/app-store-badge-fi.svg |  0
 .../{ => store-badges}/app-store-badge-no.svg |  0
 .../{ => store-badges}/app-store-badge-se.svg |  0
 .../google-play-badge-de.svg                  |  0
 .../google-play-badge-dk.svg                  |  0
 .../google-play-badge-en.svg                  |  0
 .../google-play-badge-fi.svg                  |  0
 .../google-play-badge-no.svg                  |  0
 .../google-play-badge-se.svg                  |  0
 types/components/footer/appDownloadIcons.ts   | 24 +++++++++----------
 13 files changed, 12 insertions(+), 12 deletions(-)
 rename public/_static/img/{ => store-badges}/app-store-badge-de.svg (100%)
 rename public/_static/img/{ => store-badges}/app-store-badge-dk.svg (100%)
 rename public/_static/img/{ => store-badges}/app-store-badge-en.svg (100%)
 rename public/_static/img/{ => store-badges}/app-store-badge-fi.svg (100%)
 rename public/_static/img/{ => store-badges}/app-store-badge-no.svg (100%)
 rename public/_static/img/{ => store-badges}/app-store-badge-se.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-de.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-dk.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-en.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-fi.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-no.svg (100%)
 rename public/_static/img/{ => store-badges}/google-play-badge-se.svg (100%)

diff --git a/public/_static/img/app-store-badge-de.svg b/public/_static/img/store-badges/app-store-badge-de.svg
similarity index 100%
rename from public/_static/img/app-store-badge-de.svg
rename to public/_static/img/store-badges/app-store-badge-de.svg
diff --git a/public/_static/img/app-store-badge-dk.svg b/public/_static/img/store-badges/app-store-badge-dk.svg
similarity index 100%
rename from public/_static/img/app-store-badge-dk.svg
rename to public/_static/img/store-badges/app-store-badge-dk.svg
diff --git a/public/_static/img/app-store-badge-en.svg b/public/_static/img/store-badges/app-store-badge-en.svg
similarity index 100%
rename from public/_static/img/app-store-badge-en.svg
rename to public/_static/img/store-badges/app-store-badge-en.svg
diff --git a/public/_static/img/app-store-badge-fi.svg b/public/_static/img/store-badges/app-store-badge-fi.svg
similarity index 100%
rename from public/_static/img/app-store-badge-fi.svg
rename to public/_static/img/store-badges/app-store-badge-fi.svg
diff --git a/public/_static/img/app-store-badge-no.svg b/public/_static/img/store-badges/app-store-badge-no.svg
similarity index 100%
rename from public/_static/img/app-store-badge-no.svg
rename to public/_static/img/store-badges/app-store-badge-no.svg
diff --git a/public/_static/img/app-store-badge-se.svg b/public/_static/img/store-badges/app-store-badge-se.svg
similarity index 100%
rename from public/_static/img/app-store-badge-se.svg
rename to public/_static/img/store-badges/app-store-badge-se.svg
diff --git a/public/_static/img/google-play-badge-de.svg b/public/_static/img/store-badges/google-play-badge-de.svg
similarity index 100%
rename from public/_static/img/google-play-badge-de.svg
rename to public/_static/img/store-badges/google-play-badge-de.svg
diff --git a/public/_static/img/google-play-badge-dk.svg b/public/_static/img/store-badges/google-play-badge-dk.svg
similarity index 100%
rename from public/_static/img/google-play-badge-dk.svg
rename to public/_static/img/store-badges/google-play-badge-dk.svg
diff --git a/public/_static/img/google-play-badge-en.svg b/public/_static/img/store-badges/google-play-badge-en.svg
similarity index 100%
rename from public/_static/img/google-play-badge-en.svg
rename to public/_static/img/store-badges/google-play-badge-en.svg
diff --git a/public/_static/img/google-play-badge-fi.svg b/public/_static/img/store-badges/google-play-badge-fi.svg
similarity index 100%
rename from public/_static/img/google-play-badge-fi.svg
rename to public/_static/img/store-badges/google-play-badge-fi.svg
diff --git a/public/_static/img/google-play-badge-no.svg b/public/_static/img/store-badges/google-play-badge-no.svg
similarity index 100%
rename from public/_static/img/google-play-badge-no.svg
rename to public/_static/img/store-badges/google-play-badge-no.svg
diff --git a/public/_static/img/google-play-badge-se.svg b/public/_static/img/store-badges/google-play-badge-se.svg
similarity index 100%
rename from public/_static/img/google-play-badge-se.svg
rename to public/_static/img/store-badges/google-play-badge-se.svg
diff --git a/types/components/footer/appDownloadIcons.ts b/types/components/footer/appDownloadIcons.ts
index 5c05a4ccb..e41eea35e 100644
--- a/types/components/footer/appDownloadIcons.ts
+++ b/types/components/footer/appDownloadIcons.ts
@@ -1,14 +1,14 @@
 export enum AppDownLoadLinks {
-  apple_da = "/_static/img/app-store-badge-da.svg",
-  apple_de = "/_static/img/app-store-badge-de.svg",
-  apple_en = "/_static/img/app-store-badge-en.svg",
-  apple_fi = "/_static/img/app-store-badge-fi.svg",
-  apple_no = "/_static/img/app-store-badge-no.svg",
-  apple_sv = "/_static/img/app-store-badge-sv.svg",
-  google_da = "/_static/img/google-play-badge-da.svg",
-  google_de = "/_static/img/google-play-badge-de.svg",
-  google_en = "/_static/img/google-play-badge-en.svg",
-  google_fi = "/_static/img/google-play-badge-fi.svg",
-  google_no = "/_static/img/google-play-badge-no.svg",
-  google_sv = "/_static/img/google-play-badge-sv.svg",
+  apple_da = "/_static/img/store-badges/app-store-badge-da.svg",
+  apple_de = "/_static/img/store-badges/app-store-badge-de.svg",
+  apple_en = "/_static/img/store-badges/app-store-badge-en.svg",
+  apple_fi = "/_static/img/store-badges/app-store-badge-fi.svg",
+  apple_no = "/_static/img/store-badges/app-store-badge-no.svg",
+  apple_sv = "/_static/img/store-badges/app-store-badge-sv.svg",
+  google_da = "/_static/img/store-badges/google-play-badge-da.svg",
+  google_de = "/_static/img/store-badges/google-play-badge-de.svg",
+  google_en = "/_static/img/store-badges/google-play-badge-en.svg",
+  google_fi = "/_static/img/store-badges/google-play-badge-fi.svg",
+  google_no = "/_static/img/store-badges/google-play-badge-no.svg",
+  google_sv = "/_static/img/store-badges/google-play-badge-sv.svg",
 }

From ef33d082d8d82440ea2e3bf7f17a776ddde447a3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 13:59:36 +0200
Subject: [PATCH 84/92] feat(sw-187): Refactor footer output and fixed urls to
 include language

---
 .../Footer/Navigation/SecondaryNav/index.tsx  |   8 +-
 .../SecondaryNav/secondarynav.module.css      |   8 +
 components/Footer/index.tsx                   |   2 +-
 .../Fragments/Footer/MainLinks.graphql        |  28 ---
 .../Fragments/Footer/Refs/MainLinks.graphql   |  22 --
 .../Footer/Refs/SecondaryLinks.graphql        |  24 --
 .../Fragments/Footer/SecondaryLinks.graphql   |  31 ---
 .../Fragments/Footer/TertiaryLinks.graphql    |  28 ---
 lib/graphql/Query/Footer.graphql              | 113 ++++++++--
 server/routers/contentstack/base/output.ts    | 213 +++++++++++-------
 server/routers/contentstack/base/query.ts     |  29 +--
 server/routers/contentstack/base/utils.ts     |  24 --
 types/components/footer/footer.ts             |   1 -
 types/components/footer/navigation.ts         |   2 +-
 .../languageSwitcher/languageSwitcher.ts      |   2 +-
 15 files changed, 253 insertions(+), 282 deletions(-)
 delete mode 100644 lib/graphql/Fragments/Footer/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/SecondaryLinks.graphql
 delete mode 100644 lib/graphql/Fragments/Footer/TertiaryLinks.graphql

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 1524ffbb6..f731c67a9 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -62,11 +62,17 @@ export default function FooterSecondaryNav({
                     key={link.title}
                     target={link.openInNewTab ? "_blank" : "_self"}
                     aria-label={link.title}
+                    className={styles.secondaryNavigationLink}
                   >
                     {link.title}
                   </a>
                 ) : (
-                  <Link href={link.url} key={link.title}>
+                  <Link
+                    href={link.url}
+                    key={link.title}
+                    target={link.openInNewTab ? "_blank" : "_self"}
+                    color="burgundy"
+                  >
                     {link.title}
                   </Link>
                 )}
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index bedaf577b..e4d1117ee 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,6 +25,14 @@
   margin: 0;
 }
 
+.secondaryNavigationLink {
+  color: var(--Base-Text-High-contrast);
+  font-weight: var(--typography-Body-Bold-fontWeight);
+  font-family: var(--typography-Body-Bold-fontFamily);
+  margin: 0;
+  text-decoration: none;
+}
+
 @media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: var(--Spacing-x4);
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index ee11328ba..3fa82e46b 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -4,8 +4,8 @@ import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
 export default async function Footer() {
-  const languages = await serverClient().contentstack.languageSwitcher.get()
   const footerData = await serverClient().contentstack.base.footer()
+  const languages = await serverClient().contentstack.languageSwitcher.get()
 
   if (!footerData || !languages) {
     return <FooterDetails />
diff --git a/lib/graphql/Fragments/Footer/MainLinks.graphql b/lib/graphql/Fragments/Footer/MainLinks.graphql
deleted file mode 100644
index 6a7c5fba7..000000000
--- a/lib/graphql/Fragments/Footer/MainLinks.graphql
+++ /dev/null
@@ -1,28 +0,0 @@
-fragment MainLinks on Footer {
-  main_links {
-    open_in_new_tab
-    link {
-      href
-      title
-    }
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ... on AccountPage {
-            title
-            url
-          }
-          ... on LoyaltyPage {
-            title
-            url
-          }
-          ... on ContentPage {
-            title
-            url
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql b/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
deleted file mode 100644
index 6609f66c3..000000000
--- a/lib/graphql/Fragments/Footer/Refs/MainLinks.graphql
+++ /dev/null
@@ -1,22 +0,0 @@
-#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
-#import "../../Refs/MyPages/AccountPage.graphql"
-#import "../../Refs/ContentPage/ContentPage.graphql"
-
-fragment MainLinksRef on Footer {
-  __typename
-  main_links {
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ...LoyaltyPageRef
-          ...ContentPageRef
-          ...AccountPageRef
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
deleted file mode 100644
index 7022084e8..000000000
--- a/lib/graphql/Fragments/Footer/Refs/SecondaryLinks.graphql
+++ /dev/null
@@ -1,24 +0,0 @@
-#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
-#import "../../Refs/MyPages/AccountPage.graphql"
-#import "../../Refs/ContentPage/ContentPage.graphql"
-
-fragment SecondaryLinksRef on Footer {
-  __typename
-  secondary_links {
-    links {
-      pageConnection {
-        edges {
-          node {
-            __typename
-            ...LoyaltyPageRef
-            ...ContentPageRef
-            ...AccountPageRef
-          }
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql b/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
deleted file mode 100644
index 4d48f5733..000000000
--- a/lib/graphql/Fragments/Footer/SecondaryLinks.graphql
+++ /dev/null
@@ -1,31 +0,0 @@
-fragment SecondaryLinks on Footer {
-  secondary_links {
-    title
-    links {
-      open_in_new_tab
-      pageConnection {
-        edges {
-          node {
-            __typename
-            ... on AccountPage {
-              title
-              url
-            }
-            ... on LoyaltyPage {
-              title
-              url
-            }
-            ... on ContentPage {
-              title
-              url
-            }
-          }
-        }
-      }
-      link {
-        href
-        title
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Fragments/Footer/TertiaryLinks.graphql b/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
deleted file mode 100644
index 79e3ccec0..000000000
--- a/lib/graphql/Fragments/Footer/TertiaryLinks.graphql
+++ /dev/null
@@ -1,28 +0,0 @@
-fragment TertiaryLinks on Footer {
-  tertiary_links {
-    open_in_new_tab
-    link {
-      href
-      title
-    }
-    pageConnection {
-      edges {
-        node {
-          __typename
-          ... on AccountPage {
-            title
-            url
-          }
-          ... on LoyaltyPage {
-            title
-            url
-          }
-          ... on ContentPage {
-            title
-            url
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 1551fc19a..17ed02395 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -1,21 +1,74 @@
-#import "../Fragments/Footer/AppDownloads.graphql"
-#import "../Fragments/Footer/MainLinks.graphql"
-#import "../Fragments/Footer/SecondaryLinks.graphql"
-#import "../Fragments/Footer/SocialMedia.graphql"
-#import "../Fragments/Footer/TertiaryLinks.graphql"
-#import "../Fragments/Footer/Refs/MainLinks.graphql"
-#import "../Fragments/Footer/Refs/SecondaryLinks.graphql"
-#import "../Fragments/Footer/Refs/TertiaryLinks.graphql"
 #import "../Fragments/Refs/System.graphql"
 
+#import "../Fragments/PageLink/AccountPageLink.graphql"
+#import "../Fragments/PageLink/ContentPageLink.graphql"
+#import "../Fragments/PageLink/HotelPageLink.graphql"
+#import "../Fragments/PageLink/LoyaltyPageLink.graphql"
+
+#import "../Fragments/Refs/ContentPage/ContentPage.graphql"
+#import "../Fragments/Refs/HotelPage/HotelPage.graphql"
+#import "../Fragments/Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../Fragments/Refs/MyPages/AccountPage.graphql"
+
+#import "../Fragments/Footer/AppDownloads.graphql"
+#import "../Fragments/Footer/SocialMedia.graphql"
+
 query GetFooter($locale: String!) {
   all_footer(limit: 1, locale: $locale) {
     items {
-      ...MainLinks
-      ...SecondaryLinks
+      main_links {
+        open_in_new_tab
+        link {
+          href
+          title
+        }
+        pageConnection {
+          edges {
+            node {
+              ...ContentPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+            }
+          }
+        }
+      }
+      secondary_links {
+        title
+        links {
+          open_in_new_tab
+          pageConnection {
+            edges {
+              node {
+                ...ContentPageLink
+                ...HotelPageLink
+                ...LoyaltyPageLink
+              }
+            }
+          }
+          link {
+            href
+            title
+          }
+        }
+      }
+      tertiary_links {
+        open_in_new_tab
+        link {
+          href
+          title
+        }
+        pageConnection {
+          edges {
+            node {
+              ...ContentPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+            }
+          }
+        }
+      }
       ...AppDownloads
       ...SocialMedia
-      ...TertiaryLinks
     }
   }
 }
@@ -23,9 +76,41 @@ query GetFooter($locale: String!) {
 query GetFooterRef($locale: String!) {
   all_footer(limit: 1, locale: $locale) {
     items {
-      ...MainLinksRef
-      ...SecondaryLinksRef
-      ...TertiaryLinksRef
+      main_links {
+        pageConnection {
+          edges {
+            node {
+              ...ContentPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+            }
+          }
+        }
+      }
+      secondary_links {
+        links {
+          pageConnection {
+            edges {
+              node {
+                ...ContentPageRef
+                ...HotelPageRef
+                ...LoyaltyPageRef
+              }
+            }
+          }
+        }
+      }
+      tertiary_links {
+        pageConnection {
+          edges {
+            node {
+              ...ContentPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+            }
+          }
+        }
+      }
       system {
         ...System
       }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 37c1a3ea1..9f02ed0e3 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -280,100 +280,155 @@ const validateExternalLink = z
 
 const validateInternalLink = z
   .object({
-    edges: z.array(
-      z.object({
-        node: z.object({
-          title: z.string().optional(),
-          url: z.string().optional(),
-        }),
-      })
-    ),
+    edges: z
+      .array(
+        z.object({
+          node: z.object({
+            system: z.object({
+              uid: z.string(),
+              locale: z.nativeEnum(Lang),
+            }),
+            url: z.string(),
+            title: z.string(),
+            web: z
+              .object({
+                original_url: z.string(),
+              })
+              .optional(),
+          }),
+        })
+      )
+      .max(1),
+  })
+  .transform((data) => {
+    const node = data.edges[0]?.node
+    if (!node) {
+      return null
+    }
+    const url = node.url
+    const originalUrl = node.web?.original_url
+    const lang = node.system.locale
+
+    return {
+      url: originalUrl || removeMultipleSlashes(`/${lang}/${url}`),
+      title: node.title,
+    }
   })
   .optional()
 
-export const validateLinkItem = z.object({
-  open_in_new_tab: z.boolean(),
-  link: validateExternalLink,
-  pageConnection: validateInternalLink,
-})
+export const validateLinkItem = z
+  .object({
+    open_in_new_tab: z.boolean(),
+    link: validateExternalLink,
+    pageConnection: validateInternalLink,
+  })
+  .transform((data) => {
+    return {
+      url: data.pageConnection?.url ?? data.link?.href ?? "",
+      title: data.pageConnection?.title ?? data.link?.title,
+      openInNewTab: data.open_in_new_tab,
+      isExternal: !!data.link?.href,
+    }
+  })
 
-export const validateFooterConfigSchema = z.object({
-  all_footer: z.object({
-    items: z.array(
-      z.object({
-        main_links: z.array(validateLinkItem),
-        app_downloads: z.object({
-          title: z.string(),
-          links: z.array(
-            z.object({
-              type: z.string(),
-              href: validateExternalLink,
-            })
-          ),
-        }),
-        secondary_links: z.array(
-          z.object({
+export const validateFooterConfigSchema = z
+  .object({
+    all_footer: z.object({
+      items: z.array(
+        z.object({
+          main_links: z.array(validateLinkItem),
+          app_downloads: z.object({
             title: z.string(),
-            links: z.array(validateLinkItem),
-          })
-        ),
-        social_media: z.object({
-          links: z.array(
+            links: z.array(
+              z.object({
+                type: z.string(),
+                href: validateExternalLink,
+              })
+            ),
+          }),
+          secondary_links: z.array(
             z.object({
-              type: z.string(),
-              href: validateExternalLink,
+              title: z.string(),
+              links: z.array(validateLinkItem),
             })
           ),
-        }),
-        tertiary_links: z.array(validateLinkItem),
-      })
-    ),
-  }),
-})
+          social_media: z.object({
+            links: z.array(
+              z.object({
+                type: z.string(),
+                href: validateExternalLink,
+              })
+            ),
+          }),
+          tertiary_links: z.array(validateLinkItem),
+        })
+      ),
+    }),
+  })
+  .transform((data) => {
+    const {
+      main_links,
+      app_downloads,
+      secondary_links,
+      social_media,
+      tertiary_links,
+    } = data.all_footer.items[0]
+
+    return {
+      mainLinks: main_links,
+      appDownloads: app_downloads,
+      secondaryLinks: secondary_links,
+      socialMedia: social_media,
+      tertiaryLinks: tertiary_links,
+    }
+  })
 
 const pageConnectionRefs = z.object({
-  edges: z.array(
-    z.object({
-      node: z.object({
-        __typename: z.nativeEnum(PageLinkEnum),
-        system: z.object({
-          content_type_uid: z.string(),
-          uid: z.string(),
+  edges: z
+    .array(
+      z.object({
+        node: z.object({
+          system: z.object({
+            content_type_uid: z.string(),
+            uid: z.string(),
+          }),
         }),
-      }),
-    })
-  ),
+      })
+    )
+    .max(1),
 })
 
 export const validateFooterRefConfigSchema = z.object({
   all_footer: z.object({
-    items: z.array(
-      z.object({
-        main_links: z.array(
-          z.object({
-            pageConnection: pageConnectionRefs,
-          })
-        ),
-        secondary_links: z.array(
-          z.object({
-            links: z.array(
-              z.object({
-                pageConnection: pageConnectionRefs,
-              })
-            ),
-          })
-        ),
-        tertiary_links: z.array(
-          z.object({
-            pageConnection: pageConnectionRefs,
-          })
-        ),
-        system: z.object({
-          content_type_uid: z.string(),
-          uid: z.string(),
-        }),
-      })
-    ),
+    items: z
+      .array(
+        z.object({
+          main_links: z.array(
+            z.object({
+              pageConnection: pageConnectionRefs,
+            })
+          ),
+          secondary_links: z.array(
+            z.object({
+              links: z.array(
+                z.object({
+                  pageConnection: pageConnectionRefs,
+                })
+              ),
+            })
+          ),
+          tertiary_links: z.array(
+            z.object({
+              pageConnection: pageConnectionRefs,
+            })
+          ),
+          system: z.object({
+            content_type_uid: z.string(),
+            uid: z.string(),
+          }),
+        })
+      )
+      .length(1),
   }),
 })
 
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 30a262a42..bde79d886 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -37,11 +37,7 @@ import {
   validateFooterConfigSchema,
   validateFooterRefConfigSchema,
 } from "./output"
-import {
-  getConnections,
-  getFooterConnections,
-  transformPageConnectionLinks,
-} from "./utils"
+import { getConnections, getFooterConnections } from "./utils"
 
 import type {
   FooterDataRaw,
@@ -658,28 +654,7 @@ export const baseQueryRouter = router({
       "contentstack.footer success",
       JSON.stringify({ query: { lang } })
     )
-    const validatedFooterData = validatedFooterConfig.data.all_footer.items[0]
-    const mainLinks = transformPageConnectionLinks(
-      validatedFooterData.main_links
-    )
 
-    const secondaryLinks = validatedFooterData.secondary_links.map(
-      (section) => ({
-        title: section.title,
-        links: transformPageConnectionLinks(section.links),
-      })
-    )
-
-    const tertiaryLinks = transformPageConnectionLinks(
-      validatedFooterData.tertiary_links
-    )
-
-    return {
-      mainLinks: mainLinks,
-      appDownloads: validatedFooterData.app_downloads,
-      secondaryLinks: secondaryLinks,
-      socialMedia: validatedFooterData.social_media,
-      tertiaryLinks: tertiaryLinks,
-    }
+    return validatedFooterConfig.data
   }),
 })
diff --git a/server/routers/contentstack/base/utils.ts b/server/routers/contentstack/base/utils.ts
index 83347bdb6..6125eec92 100644
--- a/server/routers/contentstack/base/utils.ts
+++ b/server/routers/contentstack/base/utils.ts
@@ -69,27 +69,3 @@ export function getFooterConnections(refs: FooterRefDataRaw) {
 
   return connections
 }
-
-export function transformPageConnectionLinks(links: FooterLinkItem[]) {
-  if (!links) return []
-  return links.flatMap((link) => {
-    if (link.pageConnection?.edges.length) {
-      return link.pageConnection.edges.map((edge) => ({
-        title: edge.node.title || "",
-        url: edge.node.url || "",
-        openInNewTab: link.open_in_new_tab,
-        isExternal: false,
-      }))
-    } else if (link.link) {
-      return [
-        {
-          title: link.link.title,
-          url: link.link.href,
-          openInNewTab: link.open_in_new_tab,
-          isExternal: true,
-        },
-      ]
-    }
-    return []
-  })
-}
diff --git a/types/components/footer/footer.ts b/types/components/footer/footer.ts
index 8df0eaf8a..a40443e0d 100644
--- a/types/components/footer/footer.ts
+++ b/types/components/footer/footer.ts
@@ -8,5 +8,4 @@ import {
 
 export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
 export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
-export type FooterData = FooterDataRaw["all_footer"]["items"][0]
 export type FooterLinkItem = z.infer<typeof validateLinkItem>
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 503c8ddb9..37c0a3600 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -3,7 +3,7 @@ import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 export type FooterLink = {
   isExternal: boolean
   openInNewTab: boolean
-  title: string
+  title: string | undefined
   url: string
 }
 export type FooterMainNavProps = {
diff --git a/types/components/languageSwitcher/languageSwitcher.ts b/types/components/languageSwitcher/languageSwitcher.ts
index d938edc87..6672fbe83 100644
--- a/types/components/languageSwitcher/languageSwitcher.ts
+++ b/types/components/languageSwitcher/languageSwitcher.ts
@@ -1,4 +1,4 @@
-import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export interface LanguageSwitcherProps {
   type: "mobileHeader" | "desktopHeader" | "footer"

From 07eb0401bbd5a51736c180952e182a0615e3a8f3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 14:58:22 +0200
Subject: [PATCH 85/92] feat(SW-187): simplify dropdown menu

---
 components/Current/Header/MainMenu/index.tsx  |  16 +--
 .../Header/MyPagesMobileDropdown/index.tsx    |  12 +-
 .../Header/MainMenu/MobileMenu/index.tsx      |  28 ++--
 .../Header/MainMenu/MyPagesMenu/index.tsx     |  16 ++-
 .../MainMenu/MyPagesMobileMenu/index.tsx      |  14 +-
 .../LanguageSwitcherContent/index.tsx         |  10 +-
 components/LanguageSwitcher/index.tsx         |  20 +--
 stores/main-menu.ts                           | 120 ++----------------
 types/components/dropdown/dropdown.ts         |  15 +++
 9 files changed, 93 insertions(+), 158 deletions(-)
 create mode 100644 types/components/dropdown/dropdown.ts

diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index eed0317ee..c3ec15ab5 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -18,6 +18,7 @@ import LoginButton from "../LoginButton"
 import styles from "./mainMenu.module.css"
 
 import type { MainMenuProps } from "@/types/components/current/header/mainMenu"
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 
 export function MainMenu({
   frontpageLinkText,
@@ -61,12 +62,11 @@ export function MainMenu({
     "/sv/current-content-page",
   ].includes(pathname)
 
-  const {
-    isHamburgerMenuOpen,
-    isMyPagesMobileMenuOpen,
-    toggleHamburgerMenu,
-    toggleMyPagesMobileMenu,
-  } = useDropdownStore()
+  const { toggleDropdown, openDropdown } = useDropdownStore()
+
+  const isMyPagesMobileMenuOpen =
+    openDropdown === DropdownType.MyPagesMobileMenu
+  const isHamburgerMenuOpen = openDropdown === DropdownType.HamburgerMenu
 
   function handleMyPagesMobileMenuClick() {
     // Only track click when opening it
@@ -74,7 +74,7 @@ export function MainMenu({
       trackClick("profile picture icon")
     }
 
-    toggleMyPagesMobileMenu()
+    toggleDropdown(DropdownType.MyPagesMobileMenu)
   }
 
   return (
@@ -89,7 +89,7 @@ export function MainMenu({
           <button
             aria-pressed="false"
             className={`${styles.expanderBtn} ${isHamburgerMenuOpen ? styles.expanded : ""}`}
-            onClick={toggleHamburgerMenu}
+            onClick={() => toggleDropdown(DropdownType.HamburgerMenu)}
             type="button"
           >
             <span className={styles.iconBars}></span>
diff --git a/components/Current/Header/MyPagesMobileDropdown/index.tsx b/components/Current/Header/MyPagesMobileDropdown/index.tsx
index dc98ec217..5e9ab01b5 100644
--- a/components/Current/Header/MyPagesMobileDropdown/index.tsx
+++ b/components/Current/Header/MyPagesMobileDropdown/index.tsx
@@ -13,6 +13,8 @@ import useLang from "@/hooks/useLang"
 
 import styles from "./my-pages-mobile-dropdown.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
+
 type Navigation = Awaited<ReturnType<(typeof navigationQueryRouter)["get"]>>
 
 export default function MyPagesMobileDropdown({
@@ -22,8 +24,10 @@ export default function MyPagesMobileDropdown({
 }) {
   const { formatMessage } = useIntl()
   const lang = useLang()
-  const { toggleMyPagesMobileMenu, isMyPagesMobileMenuOpen } =
-    useDropdownStore()
+  const { toggleDropdown, openDropdown } = useDropdownStore()
+
+  const isMyPagesMobileMenuOpen =
+    openDropdown === DropdownType.MyPagesMobileMenu
 
   if (!navigation) {
     return null
@@ -51,7 +55,9 @@ export default function MyPagesMobileDropdown({
                     size={menuItem.display_sign_out_link ? "small" : "regular"}
                     variant="myPageMobileDropdown"
                     color="burgundy"
-                    onClick={toggleMyPagesMobileMenu}
+                    onClick={() =>
+                      toggleDropdown(DropdownType.MyPagesMobileMenu)
+                    }
                   >
                     {link.linkText}
                   </Link>
diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index 5450f8f21..93be21713 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -14,6 +14,7 @@ import NavigationMenu from "../NavigationMenu"
 
 import styles from "./mobileMenu.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 import type { MobileMenuProps } from "@/types/components/header/mobileMenu"
 
 export default function MobileMenu({
@@ -22,30 +23,28 @@ export default function MobileMenu({
   topLink,
 }: MobileMenuProps) {
   const intl = useIntl()
-  const {
-    isHamburgerMenuOpen,
-    isMyPagesMobileMenuOpen,
-    isHeaderLanguageSwitcherOpen,
-    toggleHamburgerMenu,
-    toggleMyPagesMobileMenu,
-    toggleLanguageSwitcher,
-  } = useDropdownStore()
+  const { toggleDropdown, openDropdown } = useDropdownStore()
+  const isHamburgerMenuOpen = openDropdown === DropdownType.HamburgerMenu
+  const isMyPagesMobileMenuOpen =
+    openDropdown === DropdownType.MyPagesMobileMenu
+  const isHeaderLanguageSwitcherOpen =
+    openDropdown === DropdownType.HeaderLanguage
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isHamburgerMenuOpen) {
-      toggleHamburgerMenu()
+      toggleDropdown(DropdownType.HamburgerMenu)
     }
   })
 
   function handleHamburgerClick() {
     if (isMyPagesMobileMenuOpen) {
-      toggleMyPagesMobileMenu()
+      toggleDropdown(DropdownType.MyPagesMobileMenu)
     } else {
       if (isHeaderLanguageSwitcherOpen) {
-        toggleLanguageSwitcher("header")
+        toggleDropdown(DropdownType.HeaderLanguage)
       }
 
-      toggleHamburgerMenu()
+      toggleDropdown(DropdownType.HamburgerMenu)
     }
   }
 
@@ -61,7 +60,10 @@ export default function MobileMenu({
       >
         <span className={styles.bar}></span>
       </button>
-      <Modal className={styles.modal} isOpen={isHamburgerMenuOpen}>
+      <Modal
+        className={styles.modal}
+        isOpen={isHamburgerMenuOpen || isHeaderLanguageSwitcherOpen}
+      >
         <Dialog
           className={styles.dialog}
           aria-label={intl.formatMessage({ id: "Menu" })}
diff --git a/components/Header/MainMenu/MyPagesMenu/index.tsx b/components/Header/MainMenu/MyPagesMenu/index.tsx
index 8398ff840..84247da74 100644
--- a/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -7,7 +7,6 @@ import useDropdownStore from "@/stores/main-menu"
 import { ChevronDownIcon } from "@/components/Icons"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
-import useLang from "@/hooks/useLang"
 import { getInitials } from "@/utils/user"
 
 import Avatar from "../Avatar"
@@ -16,6 +15,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMenu.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 import type { MyPagesMenuProps } from "@/types/components/header/myPagesMenu"
 
 export default function MyPagesMenu({
@@ -24,18 +24,22 @@ export default function MyPagesMenu({
   user,
 }: MyPagesMenuProps) {
   const intl = useIntl()
-  const lang = useLang()
-  const { toggleMyPagesMenu, isMyPagesMenuOpen } = useDropdownStore()
+
+  const { toggleDropdown, openDropdown } = useDropdownStore()
+  const isMyPagesMenuOpen = openDropdown === DropdownType.MyPagesMenu
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMenuOpen) {
-      toggleMyPagesMenu()
+      toggleDropdown(DropdownType.MyPagesMenu)
     }
   })
 
   return (
     <div className={styles.myPagesMenu}>
-      <MainMenuButton className={styles.button} onClick={toggleMyPagesMenu}>
+      <MainMenuButton
+        className={styles.button}
+        onClick={() => toggleDropdown(DropdownType.MyPagesMenu)}
+      >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
         <Subtitle type="two" className={styles.userName}>
           {intl.formatMessage({ id: "Hi" })} {user.firstName}!
@@ -51,7 +55,7 @@ export default function MyPagesMenu({
             navigation={navigation}
             user={user}
             membership={membership}
-            toggleOpenStateFn={toggleMyPagesMenu}
+            toggleOpenStateFn={() => toggleDropdown(DropdownType.MyPagesMenu)}
           />
         </div>
       ) : null}
diff --git a/components/Header/MainMenu/MyPagesMobileMenu/index.tsx b/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
index 29a8023a1..f540b9eb2 100644
--- a/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
+++ b/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
@@ -14,6 +14,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMobileMenu.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 import type { MyPagesMenuProps } from "@/types/components/header/myPagesMenu"
 
 export default function MyPagesMobileMenu({
@@ -22,12 +23,13 @@ export default function MyPagesMobileMenu({
   user,
 }: MyPagesMenuProps) {
   const intl = useIntl()
-  const { toggleMyPagesMobileMenu, isMyPagesMobileMenuOpen } =
-    useDropdownStore()
+  const { openDropdown, toggleDropdown } = useDropdownStore()
+  const isMyPagesMobileMenuOpen =
+    openDropdown === DropdownType.MyPagesMobileMenu
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMobileMenuOpen) {
-      toggleMyPagesMobileMenu()
+      toggleDropdown(DropdownType.MyPagesMobileMenu)
     }
   })
 
@@ -35,7 +37,7 @@ export default function MyPagesMobileMenu({
     <div className={styles.myPagesMobileMenu}>
       <MainMenuButton
         className={styles.button}
-        onClick={toggleMyPagesMobileMenu}
+        onClick={() => toggleDropdown(DropdownType.MyPagesMobileMenu)}
         aria-label={intl.formatMessage({ id: "Open my pages menu" })}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
@@ -49,7 +51,9 @@ export default function MyPagesMobileMenu({
             membership={membership}
             navigation={navigation}
             user={user}
-            toggleOpenStateFn={toggleMyPagesMobileMenu}
+            toggleOpenStateFn={() =>
+              toggleDropdown(DropdownType.MyPagesMobileMenu)
+            }
           />
         </Dialog>
       </Modal>
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index 4406c4fd5..8aeee7067 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -13,6 +13,7 @@ import { useTrapFocus } from "@/hooks/useTrapFocus"
 
 import styles from "./languageSwitcherContent.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 import type { LanguageSwitcherProps } from "@/types/components/languageSwitcher/languageSwitcher"
 
 export default function LanguageSwitcherContent({
@@ -21,10 +22,13 @@ export default function LanguageSwitcherContent({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { toggleLanguageSwitcher } = useDropdownStore()
+  const { toggleDropdown } = useDropdownStore()
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
-  const position = type === "footer" ? "footer" : "header"
+  const position =
+    type === "footer"
+      ? DropdownType.FooterLanguage
+      : DropdownType.HeaderLanguage
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
@@ -33,7 +37,7 @@ export default function LanguageSwitcherContent({
           <button
             type="button"
             className={styles.backButton}
-            onClick={() => toggleLanguageSwitcher(position)}
+            onClick={() => toggleDropdown(position)}
           >
             <ChevronLeftIcon color="red" />
             <Subtitle type="one">Main Menu</Subtitle>
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index cd74e90bc..1e8ee4374 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -14,6 +14,7 @@ import { languageSwitcherVariants } from "./variants"
 
 import styles from "./languageSwitcher.module.css"
 
+import { DropdownType } from "@/types/components/dropdown/dropdown"
 import type { LanguageSwitcherProps } from "@/types/components/languageSwitcher/languageSwitcher"
 
 export default function LanguageSwitcher({
@@ -22,22 +23,23 @@ export default function LanguageSwitcher({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const {
-    toggleLanguageSwitcher,
-    isHeaderLanguageSwitcherOpen,
-    isFooterLanguageSwitcherOpen,
-  } = useDropdownStore()
+  const { toggleDropdown, openDropdown } = useDropdownStore()
 
   const position = type === "footer" ? "footer" : "header"
+  const dropdownType =
+    type === "footer"
+      ? DropdownType.FooterLanguage
+      : DropdownType.HeaderLanguage
   const color = type === "footer" ? "pale" : "burgundy"
+
   const isLanguageSwitcherOpen =
     type === "footer"
-      ? isFooterLanguageSwitcherOpen
-      : isHeaderLanguageSwitcherOpen
+      ? openDropdown === DropdownType.FooterLanguage
+      : openDropdown === DropdownType.HeaderLanguage
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
-      toggleLanguageSwitcher(position)
+      toggleDropdown(dropdownType)
     }
   })
 
@@ -53,7 +55,7 @@ export default function LanguageSwitcher({
             ? "Close language menu"
             : "Open language menu",
         })}
-        onClick={() => toggleLanguageSwitcher(position)}
+        onClick={() => toggleDropdown(dropdownType)}
       >
         <GlobeIcon width={20} height={20} color={color} />
         <span>{languages[currentLanguage]}</span>
diff --git a/stores/main-menu.ts b/stores/main-menu.ts
index 454477f08..d6c147999 100644
--- a/stores/main-menu.ts
+++ b/stores/main-menu.ts
@@ -1,118 +1,16 @@
 import { create } from "zustand"
 
-// TODO: When MyPagesMobileMenu is removed, also remove the
-// isMyPagesMobileMenuOpen state and toggleMyPagesMobileMenu function
-interface DropdownState {
-  isHamburgerMenuOpen: boolean
-  isMyPagesMobileMenuOpen: boolean
-  isMyPagesMenuOpen: boolean
-  isHeaderLanguageSwitcherOpen: boolean
-  isFooterLanguageSwitcherOpen: boolean
-  toggleHamburgerMenu: () => void
-  toggleMyPagesMobileMenu: () => void
-  toggleMyPagesMenu: () => void
-  toggleLanguageSwitcher: (location: "header" | "footer") => void
-}
+import {
+  type DropdownState,
+  DropdownType,
+} from "@/types/components/dropdown/dropdown"
 
 const useDropdownStore = create<DropdownState>((set) => ({
-  isHamburgerMenuOpen: false,
-  isMyPagesMobileMenuOpen: false,
-  isMyPagesMenuOpen: false,
-  isHeaderLanguageSwitcherOpen: false,
-  isFooterLanguageSwitcherOpen: false,
-  toggleHamburgerMenu: () =>
-    set(
-      ({ isHamburgerMenuOpen, isMyPagesMenuOpen, isMyPagesMobileMenuOpen }) => {
-        // Close the other dropdowns if they're open
-        if (!isHamburgerMenuOpen) {
-          if (isMyPagesMenuOpen) {
-            set({ isMyPagesMenuOpen: false })
-          }
-          if (isMyPagesMobileMenuOpen) {
-            set({ isMyPagesMobileMenuOpen: false })
-          }
-        }
-        return { isHamburgerMenuOpen: !isHamburgerMenuOpen }
-      }
-    ),
-  toggleMyPagesMobileMenu: () =>
-    set(
-      ({
-        isMyPagesMenuOpen,
-        isMyPagesMobileMenuOpen,
-        isHamburgerMenuOpen,
-        isHeaderLanguageSwitcherOpen,
-        isFooterLanguageSwitcherOpen,
-      }) => {
-        // Close the other dropdowns if they're open
-        if (!isMyPagesMobileMenuOpen) {
-          if (isMyPagesMenuOpen) {
-            set({ isMyPagesMenuOpen: false })
-          }
-          if (isHamburgerMenuOpen) {
-            set({ isHamburgerMenuOpen: false })
-          }
-          if (isHeaderLanguageSwitcherOpen) {
-            set({ isHeaderLanguageSwitcherOpen: false })
-          }
-          if (isFooterLanguageSwitcherOpen) {
-            set({ isFooterLanguageSwitcherOpen: false })
-          }
-        }
-        return { isMyPagesMobileMenuOpen: !isMyPagesMobileMenuOpen }
-      }
-    ),
-  toggleMyPagesMenu: () =>
-    set(
-      ({
-        isHamburgerMenuOpen,
-        isHeaderLanguageSwitcherOpen,
-        isFooterLanguageSwitcherOpen,
-        isMyPagesMenuOpen,
-        isMyPagesMobileMenuOpen,
-      }) => {
-        // Close the other dropdowns if they're open
-        if (!isMyPagesMenuOpen) {
-          if (isHamburgerMenuOpen) {
-            set({ isHamburgerMenuOpen: false })
-          }
-          if (isMyPagesMobileMenuOpen) {
-            set({ isMyPagesMobileMenuOpen: false })
-          }
-          if (isHeaderLanguageSwitcherOpen) {
-            set({ isHeaderLanguageSwitcherOpen: false })
-          }
-          if (isFooterLanguageSwitcherOpen) {
-            set({ isFooterLanguageSwitcherOpen: false })
-          }
-        }
-        return { isMyPagesMenuOpen: !isMyPagesMenuOpen }
-      }
-    ),
-  toggleLanguageSwitcher: (location: "header" | "footer") =>
-    set((state) => {
-      const isCurrentlyOpen =
-        location === "header"
-          ? state.isHeaderLanguageSwitcherOpen
-          : state.isFooterLanguageSwitcherOpen
-
-      if (!isCurrentlyOpen) {
-        return {
-          isHeaderLanguageSwitcherOpen: location === "header",
-          isFooterLanguageSwitcherOpen: location === "footer",
-          isMyPagesMenuOpen: false,
-          isMyPagesMobileMenuOpen: false,
-          isHamburgerMenuOpen: false,
-        }
-      }
-
-      return {
-        isHeaderLanguageSwitcherOpen:
-          location === "header" ? false : state.isHeaderLanguageSwitcherOpen,
-        isFooterLanguageSwitcherOpen:
-          location === "footer" ? false : state.isFooterLanguageSwitcherOpen,
-      }
-    }),
+  openDropdown: null,
+  toggleDropdown: (dropdown: DropdownType) =>
+    set((state) => ({
+      openDropdown: state.openDropdown === dropdown ? null : dropdown,
+    })),
 }))
 
 export default useDropdownStore
diff --git a/types/components/dropdown/dropdown.ts b/types/components/dropdown/dropdown.ts
new file mode 100644
index 000000000..26effb9ab
--- /dev/null
+++ b/types/components/dropdown/dropdown.ts
@@ -0,0 +1,15 @@
+// TODO: When MyPagesMobileMenu is removed, also remove the
+// isMyPagesMobileMenuOpen state
+
+export enum DropdownType {
+  HeaderLanguage,
+  FooterLanguage,
+  HamburgerMenu,
+  MyPagesMenu,
+  MyPagesMobileMenu,
+}
+
+export interface DropdownState {
+  openDropdown: DropdownType | null
+  toggleDropdown: (dropdown: DropdownType) => void
+}

From ae868ee8cd8e6d3db3f2bdab7b5613fbec75dcac Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 15:34:47 +0200
Subject: [PATCH 86/92] feat(SW-187):  fixed bug where languageswitcher opened
 mobile menu

---
 components/Header/MainMenu/MobileMenu/index.tsx |  4 ++--
 components/LanguageSwitcher/index.tsx           | 15 +++++++--------
 types/components/dropdown/dropdown.ts           |  1 +
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index 93be21713..ce390aa25 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -28,7 +28,7 @@ export default function MobileMenu({
   const isMyPagesMobileMenuOpen =
     openDropdown === DropdownType.MyPagesMobileMenu
   const isHeaderLanguageSwitcherOpen =
-    openDropdown === DropdownType.HeaderLanguage
+    openDropdown === DropdownType.HeaderLanguageMobile
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isHamburgerMenuOpen) {
@@ -41,7 +41,7 @@ export default function MobileMenu({
       toggleDropdown(DropdownType.MyPagesMobileMenu)
     } else {
       if (isHeaderLanguageSwitcherOpen) {
-        toggleDropdown(DropdownType.HeaderLanguage)
+        toggleDropdown(DropdownType.HeaderLanguageMobile)
       }
 
       toggleDropdown(DropdownType.HamburgerMenu)
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index 1e8ee4374..83ae77ce6 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -26,16 +26,15 @@ export default function LanguageSwitcher({
   const { toggleDropdown, openDropdown } = useDropdownStore()
 
   const position = type === "footer" ? "footer" : "header"
-  const dropdownType =
-    type === "footer"
-      ? DropdownType.FooterLanguage
-      : DropdownType.HeaderLanguage
   const color = type === "footer" ? "pale" : "burgundy"
 
-  const isLanguageSwitcherOpen =
-    type === "footer"
-      ? openDropdown === DropdownType.FooterLanguage
-      : openDropdown === DropdownType.HeaderLanguage
+  const dropdownType = {
+    footer: DropdownType.FooterLanguage,
+    desktopHeader: DropdownType.HeaderLanguage,
+    mobileHeader: DropdownType.HeaderLanguageMobile,
+  }[type]
+
+  const isLanguageSwitcherOpen = openDropdown === dropdownType
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
diff --git a/types/components/dropdown/dropdown.ts b/types/components/dropdown/dropdown.ts
index 26effb9ab..76f2e3a7c 100644
--- a/types/components/dropdown/dropdown.ts
+++ b/types/components/dropdown/dropdown.ts
@@ -3,6 +3,7 @@
 
 export enum DropdownType {
   HeaderLanguage,
+  HeaderLanguageMobile,
   FooterLanguage,
   HamburgerMenu,
   MyPagesMenu,

From f79c88d07eaa0ff4b5c2621c0c8cf4529bd16683 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 9 Sep 2024 15:58:37 +0200
Subject: [PATCH 87/92] feat(SW-187): Removed scroll-behavior: smooth to
 prevent scroll on languageswitcher

---
 app/globals.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index d8928023d..d1211c6dc 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -119,7 +119,6 @@ html,
 body {
   margin: 0;
   padding: 0;
-  scroll-behavior: smooth;
 }
 
 body {

From 84fb10aa2c45151b9c1f34a6d8343cb81dd296f8 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 10 Sep 2024 10:23:15 +0200
Subject: [PATCH 88/92] feat(SW-187): use custom title for links

---
 lib/graphql/Query/Footer.graphql           | 3 +++
 server/routers/contentstack/base/output.ts | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/graphql/Query/Footer.graphql b/lib/graphql/Query/Footer.graphql
index 17ed02395..a1ca752fe 100644
--- a/lib/graphql/Query/Footer.graphql
+++ b/lib/graphql/Query/Footer.graphql
@@ -17,6 +17,7 @@ query GetFooter($locale: String!) {
   all_footer(limit: 1, locale: $locale) {
     items {
       main_links {
+        title
         open_in_new_tab
         link {
           href
@@ -35,6 +36,7 @@ query GetFooter($locale: String!) {
       secondary_links {
         title
         links {
+          title
           open_in_new_tab
           pageConnection {
             edges {
@@ -52,6 +54,7 @@ query GetFooter($locale: String!) {
         }
       }
       tertiary_links {
+        title
         open_in_new_tab
         link {
           href
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 9f02ed0e3..bb2e0a2a4 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -318,6 +318,7 @@ const validateInternalLink = z
 
 export const validateLinkItem = z
   .object({
+    title: z.string(),
     open_in_new_tab: z.boolean(),
     link: validateExternalLink,
     pageConnection: validateInternalLink,
@@ -325,7 +326,7 @@ export const validateLinkItem = z
   .transform((data) => {
     return {
       url: data.pageConnection?.url ?? data.link?.href ?? "",
-      title: data.pageConnection?.title ?? data.link?.title,
+      title: data?.title ?? data.link?.title,
       openInNewTab: data.open_in_new_tab,
       isExternal: !!data.link?.href,
     }

From 76c7cfa6f0cf2f3eb14299cef69031a722b2f7e6 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 11 Sep 2024 10:18:39 +0200
Subject: [PATCH 89/92] feat(SW-187): Fixed toggling issue

---
 components/Header/MainMenu/MobileMenu/index.tsx  | 16 ++++++++++++----
 .../LanguageSwitcherContent/index.tsx            |  4 +---
 server/routers/contentstack/base/output.ts       |  5 ++---
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index ce390aa25..b56d31c95 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -24,11 +24,16 @@ export default function MobileMenu({
 }: MobileMenuProps) {
   const intl = useIntl()
   const { toggleDropdown, openDropdown } = useDropdownStore()
-  const isHamburgerMenuOpen = openDropdown === DropdownType.HamburgerMenu
+  const isHamburgerMenuOpen =
+    openDropdown === DropdownType.HamburgerMenu ||
+    openDropdown === DropdownType.HeaderLanguageMobile
+
   const isMyPagesMobileMenuOpen =
     openDropdown === DropdownType.MyPagesMobileMenu
   const isHeaderLanguageSwitcherOpen =
     openDropdown === DropdownType.HeaderLanguageMobile
+  const isFooterLanguageSwitcherOpen =
+    openDropdown === DropdownType.FooterLanguage
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isHamburgerMenuOpen) {
@@ -43,8 +48,11 @@ export default function MobileMenu({
       if (isHeaderLanguageSwitcherOpen) {
         toggleDropdown(DropdownType.HeaderLanguageMobile)
       }
-
-      toggleDropdown(DropdownType.HamburgerMenu)
+      if (!isFooterLanguageSwitcherOpen) {
+        toggleDropdown(DropdownType.HamburgerMenu)
+      } else {
+        toggleDropdown(DropdownType.FooterLanguage)
+      }
     }
   }
 
@@ -52,7 +60,7 @@ export default function MobileMenu({
     <>
       <button
         type="button"
-        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen ? styles.isExpanded : ""}`}
+        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen || isFooterLanguageSwitcherOpen ? styles.isExpanded : ""}`}
         aria-label={intl.formatMessage({
           id: isHamburgerMenuOpen ? "Close menu" : "Open menu",
         })}
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index 8aeee7067..d6e07325e 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -26,9 +26,7 @@ export default function LanguageSwitcherContent({
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
   const position =
-    type === "footer"
-      ? DropdownType.FooterLanguage
-      : DropdownType.HeaderLanguage
+    type === "footer" ? DropdownType.FooterLanguage : DropdownType.HamburgerMenu
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index bb2e0a2a4..3dedb5096 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -7,7 +7,6 @@ import { removeMultipleSlashes } from "@/utils/url"
 import { imageVaultAssetTransformedSchema } from "../schemas/imageVault"
 
 import { Image } from "@/types/image"
-import { PageLinkEnum } from "@/types/requests/pageLinks"
 
 // Help me write this zod schema based on the type ContactConfig
 export const validateContactConfigSchema = z.object({
@@ -310,7 +309,7 @@ const validateInternalLink = z
     const lang = node.system.locale
 
     return {
-      url: originalUrl || removeMultipleSlashes(`/${lang}/${url}`),
+      url: originalUrl ?? removeMultipleSlashes(`/${lang}/${url}`),
       title: node.title,
     }
   })
@@ -500,7 +499,7 @@ const cardButtonSchema = z
     const href =
       isContentstackLink && externalLink.href
         ? externalLink.href
-        : linkConnectionData?.href || ""
+        : linkConnectionData?.href ?? ""
 
     return {
       openInNewTab: data.open_in_new_tab,

From 2734af5f3f993376c54ed6c195dca865b216f3d3 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 11 Sep 2024 11:41:26 +0200
Subject: [PATCH 90/92] feat(sw-187): Refactor dropdown to keep more logic in
 main-menu.ts

---
 components/Current/Header/MainMenu/index.tsx  | 13 +++---
 .../Header/MyPagesMobileDropdown/index.tsx    |  9 ++--
 .../Header/MainMenu/MobileMenu/index.tsx      | 36 +++++++---------
 .../Header/MainMenu/MyPagesMenu/index.tsx     | 13 +++---
 .../MainMenu/MyPagesMobileMenu/index.tsx      | 12 +++---
 .../LanguageSwitcherContent/index.tsx         |  6 ++-
 components/LanguageSwitcher/index.tsx         | 18 +++++---
 stores/main-menu.ts                           | 43 +++++++++++++++----
 types/components/dropdown/dropdown.ts         | 31 +++++++------
 9 files changed, 104 insertions(+), 77 deletions(-)

diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index c3ec15ab5..e8f41a12e 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -18,7 +18,7 @@ import LoginButton from "../LoginButton"
 import styles from "./mainMenu.module.css"
 
 import type { MainMenuProps } from "@/types/components/current/header/mainMenu"
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 
 export function MainMenu({
   frontpageLinkText,
@@ -62,11 +62,8 @@ export function MainMenu({
     "/sv/current-content-page",
   ].includes(pathname)
 
-  const { toggleDropdown, openDropdown } = useDropdownStore()
-
-  const isMyPagesMobileMenuOpen =
-    openDropdown === DropdownType.MyPagesMobileMenu
-  const isHamburgerMenuOpen = openDropdown === DropdownType.HamburgerMenu
+  const { toggleDropdown, isMyPagesMobileMenuOpen, isHamburgerMenuOpen } =
+    useDropdownStore()
 
   function handleMyPagesMobileMenuClick() {
     // Only track click when opening it
@@ -74,7 +71,7 @@ export function MainMenu({
       trackClick("profile picture icon")
     }
 
-    toggleDropdown(DropdownType.MyPagesMobileMenu)
+    toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
   }
 
   return (
@@ -89,7 +86,7 @@ export function MainMenu({
           <button
             aria-pressed="false"
             className={`${styles.expanderBtn} ${isHamburgerMenuOpen ? styles.expanded : ""}`}
-            onClick={() => toggleDropdown(DropdownType.HamburgerMenu)}
+            onClick={() => toggleDropdown(DropdownTypeEnum.HamburgerMenu)}
             type="button"
           >
             <span className={styles.iconBars}></span>
diff --git a/components/Current/Header/MyPagesMobileDropdown/index.tsx b/components/Current/Header/MyPagesMobileDropdown/index.tsx
index 5e9ab01b5..49c333f34 100644
--- a/components/Current/Header/MyPagesMobileDropdown/index.tsx
+++ b/components/Current/Header/MyPagesMobileDropdown/index.tsx
@@ -13,7 +13,7 @@ import useLang from "@/hooks/useLang"
 
 import styles from "./my-pages-mobile-dropdown.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 
 type Navigation = Awaited<ReturnType<(typeof navigationQueryRouter)["get"]>>
 
@@ -24,10 +24,7 @@ export default function MyPagesMobileDropdown({
 }) {
   const { formatMessage } = useIntl()
   const lang = useLang()
-  const { toggleDropdown, openDropdown } = useDropdownStore()
-
-  const isMyPagesMobileMenuOpen =
-    openDropdown === DropdownType.MyPagesMobileMenu
+  const { toggleDropdown, isMyPagesMobileMenuOpen } = useDropdownStore()
 
   if (!navigation) {
     return null
@@ -56,7 +53,7 @@ export default function MyPagesMobileDropdown({
                     variant="myPageMobileDropdown"
                     color="burgundy"
                     onClick={() =>
-                      toggleDropdown(DropdownType.MyPagesMobileMenu)
+                      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
                     }
                   >
                     {link.linkText}
diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index b56d31c95..cce0c4b0e 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -14,7 +14,7 @@ import NavigationMenu from "../NavigationMenu"
 
 import styles from "./mobileMenu.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { MobileMenuProps } from "@/types/components/header/mobileMenu"
 
 export default function MobileMenu({
@@ -23,35 +23,31 @@ export default function MobileMenu({
   topLink,
 }: MobileMenuProps) {
   const intl = useIntl()
-  const { toggleDropdown, openDropdown } = useDropdownStore()
-  const isHamburgerMenuOpen =
-    openDropdown === DropdownType.HamburgerMenu ||
-    openDropdown === DropdownType.HeaderLanguageMobile
-
-  const isMyPagesMobileMenuOpen =
-    openDropdown === DropdownType.MyPagesMobileMenu
-  const isHeaderLanguageSwitcherOpen =
-    openDropdown === DropdownType.HeaderLanguageMobile
-  const isFooterLanguageSwitcherOpen =
-    openDropdown === DropdownType.FooterLanguage
+  const {
+    toggleDropdown,
+    isHamburgerMenuOpen,
+    isMyPagesMobileMenuOpen,
+    isHeaderLanguageSwitcherMobileOpen,
+    isFooterLanguageSwitcherOpen,
+  } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isHamburgerMenuOpen) {
-      toggleDropdown(DropdownType.HamburgerMenu)
+      toggleDropdown(DropdownTypeEnum.HamburgerMenu)
     }
   })
 
   function handleHamburgerClick() {
     if (isMyPagesMobileMenuOpen) {
-      toggleDropdown(DropdownType.MyPagesMobileMenu)
+      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
     } else {
-      if (isHeaderLanguageSwitcherOpen) {
-        toggleDropdown(DropdownType.HeaderLanguageMobile)
+      if (isHeaderLanguageSwitcherMobileOpen) {
+        toggleDropdown(DropdownTypeEnum.HeaderLanguageSwitcherMobile)
       }
       if (!isFooterLanguageSwitcherOpen) {
-        toggleDropdown(DropdownType.HamburgerMenu)
+        toggleDropdown(DropdownTypeEnum.HamburgerMenu)
       } else {
-        toggleDropdown(DropdownType.FooterLanguage)
+        toggleDropdown(DropdownTypeEnum.FooterLanguageSwitcher)
       }
     }
   }
@@ -60,7 +56,7 @@ export default function MobileMenu({
     <>
       <button
         type="button"
-        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen || isFooterLanguageSwitcherOpen ? styles.isExpanded : ""}`}
+        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen || isFooterLanguageSwitcherOpen || isHeaderLanguageSwitcherMobileOpen ? styles.isExpanded : ""}`}
         aria-label={intl.formatMessage({
           id: isHamburgerMenuOpen ? "Close menu" : "Open menu",
         })}
@@ -70,7 +66,7 @@ export default function MobileMenu({
       </button>
       <Modal
         className={styles.modal}
-        isOpen={isHamburgerMenuOpen || isHeaderLanguageSwitcherOpen}
+        isOpen={isHamburgerMenuOpen || isHeaderLanguageSwitcherMobileOpen}
       >
         <Dialog
           className={styles.dialog}
diff --git a/components/Header/MainMenu/MyPagesMenu/index.tsx b/components/Header/MainMenu/MyPagesMenu/index.tsx
index 84247da74..054d867be 100644
--- a/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -15,7 +15,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMenu.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { MyPagesMenuProps } from "@/types/components/header/myPagesMenu"
 
 export default function MyPagesMenu({
@@ -25,12 +25,11 @@ export default function MyPagesMenu({
 }: MyPagesMenuProps) {
   const intl = useIntl()
 
-  const { toggleDropdown, openDropdown } = useDropdownStore()
-  const isMyPagesMenuOpen = openDropdown === DropdownType.MyPagesMenu
+  const { toggleDropdown, isMyPagesMenuOpen } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMenuOpen) {
-      toggleDropdown(DropdownType.MyPagesMenu)
+      toggleDropdown(DropdownTypeEnum.MyPagesMenu)
     }
   })
 
@@ -38,7 +37,7 @@ export default function MyPagesMenu({
     <div className={styles.myPagesMenu}>
       <MainMenuButton
         className={styles.button}
-        onClick={() => toggleDropdown(DropdownType.MyPagesMenu)}
+        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMenu)}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
         <Subtitle type="two" className={styles.userName}>
@@ -55,7 +54,9 @@ export default function MyPagesMenu({
             navigation={navigation}
             user={user}
             membership={membership}
-            toggleOpenStateFn={() => toggleDropdown(DropdownType.MyPagesMenu)}
+            toggleOpenStateFn={() =>
+              toggleDropdown(DropdownTypeEnum.MyPagesMenu)
+            }
           />
         </div>
       ) : null}
diff --git a/components/Header/MainMenu/MyPagesMobileMenu/index.tsx b/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
index f540b9eb2..6620c87d8 100644
--- a/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
+++ b/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
@@ -14,7 +14,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMobileMenu.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { MyPagesMenuProps } from "@/types/components/header/myPagesMenu"
 
 export default function MyPagesMobileMenu({
@@ -23,13 +23,11 @@ export default function MyPagesMobileMenu({
   user,
 }: MyPagesMenuProps) {
   const intl = useIntl()
-  const { openDropdown, toggleDropdown } = useDropdownStore()
-  const isMyPagesMobileMenuOpen =
-    openDropdown === DropdownType.MyPagesMobileMenu
+  const { isMyPagesMobileMenuOpen, toggleDropdown } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMobileMenuOpen) {
-      toggleDropdown(DropdownType.MyPagesMobileMenu)
+      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
     }
   })
 
@@ -37,7 +35,7 @@ export default function MyPagesMobileMenu({
     <div className={styles.myPagesMobileMenu}>
       <MainMenuButton
         className={styles.button}
-        onClick={() => toggleDropdown(DropdownType.MyPagesMobileMenu)}
+        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)}
         aria-label={intl.formatMessage({ id: "Open my pages menu" })}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
@@ -52,7 +50,7 @@ export default function MyPagesMobileMenu({
             navigation={navigation}
             user={user}
             toggleOpenStateFn={() =>
-              toggleDropdown(DropdownType.MyPagesMobileMenu)
+              toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
             }
           />
         </Dialog>
diff --git a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index d6e07325e..9aebfa711 100644
--- a/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -13,7 +13,7 @@ import { useTrapFocus } from "@/hooks/useTrapFocus"
 
 import styles from "./languageSwitcherContent.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { LanguageSwitcherProps } from "@/types/components/languageSwitcher/languageSwitcher"
 
 export default function LanguageSwitcherContent({
@@ -26,7 +26,9 @@ export default function LanguageSwitcherContent({
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
   const position =
-    type === "footer" ? DropdownType.FooterLanguage : DropdownType.HamburgerMenu
+    type === "footer"
+      ? DropdownTypeEnum.FooterLanguageSwitcher
+      : DropdownTypeEnum.HamburgerMenu
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index 83ae77ce6..e6ed0395b 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -14,7 +14,7 @@ import { languageSwitcherVariants } from "./variants"
 
 import styles from "./languageSwitcher.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { LanguageSwitcherProps } from "@/types/components/languageSwitcher/languageSwitcher"
 
 export default function LanguageSwitcher({
@@ -23,18 +23,24 @@ export default function LanguageSwitcher({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { toggleDropdown, openDropdown } = useDropdownStore()
+  const {
+    toggleDropdown,
+    isFooterLanguageSwitcherOpen,
+    isHeaderLanguageSwitcherOpen,
+  } = useDropdownStore()
 
   const position = type === "footer" ? "footer" : "header"
   const color = type === "footer" ? "pale" : "burgundy"
 
   const dropdownType = {
-    footer: DropdownType.FooterLanguage,
-    desktopHeader: DropdownType.HeaderLanguage,
-    mobileHeader: DropdownType.HeaderLanguageMobile,
+    footer: DropdownTypeEnum.FooterLanguageSwitcher,
+    desktopHeader: DropdownTypeEnum.HeaderLanguageSwitcher,
+    mobileHeader: DropdownTypeEnum.HeaderLanguageSwitcherMobile,
   }[type]
 
-  const isLanguageSwitcherOpen = openDropdown === dropdownType
+  const isLanguageSwitcherOpen =
+    (type === "footer" && isFooterLanguageSwitcherOpen) ||
+    (type !== "footer" && isHeaderLanguageSwitcherOpen)
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
diff --git a/stores/main-menu.ts b/stores/main-menu.ts
index d6c147999..a4cc38a1e 100644
--- a/stores/main-menu.ts
+++ b/stores/main-menu.ts
@@ -1,16 +1,43 @@
 import { create } from "zustand"
 
-import {
-  type DropdownState,
+import type {
+  DropdownState,
   DropdownType,
 } from "@/types/components/dropdown/dropdown"
 
-const useDropdownStore = create<DropdownState>((set) => ({
-  openDropdown: null,
-  toggleDropdown: (dropdown: DropdownType) =>
-    set((state) => ({
-      openDropdown: state.openDropdown === dropdown ? null : dropdown,
-    })),
+// TODO: When MyPagesMobileMenu is removed, also remove the
+// isMyPagesMobileMenuOpen state
+
+const useDropdownStore = create<
+  DropdownState & { toggleDropdown: (dropdown: DropdownType) => void }
+>((set) => ({
+  isHamburgerMenuOpen: false,
+  isMyPagesMobileMenuOpen: false,
+  isMyPagesMenuOpen: false,
+  isHeaderLanguageSwitcherOpen: false,
+  isHeaderLanguageSwitcherMobileOpen: false,
+  isFooterLanguageSwitcherOpen: false,
+  toggleDropdown: (dropdown) =>
+    set((state) => {
+      const newState = {
+        isHamburgerMenuOpen: false,
+        isMyPagesMobileMenuOpen: false,
+        isMyPagesMenuOpen: false,
+        isHeaderLanguageSwitcherOpen: false,
+        isHeaderLanguageSwitcherMobileOpen: false,
+        isFooterLanguageSwitcherOpen: false,
+      }
+
+      const currentState =
+        state[
+          `is${dropdown.charAt(0).toUpperCase() + dropdown.slice(1)}Open` as keyof DropdownState
+        ]
+      newState[
+        `is${dropdown.charAt(0).toUpperCase() + dropdown.slice(1)}Open` as keyof DropdownState
+      ] = !currentState
+
+      return newState
+    }),
 }))
 
 export default useDropdownStore
diff --git a/types/components/dropdown/dropdown.ts b/types/components/dropdown/dropdown.ts
index 76f2e3a7c..3dd6d1417 100644
--- a/types/components/dropdown/dropdown.ts
+++ b/types/components/dropdown/dropdown.ts
@@ -1,16 +1,19 @@
-// TODO: When MyPagesMobileMenu is removed, also remove the
-// isMyPagesMobileMenuOpen state
-
-export enum DropdownType {
-  HeaderLanguage,
-  HeaderLanguageMobile,
-  FooterLanguage,
-  HamburgerMenu,
-  MyPagesMenu,
-  MyPagesMobileMenu,
-}
-
 export interface DropdownState {
-  openDropdown: DropdownType | null
-  toggleDropdown: (dropdown: DropdownType) => void
+  isHamburgerMenuOpen: boolean
+  isMyPagesMobileMenuOpen: boolean
+  isMyPagesMenuOpen: boolean
+  isHeaderLanguageSwitcherOpen: boolean
+  isHeaderLanguageSwitcherMobileOpen: boolean
+  isFooterLanguageSwitcherOpen: boolean
 }
+
+export enum DropdownTypeEnum {
+  HamburgerMenu = "hamburgerMenu",
+  MyPagesMobileMenu = "myPagesMobileMenu",
+  MyPagesMenu = "myPagesMenu",
+  HeaderLanguageSwitcher = "headerLanguageSwitcher",
+  HeaderLanguageSwitcherMobile = "headerLanguageSwitcherMobile",
+  FooterLanguageSwitcher = "footerLanguageSwitcher",
+}
+
+export type DropdownType = `${DropdownTypeEnum}`

From b01fca97baf8f2c47c638edfa879aa3efa503d07 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 11 Sep 2024 14:17:44 +0200
Subject: [PATCH 91/92] feat(SW-187): added immer and refactor dropdown a bit

---
 .../Header/MainMenu/MobileMenu/index.tsx      |  16 +--
 components/LanguageSwitcher/index.tsx         |   4 +-
 package-lock.json                             |  10 ++
 package.json                                  |   1 +
 stores/main-menu.ts                           | 103 +++++++++++++-----
 types/components/dropdown/dropdown.ts         |   2 +
 6 files changed, 94 insertions(+), 42 deletions(-)

diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index cce0c4b0e..353afa4ee 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -24,6 +24,7 @@ export default function MobileMenu({
 }: MobileMenuProps) {
   const intl = useIntl()
   const {
+    handleHamburgerClick,
     toggleDropdown,
     isHamburgerMenuOpen,
     isMyPagesMobileMenuOpen,
@@ -37,21 +38,6 @@ export default function MobileMenu({
     }
   })
 
-  function handleHamburgerClick() {
-    if (isMyPagesMobileMenuOpen) {
-      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
-    } else {
-      if (isHeaderLanguageSwitcherMobileOpen) {
-        toggleDropdown(DropdownTypeEnum.HeaderLanguageSwitcherMobile)
-      }
-      if (!isFooterLanguageSwitcherOpen) {
-        toggleDropdown(DropdownTypeEnum.HamburgerMenu)
-      } else {
-        toggleDropdown(DropdownTypeEnum.FooterLanguageSwitcher)
-      }
-    }
-  }
-
   return (
     <>
       <button
diff --git a/components/LanguageSwitcher/index.tsx b/components/LanguageSwitcher/index.tsx
index e6ed0395b..65888d578 100644
--- a/components/LanguageSwitcher/index.tsx
+++ b/components/LanguageSwitcher/index.tsx
@@ -27,6 +27,7 @@ export default function LanguageSwitcher({
     toggleDropdown,
     isFooterLanguageSwitcherOpen,
     isHeaderLanguageSwitcherOpen,
+    isHeaderLanguageSwitcherMobileOpen,
   } = useDropdownStore()
 
   const position = type === "footer" ? "footer" : "header"
@@ -40,7 +41,8 @@ export default function LanguageSwitcher({
 
   const isLanguageSwitcherOpen =
     (type === "footer" && isFooterLanguageSwitcherOpen) ||
-    (type !== "footer" && isHeaderLanguageSwitcherOpen)
+    (type !== "footer" &&
+      (isHeaderLanguageSwitcherOpen || isHeaderLanguageSwitcherMobileOpen))
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {
diff --git a/package-lock.json b/package-lock.json
index 1362c73c0..11bc68c40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,6 +35,7 @@
         "graphql": "^16.8.1",
         "graphql-request": "^6.1.0",
         "graphql-tag": "^2.12.6",
+        "immer": "10.1.1",
         "libphonenumber-js": "^1.10.60",
         "next": "^14.2.3",
         "next-auth": "^5.0.0-beta.19",
@@ -10951,6 +10952,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
     "node_modules/immutable": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
diff --git a/package.json b/package.json
index bc4b33000..d4dc4add7 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
     "graphql": "^16.8.1",
     "graphql-request": "^6.1.0",
     "graphql-tag": "^2.12.6",
+    "immer": "10.1.1",
     "libphonenumber-js": "^1.10.60",
     "next": "^14.2.3",
     "next-auth": "^5.0.0-beta.19",
diff --git a/stores/main-menu.ts b/stores/main-menu.ts
index a4cc38a1e..29e039e99 100644
--- a/stores/main-menu.ts
+++ b/stores/main-menu.ts
@@ -1,43 +1,94 @@
+import { produce } from "immer"
 import { create } from "zustand"
 
-import type {
-  DropdownState,
-  DropdownType,
+import {
+  type DropdownState,
+  DropdownTypeEnum,
 } from "@/types/components/dropdown/dropdown"
 
 // TODO: When MyPagesMobileMenu is removed, also remove the
 // isMyPagesMobileMenuOpen state
 
-const useDropdownStore = create<
-  DropdownState & { toggleDropdown: (dropdown: DropdownType) => void }
->((set) => ({
+const useDropdownStore = create<DropdownState>((set, get) => ({
   isHamburgerMenuOpen: false,
   isMyPagesMobileMenuOpen: false,
   isMyPagesMenuOpen: false,
   isHeaderLanguageSwitcherOpen: false,
   isHeaderLanguageSwitcherMobileOpen: false,
   isFooterLanguageSwitcherOpen: false,
-  toggleDropdown: (dropdown) =>
-    set((state) => {
-      const newState = {
-        isHamburgerMenuOpen: false,
-        isMyPagesMobileMenuOpen: false,
-        isMyPagesMenuOpen: false,
-        isHeaderLanguageSwitcherOpen: false,
-        isHeaderLanguageSwitcherMobileOpen: false,
-        isFooterLanguageSwitcherOpen: false,
+  handleHamburgerClick: () => {
+    const state = get()
+    if (state.isMyPagesMobileMenuOpen) {
+      set({ isMyPagesMobileMenuOpen: false })
+    } else {
+      if (state.isHeaderLanguageSwitcherMobileOpen) {
+        set({ isHeaderLanguageSwitcherMobileOpen: false })
       }
-
-      const currentState =
-        state[
-          `is${dropdown.charAt(0).toUpperCase() + dropdown.slice(1)}Open` as keyof DropdownState
-        ]
-      newState[
-        `is${dropdown.charAt(0).toUpperCase() + dropdown.slice(1)}Open` as keyof DropdownState
-      ] = !currentState
-
-      return newState
-    }),
+      if (!state.isFooterLanguageSwitcherOpen) {
+        set({ isHamburgerMenuOpen: !state.isHamburgerMenuOpen })
+      } else {
+        set({ isFooterLanguageSwitcherOpen: false })
+      }
+    }
+  },
+  toggleDropdown: (dropdown: DropdownTypeEnum) =>
+    set(
+      produce((state: DropdownState) => {
+        switch (dropdown) {
+          case DropdownTypeEnum.HamburgerMenu:
+            state.isHamburgerMenuOpen = !state.isHamburgerMenuOpen
+            state.isMyPagesMobileMenuOpen = false
+            state.isMyPagesMenuOpen = false
+            state.isHeaderLanguageSwitcherOpen = false
+            state.isHeaderLanguageSwitcherMobileOpen = false
+            state.isFooterLanguageSwitcherOpen = false
+            break
+          case DropdownTypeEnum.MyPagesMobileMenu:
+            state.isMyPagesMobileMenuOpen = !state.isMyPagesMobileMenuOpen
+            state.isHamburgerMenuOpen = false
+            state.isMyPagesMenuOpen = false
+            state.isHeaderLanguageSwitcherOpen = false
+            state.isHeaderLanguageSwitcherMobileOpen = false
+            state.isFooterLanguageSwitcherOpen = false
+            break
+          case DropdownTypeEnum.MyPagesMenu:
+            state.isMyPagesMenuOpen = !state.isMyPagesMenuOpen
+            state.isHamburgerMenuOpen = false
+            state.isMyPagesMobileMenuOpen = false
+            state.isHeaderLanguageSwitcherOpen = false
+            state.isHeaderLanguageSwitcherMobileOpen = false
+            state.isFooterLanguageSwitcherOpen = false
+            break
+          case DropdownTypeEnum.HeaderLanguageSwitcher:
+            state.isHeaderLanguageSwitcherOpen =
+              !state.isHeaderLanguageSwitcherOpen
+            state.isHamburgerMenuOpen = false
+            state.isMyPagesMobileMenuOpen = false
+            state.isMyPagesMenuOpen = false
+            state.isHeaderLanguageSwitcherMobileOpen = false
+            state.isFooterLanguageSwitcherOpen = false
+            break
+          case DropdownTypeEnum.HeaderLanguageSwitcherMobile:
+            state.isHeaderLanguageSwitcherMobileOpen =
+              !state.isHeaderLanguageSwitcherMobileOpen
+            state.isHamburgerMenuOpen = false
+            state.isMyPagesMobileMenuOpen = false
+            state.isMyPagesMenuOpen = false
+            state.isHeaderLanguageSwitcherOpen = false
+            state.isFooterLanguageSwitcherOpen = false
+            break
+          case DropdownTypeEnum.FooterLanguageSwitcher:
+            state.isFooterLanguageSwitcherOpen =
+              !state.isFooterLanguageSwitcherOpen
+            state.isHamburgerMenuOpen = false
+            state.isMyPagesMobileMenuOpen = false
+            state.isMyPagesMenuOpen = false
+            state.isHeaderLanguageSwitcherOpen = false
+            state.isHeaderLanguageSwitcherMobileOpen = false
+            break
+        }
+      })
+    ),
 }))
 
 export default useDropdownStore
diff --git a/types/components/dropdown/dropdown.ts b/types/components/dropdown/dropdown.ts
index 3dd6d1417..899086336 100644
--- a/types/components/dropdown/dropdown.ts
+++ b/types/components/dropdown/dropdown.ts
@@ -5,6 +5,8 @@ export interface DropdownState {
   isHeaderLanguageSwitcherOpen: boolean
   isHeaderLanguageSwitcherMobileOpen: boolean
   isFooterLanguageSwitcherOpen: boolean
+  toggleDropdown: (dropdown: DropdownTypeEnum) => void
+  handleHamburgerClick: () => void
 }
 
 export enum DropdownTypeEnum {

From 800f639eb8629430a0a49873fa5ede0d6709e913 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 11 Sep 2024 16:09:17 +0200
Subject: [PATCH 92/92] feat(sw-187): updated typings to use schema

---
 .../Footer/Navigation/SecondaryNav/index.tsx  |  2 +-
 server/routers/contentstack/base/output.ts    | 35 +++++++++--------
 server/routers/contentstack/base/query.ts     |  1 -
 types/components/footer/navigation.ts         | 38 ++++++++-----------
 4 files changed, 34 insertions(+), 42 deletions(-)

diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index f731c67a9..3f631f809 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -37,7 +37,7 @@ export default function FooterSecondaryNav({
                             `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
                           ]
                         }
-                        alt={link.href.title}
+                        alt=""
                         width={125}
                         height={40}
                       />
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 3dedb5096..9b015969f 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -331,6 +331,20 @@ export const validateLinkItem = z
     }
   })
 
+export const validateSecondaryLinks = z.array(
+  z.object({
+    title: z.string(),
+    links: z.array(validateLinkItem),
+  })
+)
+
+export const validateLinksWithType = z.array(
+  z.object({
+    type: z.string(),
+    href: validateExternalLink,
+  })
+)
+
 export const validateFooterConfigSchema = z
   .object({
     all_footer: z.object({
@@ -339,26 +353,11 @@ export const validateFooterConfigSchema = z
           main_links: z.array(validateLinkItem),
           app_downloads: z.object({
             title: z.string(),
-            links: z.array(
-              z.object({
-                type: z.string(),
-                href: validateExternalLink,
-              })
-            ),
+            links: validateLinksWithType,
           }),
-          secondary_links: z.array(
-            z.object({
-              title: z.string(),
-              links: z.array(validateLinkItem),
-            })
-          ),
+          secondary_links: validateSecondaryLinks,
           social_media: z.object({
-            links: z.array(
-              z.object({
-                type: z.string(),
-                href: validateExternalLink,
-              })
-            ),
+            links: validateLinksWithType,
           }),
           tertiary_links: z.array(validateLinkItem),
         })
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index bde79d886..c2f0c948a 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -583,7 +583,6 @@ export const baseQueryRouter = router({
     const connections = getFooterConnections(validatedFooterRefs.data)
     const footerUID = responseRef.data.all_footer.items[0].system.uid
 
-    // There's currently no error handling/validation for the responseRef, should it be added?
     getFooterCounter.add(1, { lang: lang })
     console.info(
       "contentstack.footer start",
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 37c0a3600..e17c7d65b 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -1,40 +1,34 @@
+import { z } from "zod"
+
+import {
+  validateLinkItem,
+  validateLinksWithType,
+  validateSecondaryLinks,
+} from "@/server/routers/contentstack/base/output"
+
 import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
-export type FooterLink = {
-  isExternal: boolean
-  openInNewTab: boolean
-  title: string | undefined
-  url: string
-}
+export type FooterLink = z.output<typeof validateLinkItem>
+
 export type FooterMainNavProps = {
   mainLinks: FooterLink[]
 }
 
-type FooterSecondaryNavGroup = {
-  title: string
-  links: FooterLink[]
-}
-type FooterLinkWithType = {
-  href?:
-    | {
-        href: string
-        title: string
-      }
-    | undefined
-  type: string
-}
+type FooterSecondaryNavGroup = z.output<typeof validateSecondaryLinks>
+
+type FooterLinkWithType = z.output<typeof validateLinksWithType>
 
 type FooterAppDownloads = {
   title: string
-  links: FooterLinkWithType[]
+  links: FooterLinkWithType
 }
 
 type FooterSocialMedia = {
-  links: FooterLinkWithType[]
+  links: FooterLinkWithType
 }
 
 export type FooterSecondaryNavProps = {
-  secondaryLinks: FooterSecondaryNavGroup[]
+  secondaryLinks: FooterSecondaryNavGroup
   appDownloads: FooterAppDownloads
 }