feat(SW-185): Added images for app stores

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>
             ))}

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",
+          },
         },
       ],
     },