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} + ) : ( + 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 @@ + + + + + + + + + + + + + + + + + + + + + + + +