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 ? (
+
+ ) : (
+ link.title
+ )}
))}
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 @@
+
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 @@
+